/* ========================================
   DYNAMIC CSS VARIABLES
   © 2025 Gökhan Avcı - Metropol Web
   ======================================== */
:root {
    --primary-color: #095179;
    --secondary-color: #095179;
    --text-color: #000000;
    
    /* Header Variables */
    --header-bg: #ffffff;
    --header-bg-scrolled: #ffffff;
    --header-text: #333333;
    --header-text-scrolled: #333333;
    --header-hover: #0046AD;
    --header-active: #0046AD;
    --header-padding: 15px;
    --logo-height: 90px;
    --dropdown-bg: #ffffff;
    --dropdown-text: #333333;
    --dropdown-hover-bg: #f5f5f5;
    --dropdown-hover-text: #0046AD;
}

/* ========================================
   DYNAMIC HEADER STYLES
   Sadece renk değişiklikleri - Layout'a dokunmuyor
   ======================================== */

/* Header Renk Ayarları - Layout'a dokunmuyor, sadece renkler */
/* Not: Position, width, padding gibi layout özellikleri modern-design.css'de yönetiliyor */

/* Sticky Header - Modern design'daki pozisyonu bozmamak için kaldırıldı */
/* Scrolled class ile yönetiliyor */

/* Menü Link Renkleri */
header .main-nav ul li a {
    color: var(--header-text);
    transition: color 0.3s ease;
}

header .main-nav ul li a:hover {
    color: var(--header-hover);
}

header .main-nav ul li.active > a,
header .main-nav ul li a.active {
    color: var(--header-active);
}

/* Dropdown Menü Renkleri - Transparan header'da bile sabit kalmalı */
header .main-nav ul li ul.dropdown,
header .main-nav ul li .dropdown,
header .main-nav .dropdown {
    background-color: var(--dropdown-bg) !important;
}

header .main-nav ul li ul.dropdown li a,
header .main-nav ul li .dropdown li a,
header .main-nav .dropdown li a,
.dropdown li a {
    color: var(--dropdown-text) !important;
    background-color: transparent;
}

header .main-nav ul li ul.dropdown li a:hover,
header .main-nav ul li .dropdown li a:hover,
header .main-nav .dropdown li a:hover,
.dropdown li a:hover {
    background-color: var(--dropdown-hover-bg) !important;
    color: var(--dropdown-hover-text) !important;
}

/* Scroll Sonrası Stiller */
header.scrolled {
    background-color: var(--header-bg-scrolled);
        box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
    }

header.scrolled .main-nav ul li a {
    color: var(--header-text-scrolled);
}

header.scrolled .main-nav ul li a:hover {
    color: var(--header-hover);
}

/* Header Butonları */
header .right-side .btn,
header .header-buttons .btn {
    transition: all 0.3s ease;
}

/* Transparan Header (Ana Sayfa İçin) */
body.page-home header:not(.scrolled) {
    background-color: transparent;
    box-shadow: none;
    border-bottom: none;
    border-top: none;
}

/* Sadece ana menü linkleri beyaz - dropdown hariç */
body.page-home header:not(.scrolled) .main-nav > ul > li > a {
    color: #ffffff;
}

body.page-home header:not(.scrolled) .main-nav > ul > li > a:hover {
    opacity: 0.8;
}

/* Dropdown her zaman koyu renk metin */
body.page-home header:not(.scrolled) .dropdown,
body.page-home header:not(.scrolled) .main-nav .dropdown {
    background-color: #ffffff !important;
}

body.page-home header:not(.scrolled) .dropdown li a,
body.page-home header:not(.scrolled) .main-nav .dropdown li a {
    color: #333333 !important;
}

body.page-home header:not(.scrolled) .dropdown li a:hover,
body.page-home header:not(.scrolled) .main-nav .dropdown li a:hover {
    color: var(--header-hover) !important;
    background-color: #f5f5f5 !important;
}

body.page-home header:not(.scrolled) .right-side .btn,
body.page-home header:not(.scrolled) .header-buttons .btn {
    color: #ffffff;
    border-color: #ffffff;
}

body.page-home header:not(.scrolled) .mobile-menu-btn span {
    background-color: #ffffff;
}

/* Mobile Menu Button */
header .mobile-menu-btn span {
    background-color: var(--header-text);
    transition: background-color 0.3s ease;
}

header.scrolled .mobile-menu-btn span {
    background-color: var(--header-text-scrolled);
}