/* --- GENEL DEĞİŞKENLER --- */
:root {
    --dark-bg: #241d18;
    --premium-cream: #faf9f8;
    --earthy-brown: #3d312a;
    --white-color: #ffffff;
    --primary-accent: #e67e22;
}

/* --- ÜST BİLGİ (TOP BAR) MASAÜSTÜ --- */
.top-bar {
    background-color: var(--dark-bg);
    color: rgba(255, 255, 255, 0.85);
    padding: 0.5rem 0;
    font-size: 0.85rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.top-bar-container { display: flex; justify-content: space-between; align-items: center; }
.top-bar-info { display: flex; align-items: center; gap: 1.5rem; }
.top-bar a { color: rgba(255, 255, 255, 0.85); display: flex; align-items: center; gap: 0.5rem; text-decoration: none; transition: color 0.3s ease; }
.top-bar a:hover { color: var(--white-color); }

/* YENİ: Üst bardaki e-posta grubunu biçimlendirme */
.top-bar-emails {
    display: flex;
    align-items: center;
    gap: 0.75rem; /* E-postalar ve ayraç arasındaki boşluk */
}
.top-bar-separator {
    color: rgba(255, 255, 255, 0.4);
    user-select: none; /* Ayraç metninin seçilmesini engeller */
}

/* --- ANA HEADER MASAÜSTÜ --- */
.site-header {
    background-color: var(--premium-cream);
    padding: 0.8rem 0;
    position: sticky;
    top: 0;
    z-index: 1000;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05);
}
.navbar-container { display: flex; align-items: center; justify-content: space-between; }
.logo-link img { height: 90px; width: 245px; object-fit: contain; display: block; transition: transform 0.3s ease; }
.logo-link:hover img { transform: scale(1.03); }

/* --- NAVİGASYON (MASAÜSTÜ) --- */
.main-navigation ul { list-style: none; display: flex; gap: 2.5rem; margin: 0; padding: 0; }
.nav-link { color: var(--earthy-brown); font-weight: 600; font-size: 0.95rem; text-decoration: none; transition: color 0.3s ease; }
.nav-link:hover, .nav-link.active { color: var(--primary-accent); }

/* --- İLETİŞİM BUTONU (MASAÜSTÜ) --- */
.whatsapp-button {
    background-color: var(--primary-accent);
    color: var(--white-color) !important;
    padding: 10px 26px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 0.95rem;
    text-decoration: none;
    box-shadow: 0 6px 20px rgba(232, 119, 46, 0.28);
    transition: all 0.3s ease;
}
.whatsapp-button:hover { background-color: #d96d25; transform: translateY(-2px); box-shadow: 0 10px 25px rgba(232, 119, 46, 0.4); }

/* --- MOBİL MENÜ BUTONU GİZLE (MASAÜSTÜNDE) --- */
.nav-toggle { display: none; }


/* ---------------------------------------------------- */
/* --- MOBİL VE TABLET GÖRÜNÜMÜ (MAX-WIDTH: 992PX) --- */
/* ---------------------------------------------------- */
@media (max-width: 992px) {
    .top-bar { display: none; }
    .whatsapp-button { display: none; }
    
    .site-header { padding: 1rem 0; }
    
    /* KRİTİK 1: Container'ı relative yapıyoruz ki absolute buton dışarı taşmasın */
    .navbar-container { 
        position: relative !important; 
        justify-content: flex-start !important; 
    }

    /* KRİTİK 2: Logoyu daralttık ve flex akışından kopardık */
    .logo-link { 
        display: block; 
        max-width: 65%; 
        position: relative; 
        z-index: 1000; 
    }
    .logo-link img { height: 100px; width: auto; display: block; }
 
    /* --- NÜKLEER ÇÖZÜMLÜ YEPYENİ HAMBURGER BUTON --- */
    .nav-toggle {
        display: flex !important;
        flex-direction: column;
        justify-content: space-around;
        width: 50px !important; 
        height: 50px !important; 
        background: transparent !important;
        border: none !important;
        cursor: pointer;
        padding: 12px !important;
        
        /* HER ŞEYİ EZEN SİHİRLİ KISIM (Ekrana Çiviyle Çakıldı) */
        position: absolute !important;
        right: 15px !important;       
        top: 50% !important;          
        transform: translateY(-50%) !important; 
        z-index: 2147483647 !important; /* Maksimum Limit */
        pointer-events: auto !important; 
        
        touch-action: manipulation;
        -webkit-tap-highlight-color: transparent;
    }
    
    .nav-toggle span {
        display: block;
        width: 100%;
        height: 3px;
        background-color: var(--earthy-brown);
        border-radius: 4px;
        transition: all 0.3s ease;
        pointer-events: none !important; /* Çizgiler tıklamayı asla çalamaz */
    }

    /* "X" Animasyonu */
    .nav-toggle.is-active span { background-color: var(--white-color); }
    .nav-toggle.is-active span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
    .nav-toggle.is-active span:nth-child(2) { opacity: 0; }
    .nav-toggle.is-active span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }

    /* --- YEPYENİ MOBİL MENÜ KODU --- */
    .main-navigation {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        height: 100dvh; 
        background-color: rgba(36, 29, 24, 0.98); 
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        z-index: 2147483640; /* Butonun tam arkasında kalır */
        
        /* Başlangıçta gizli */
        opacity: 0;
        visibility: hidden;
        pointer-events: none; 
        transition: opacity 0.4s ease, visibility 0.4s ease;
    }

    /* Menü Açık Durumu */
    .main-navigation.is-active {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .main-navigation ul {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 2.5rem;
        padding: 0;
        margin: 0;
    }

    .main-navigation .nav-link {
        color: var(--white-color);
        font-size: 1.6rem;
    }
}