/* =========================================
   İLETİŞİM ÖZEL CSS (contact.css)
   ========================================= */

/* Eksik Olan Hero Alanı Tanımı */
.hero {
    position: relative;
    /* Resim ve yükseklik inline style olarak php'den geliyor ama flex yapısı buradan gelmeli */
    background-size: cover;
    background-position: center;
    display: flex; /* BU EKSİKTİ */
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    margin-top: -80px; /* Header altına girsin */
    padding-top: 80px;
}

/* Hero üzerindeki koyu perde (Yazı okunsun diye) */
.hero::before {
    content: '';
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.5); /* %50 Siyah Perde */
    z-index: 1;
}

.hero-content {
    position: relative;
    z-index: 2;
    padding: 20px;
}

/* İletişim Kutuları */
.contact-container {
    display: flex;
    max-width: 1200px;
    margin: 60px auto;
    padding: 0 20px;
    gap: 60px;
}
.contact-info, .contact-form-wrapper { flex: 1; }

.contact-info h2 { font-size: 24px; font-weight: 700; margin-bottom: 20px; color: #000; text-transform: uppercase; }
.info-text { color: #666; margin-bottom: 30px; line-height: 1.6; font-size: 15px; }

.info-item { display: flex; align-items: flex-start; gap: 15px; margin-bottom: 25px; }
.info-item i { font-size: 20px; color: #b71c1c; margin-top: 5px; }
.info-item strong { display: block; color: #000; font-size: 14px; margin-bottom: 2px; }
.info-item div { font-size: 14px; color: #444; }
.info-item a { color: inherit; transition: 0.3s; }
.info-item a:hover { color: #b71c1c; }

.map-wrapper {
    margin-top: 40px;
    border-radius: 8px;
    overflow: hidden;
    height: 300px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
    border: 1px solid #eee;
}
.map-wrapper iframe { width: 100%; height: 100%; border: none; display: block; }

/* Form Alanı */
.contact-form-wrapper { background: #f8f8f8; padding: 40px; border-radius: 8px; height: fit-content; }
.contact-form-wrapper h2 { font-size: 24px; margin-bottom: 25px; color: #000; }

.form-group { margin-bottom: 20px; }
.form-group label { display: block; margin-bottom: 8px; font-weight: 600; font-size: 13px; text-transform: uppercase; color: #555; }
.form-group input, .form-group textarea {
    width: 100%; padding: 15px;
    border: 1px solid #e0e0e0; border-radius: 4px;
    background: #fff; font-family: inherit; font-size: 14px;
    transition: all 0.3s ease;
}
.form-group input:focus, .form-group textarea:focus { border-color: #000; outline: none; }

.submit-btn {
    background: #000; color: #fff; border: none;
    padding: 16px 30px; font-size: 14px; font-weight: 600;
    cursor: pointer; transition: background 0.3s;
    width: 100%; text-transform: uppercase; letter-spacing: 1px;
    border-radius: 4px; margin-top: 10px;
}
.submit-btn:hover { background: #333; }

/* Uyarı Mesajları */
.alert { padding: 15px; margin-bottom: 25px; border-radius: 4px; font-size: 14px; display: flex; align-items: center; gap: 10px; }
.alert.success { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; }
.alert.error { background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }

/* Responsive */
@media (max-width: 768px) {
    .contact-container { flex-direction: column; gap: 40px; margin-top: 40px; }
    .contact-form-wrapper { padding: 25px; }
    .map-wrapper { height: 250px; }
}