/* =====================================================
   CFM EXPORT - OFFICIAL ISOLATED HEADER STYLE MODULE
   Maksimum Satır Sınırı: 100-120 Satır (Kural 11)
===================================================== */
.site-header {
    position: fixed !important;
    width: 100% !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 999999 !important; /* Slider'ın altında kalmasını zorla engeller, en öne mühürler */
    background: transparent !important;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.header-container {
    max-width: 1300px;
    margin: 0 auto;
    padding: 20px 4% !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* OVAL BEYAZ LOGO BAR */
.site-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff !important;
    padding: 12px 35px;
    border-radius: 50px !important;
    border: 1px solid rgba(255, 255, 255, 0.6) !important;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.08) !important;
    z-index: 1000000 !important;
}
.site-logo img { height: 32px; width: auto; object-fit: contain; }

/* KİBAR TARZI GEOMETRİK MODERN PRESTİJ BAR */
.menu-geometric-bar {
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    padding: 12px 30px 12px 40px;
    border-radius: 50px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 10px 30px rgba(11, 37, 69, 0.05);
}

.main-navigation {
    display: flex;
    align-items: center;
    gap: 35px;
}

.main-navigation > a, .dropdown-trigger {
    text-decoration: none !important;
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    white-space: nowrap;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.main-navigation a:hover, .main-navigation a.active { color: var(--cfm-secondary) !important; }

/* DROPDOWN (AÇILIR KUTU) ESTETİĞİ */
.nav-dropdown { position: relative; display: inline-flex; align-items: center; }
.dropdown-trigger { display: inline-flex; align-items: center; gap: 6px; }
.nav-arrow { font-size: 10px; transition: transform 0.3s; }

.nav-dropdown-menu {
    position: absolute; top: 100%; left: 50%;
    transform: translateX(-50%) translateY(15px);
    min-width: 210px; background: #ffffff !important;
    border-radius: 6px; padding: 10px 0; margin-top: 8px;
    box-shadow: 0 15px 35px rgba(11, 37, 69, 0.12);
    opacity: 0; visibility: hidden;
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}
.nav-dropdown:hover .nav-dropdown-menu { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(5px); }
.nav-dropdown:hover .nav-arrow { transform: rotate(180deg); }

.nav-dropdown-menu a {
    display: block; color: var(--cfm-dark) !important; padding: 11px 22px;
    font-size: 13px; font-weight: 500; text-decoration: none !important;
}
.nav-dropdown-menu a:hover { background-color: var(--cfm-light-bg); color: var(--cfm-secondary) !important; padding-left: 26px; }

/* WHATSAPP BUTONU */
.header-whatsapp { display: inline-flex; align-items: center; background-color: #25d366; color: #fff !important; text-decoration: none !important; padding: 8px 18px; border-radius: 30px; font-size: 13px; font-weight: 600; margin-left: 20px; }
.header-whatsapp i { margin-right: 6px; }
.mobile-menu-button { display: none; background: none; border: none; font-size: 22px; color: #ffffff; cursor: pointer; }

/* AKILLI KONTRAST DÜZENİ (SAYFA AŞAĞI KAYINCA BEYAZLAŞMA EFEKTİ) */
.site-header.scrolled { background-color: rgba(255, 255, 255, 0.98) !important; box-shadow: 0 2px 20px rgba(0, 0, 0, 0.05) !important; }
.site-header.scrolled .menu-geometric-bar { background: rgba(11, 37, 69, 0.04) !important; border: 1px solid rgba(11, 37, 69, 0.08); box-shadow: none; }
.site-header.scrolled .main-navigation a { color: var(--cfm-dark) !important; text-shadow: none; }
.site-header.scrolled .main-navigation a:hover, .site-header.scrolled .main-navigation a.active { color: var(--cfm-primary) !important; }
.site-header.scrolled .site-logo { background: transparent !important; box-shadow: none !important; border: none !important; }