/**
 * Header Styles
 * Moved from header.php inline styles for CSP compliance
 */

/* Header Logo Image - Dynamic height via CSS variables (set in header.php nonce''d style block) */
.header-logo-img {
    /* Height set via CSS variable in header.php */
    height: var(--header-logo-mobile-height, 3.5rem);
}

@media (min-width: 768px) {
    .header-logo-img {
        height: var(--header-logo-desktop-height, 4rem) !important;
    }
}

/* Header Logo Text - Dynamic min-height via CSS variables (set in header.php nonce''d style block) */
.header-logo-text {
    /* Min-height set via CSS variable in header.php */
    min-height: var(--header-logo-mobile-height, 3.5rem);
}

@media (min-width: 768px) {
    .header-logo-text {
        min-height: var(--header-logo-desktop-height, 4rem) !important;
    }
}

/* Header Logo Text Center Alignment */
.header-logo-text-center {
    text-align: center;
}

/* Art & Design hero title: compact scale */
.art-design-hero-section .art-design-hero-content .art-design-hero-title,
h1.art-design-hero-title {
    font-size: 1.5rem !important;
    font-weight: 300 !important;
}
@media (min-width: 640px) {
    .art-design-hero-section .art-design-hero-content .art-design-hero-title,
    h1.art-design-hero-title {
        font-size: 1.875rem !important;
    }
}
@media (min-width: 768px) {
    .art-design-hero-section .art-design-hero-content .art-design-hero-title,
    h1.art-design-hero-title {
        font-size: 2.25rem !important;
    }
}
@media (min-width: 1024px) {
    .art-design-hero-section .art-design-hero-content .art-design-hero-title,
    h1.art-design-hero-title {
        font-size: 2.5rem !important;
    }
}

/* Responsive Navigation Styles */
/* 800px altında mobil menüye geç */
@media (max-width: 799px) {
    .nav-desktop {
        display: none !important;
    }
    .mobile-menu-toggle {
        display: block !important;
    }
    .desktop-menu-toggle {
        display: none !important;
    }
}

/* Portrait mode: Always show hamburger, hide desktop nav */
@media (orientation: portrait) and (min-width: 800px) and (max-width: 1023px) {
    .nav-desktop {
        display: none !important;
    }
    .mobile-menu-toggle {
        display: block !important;
    }
    .desktop-menu-toggle {
        display: none !important;
    }
}

/* Landscape mode (tablet/mobile): Mobil menü göster */
@media (orientation: landscape) and (min-width: 768px) and (max-width: 1023px) {
    .nav-desktop {
        display: none !important;
    }
    .mobile-menu-toggle {
        display: block !important;
    }
    .desktop-menu-toggle {
        display: none !important;
    }
}

/* 800px - 1047px arası: Küçük desktop menü */
@media (min-width: 800px) and (max-width: 1047px) {
    .nav-desktop {
        display: flex !important;
    }
    .mobile-menu-toggle {
        display: none !important;
    }
    .desktop-menu-toggle {
        display: flex !important;
    }
    .desktop-lang-dropdown-wrap {
        display: flex !important;
    }
    .desktop-lang-menu-group {
        display: flex !important;
    }
    
    /* Menü ikon ve yazı boyutlarını küçült (1.2x büyütülmüş, %5 küçült) */
    .desktop-menu-toggle svg {
        width: 1.425rem !important; /* 24px * 0.95 = 22.8px */
        height: 1.425rem !important;
    }
    .desktop-menu-toggle span {
        font-size: 0.7125rem !important; /* 12px * 0.95 = 11.4px */
        line-height: 1.14rem !important;
    }
}

/* Desktop mode: Desktop nav göster (1048px ve üzeri) */
@media (min-width: 1048px) {
    .nav-desktop {
        display: flex !important;
    }
    .mobile-menu-toggle {
        display: none !important;
    }
    .desktop-menu-toggle {
        display: flex !important;
    }
    .desktop-lang-dropdown-wrap {
        display: flex !important;
    }
    .desktop-lang-menu-group {
        display: flex !important;
    }
    .desktop-menu-icon {
        width: 1.71rem !important; /* 28.8px * 0.95 = 27.36px */
        height: 1.71rem !important;
    }
    .desktop-menu-text {
        font-size: 0.855rem !important; /* 14.4px * 0.95 = 13.68px */
        line-height: 1.2825rem !important;
    }
}

/* 1920px ve altı: Logo ile menü çakışmasını önle (TR uzun etiketler) – menü aralığını azalt */
@media (min-width: 1048px) and (max-width: 1920px) {
    .nav-desktop {
        gap: 0.5rem;
    }
    .nav-desktop > * + * {
        margin-left: 0.5rem !important;
    }
    .nav-desktop .nav-link {
        font-size: 0.8125rem;
        letter-spacing: 0.05em;
    }
}

/* Extra small landscape (mobile landscape) */
@media (orientation: landscape) and (min-width: 768px) and (max-height: 450px) {
    .nav-desktop {
        display: none !important;
    }
    .mobile-menu-toggle {
        display: block !important;
    }
    .desktop-menu-toggle {
        display: none !important;
    }
}

/* Mobil yatay: Logo yanında dil ikonları görünmesin; dil sadece hamburger menüde kalsın */
@media (orientation: landscape) and (max-height: 500px) {
    .desktop-lang-switcher,
    .desktop-lang-dropdown-wrap,
    .desktop-lang-menu-group {
        display: none !important;
    }
}

/* Desktop menu always visible (when dropdown is disabled) */
.desktop-menu-always-visible {
    display: flex !important;
}

/* Mega Menu Image Size Limits */
.mega-menu-image {
    max-width: 100%;
    max-height: 200px;
    object-fit: cover;
    object-position: center;
}

/* Mega Menu 2 Panel - Responsive */
/* Positioning: absolute relative to nav-instock-item, centered with left-1/2 -translate-x-1/2 */
#mega-menu-2-panel {
    max-width: calc(100vw - 2rem);
    z-index: 9999 !important;
    /* Ensure panel doesn't overflow viewport */
    left: 50% !important;
    transform: translateX(-50%) !important;
    /* Prevent panel from being cut off by parent overflow */
    position: absolute;
}

/* Ensure nav-instock-item doesn't clip the panel */
#nav-instock-item {
    overflow: visible;
}

/* Mobile: Hide mega menu 2 panel (use hamburger menu instead) */
@media (max-width: 799px) {
    #mega-menu-2-panel {
        display: none !important;
    }
    
    /* Ensure IN STOCK menu item is still clickable on mobile */
    #nav-instock-item > a {
        pointer-events: auto;
    }
}

/* Mega Menu 2 Panel Visibility - Override Tailwind hidden class */
/* mega-menu-visible class'ı varsa her zaman göster */
#mega-menu-2-panel.mega-menu-visible {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* hidden class'ı yoksa ve mega-menu-hidden yoksa göster */
#mega-menu-2-panel:not(.hidden):not(.mega-menu-hidden) {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* hidden veya mega-menu-hidden class'ı varsa gizle */
#mega-menu-2-panel.hidden:not(.mega-menu-visible),
#mega-menu-2-panel.mega-menu-hidden:not(.mega-menu-visible) {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Mega Menu 2 - Özel kurallar: mega-menu-visible class'ı varsa pointer-events her zaman auto */
/* Bu, IN STOCK'tan mega menü 2'ye geçişte mouse yakalayamadan kapanma sorununu çözer */
#mega-menu-2-panel.mega-menu-visible {
    pointer-events: auto !important;
}

/* Mega Menu 2 - IN STOCK li ile mega menü 2 arasına görünmez bridge ekle */
/* Bu, mouse'un IN STOCK'tan mega menü 2'ye geçişini kolaylaştırır */
#nav-instock-item {
    position: relative;
}

#nav-instock-item::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: calc(100vw - 2rem);
    height: 12px;
    z-index: 9998;
    pointer-events: auto;
    background: transparent;
    display: none;
}

#nav-instock-item:hover::after,
#mega-menu-2-panel.mega-menu-visible ~ #nav-instock-item::after {
    display: block;
}

/* Mega Menu 2 - Panel'in üst kısmına görünmez alan ekle */
#mega-menu-2-panel::before {
    content: '';
    position: absolute;
    top: -12px;
    left: 0;
    right: 0;
    height: 12px;
    z-index: 9998;
    pointer-events: auto;
    background: transparent;
    display: block;
}

/* Mega Menu 2 Container - Width adapts to item count (no forced min-width) */
.mega-menu-2-container {
    display: inline-block;
    width: fit-content;
    max-width: calc(100vw - 2rem);
}

/* Mobile: Mega Menu 2 - Single column */
@media (max-width: 767px) {
    .mega-menu-2-container {
        padding: 1rem;
    }
    
    .mega-menu-2-container .grid {
        grid-template-columns: 1fr !important;
        gap: 1rem;
    }
    
    .mega-menu-image {
        max-height: 180px;
    }
}

/* Tablet and above: Respect PHP-defined grid columns */
@media (min-width: 768px) {
    .mega-menu-2-container {
        padding: 1.5rem;
    }
    
    .mega-menu-image {
        max-height: 200px;
    }
}

/* Desktop: Mega Menu 2 - Optimize image sizes based on item count */
@media (min-width: 800px) {
    /* Tek içerik varsa - maksimum genişlik sınırla ve merkezle (fazla büyük olmasın) */
    #mega-menu-2-panel:has(.mega-menu-grid-1) {
        width: fit-content !important;
        max-width: 300px !important;
    }
    
    .mega-menu-2-container:has(.mega-menu-grid-1) {
        max-width: 300px !important;
        width: 100% !important;
        padding: 1.5rem !important;
        margin: 0 auto;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    
    .mega-menu-2-container .mega-menu-grid-1 {
        max-width: 260px !important;
        width: 260px !important;
        margin: 0 auto;
        grid-template-columns: repeat(1, 260px) !important;
    }
    
    .mega-menu-2-container .mega-menu-grid-1 .mega-menu-card {
        max-width: 260px !important;
        width: 260px !important;
        margin: 0 auto;
    }
    
    .mega-menu-2-container .mega-menu-grid-1 .mega-menu-card > div {
        max-width: 260px !important;
        width: 260px !important;
    }
    
    .mega-menu-2-container .mega-menu-grid-1 .mega-menu-image {
        max-width: 260px !important;
        width: 100% !important;
    }
    
    /* View All link'i de merkezle */
    .mega-menu-2-container:has(.mega-menu-grid-1) > div:last-child {
        width: 100% !important;
        text-align: center !important;
    }
    
    /* İki içerik varsa - daha büyük görseller (fazla küçük olmasın) */
    .mega-menu-2-container .mega-menu-grid-2 {
        grid-template-columns: repeat(2, minmax(220px, 1fr)) !important;
    }
    
    /* Üç içerik varsa - orta boy görseller */
    .mega-menu-2-container .mega-menu-grid-3 {
        grid-template-columns: repeat(3, minmax(180px, 1fr)) !important;
    }
    
    /* Dört içerik varsa - biraz daha büyük görseller */
    .mega-menu-2-container .mega-menu-grid-4 {
        grid-template-columns: repeat(4, minmax(160px, 1fr)) !important;
    }
    
    /* Beş içerik varsa - minimum boyut */
    .mega-menu-2-container .mega-menu-grid-5 {
        grid-template-columns: repeat(5, minmax(140px, 1fr)) !important;
    }
    
    /* Altı içerik varsa - minimum boyut */
    .mega-menu-2-container .mega-menu-grid-6 {
        grid-template-columns: repeat(6, minmax(130px, 1fr)) !important;
    }
}

/* Ensure mega menu cards don''t overflow */
.mega-menu-card {
    max-width: 100%;
    overflow: hidden;
}

.mega-menu-card > div {
    max-width: 100%;
    overflow: hidden;
}

/* Mobile Menu Overlay - Ensure it's properly hidden when not active */
/* Override all possible conflicting styles including Tailwind classes */
#mobile-menu-open.hidden,
.mobile-overlay.hidden,
div#mobile-menu-open.hidden,
div.mobile-overlay.hidden {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: -1 !important;
    position: fixed !important;
    top: -9999px !important;
    left: -9999px !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    background-color: transparent !important;
}

.mobile-overlay:not(.hidden),
#mobile-menu-open:not(.hidden),
div#mobile-menu-open:not(.hidden),
div.mobile-overlay:not(.hidden) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    z-index: 60 !important;
}

/* Mobile: Ensure overlay is completely hidden when hidden class is present */
@media (max-width: 799px) {
    #mobile-menu-open.hidden,
    .mobile-overlay.hidden {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        z-index: -1 !important;
        background: transparent !important;
        background-color: transparent !important;
    }
}

/* Ensure header stays above content but below mobile overlay when open */
nav.fixed {
    z-index: 50;
}

/* Mobile: Ensure header background is transparent */
@media (max-width: 799px) {
    nav.fixed {
        background: transparent !important;
    }
}

/* Mobile menu open - prevent body scroll */
body.mobile-menu-open {
    overflow: hidden !important;
}

/* Light Theme - Mega Menu 2 Background - Daha koyu arka plan */
body.theme-light #mega-menu-2-panel .mega-menu-2-container {
    background-color: rgba(0, 0, 0, 0.4) !important;
    backdrop-filter: blur(12px) !important;
}

/* Mobile Menu - Image Overlay Text Colors - Always Pure White */
/* Ensure text on images in mobile hamburger menu is pure white in both themes */
#mobile-menu-open .mobile-card-title,
.mobile-overlay .mobile-card-title {
    color: #ffffff !important;
}

/* Light Theme - Mobile Menu Image Overlay Text */
body.theme-light #mobile-menu-open .mobile-card-title,
body.theme-light .mobile-overlay .mobile-card-title {
    color: #ffffff !important;
}

/* Dark Theme - Mobile Menu Image Overlay Text */
body.theme-dark #mobile-menu-open .mobile-card-title,
body.theme-dark .mobile-overlay .mobile-card-title {
    color: #ffffff !important;
}

/* Mobile Menu - Mega Menu Title in Mobile Overlay - Always Pure White */
#mobile-menu-open .mega-menu-title,
.mobile-overlay .mega-menu-title {
    color: #ffffff !important;
}

/* Light Theme - Mobile Menu Mega Menu Title */
body.theme-light #mobile-menu-open .mega-menu-title,
body.theme-light .mobile-overlay .mega-menu-title {
    color: #ffffff !important;
}

/* Dark Theme - Mobile Menu Mega Menu Title */
body.theme-dark #mobile-menu-open .mega-menu-title,
body.theme-dark .mobile-overlay .mega-menu-title {
    color: #ffffff !important;
}

/* Mega Menu 3 Panel (ART & DESIGN) - Responsive */
/* Positioning: absolute relative to nav-artdesign-item, centered with left-1/2 -translate-x-1/2 */
#mega-menu-3-panel {
    max-width: calc(100vw - 2rem);
    z-index: 9999 !important;
    /* Ensure panel doesn't overflow viewport */
    left: 50% !important;
    transform: translateX(-50%) !important;
    /* Prevent panel from being cut off by parent overflow */
    position: absolute;
    /* Add margin-top to prevent overlapping with header - increased to ensure proper spacing */
    margin-top: 1.5rem;
}

/* Ensure nav-artdesign-item doesn't clip the panel */
#nav-artdesign-item {
    overflow: visible;
}

/* Mobile: Hide mega menu 3 panel (use hamburger menu instead) */
@media (max-width: 799px) {
    #mega-menu-3-panel {
        display: none !important;
    }
    
    /* Ensure ART & DESIGN menu item is still clickable on mobile */
    #nav-artdesign-item > a,
    #nav-artdesign-item > span {
        pointer-events: auto;
    }
}

/* Mega Menu 3 Panel Visibility - Override Tailwind hidden class */
/* mega-menu-visible class'ı varsa her zaman göster */
#mega-menu-3-panel.mega-menu-visible {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* hidden class'ı yoksa ve mega-menu-hidden yoksa göster */
#mega-menu-3-panel:not(.hidden):not(.mega-menu-hidden) {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* hidden veya mega-menu-hidden class'ı varsa gizle */
#mega-menu-3-panel.hidden:not(.mega-menu-visible),
#mega-menu-3-panel.mega-menu-hidden:not(.mega-menu-visible) {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Light Theme - Mega Menu 3 Background */
body.theme-light #mega-menu-3-panel .mega-menu-3-container {
    background-color: rgba(0, 0, 0, 0.4) !important;
    backdrop-filter: blur(12px) !important;
}

/* Desktop header WhatsApp button */
.desktop-wa-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.3rem 0.7rem;
    border: 1.5px solid rgba(255,255,255,0.70);
    border-radius: 0;
    color: rgba(255,255,255,0.6);
    text-decoration: none;
    font-family: var(--site-font-family);
    font-size: 0.65rem;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: none;
    white-space: nowrap;
    transition: background-color 200ms ease, border-color 200ms ease, color 200ms ease;
}
.desktop-wa-btn:hover,
.desktop-wa-btn:focus {
    background: rgba(37,211,102,0.08);
    border-color: #25d366;
    color: #25d366;
}
.desktop-wa-btn-svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}
body.theme-light .desktop-wa-btn {
    border-color: rgba(0,0,0,0.6);
    color: rgba(0,0,0,0.5);
}
body.theme-light .desktop-wa-btn:hover,
body.theme-light .desktop-wa-btn:focus {
    background: rgba(37,211,102,0.06);
    border-color: #25d366;
    color: #128c7e;
}

/* Mobile menu WhatsApp button */
.mobile-wa-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1.5rem;
    border: 1.5px solid rgba(255,255,255,0.70);
    border-radius: 0;
    color: rgba(255,255,255,0.7);
    text-decoration: none;
    font-family: var(--site-font-family);
    font-size: 0.8rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: none;
    transition: background-color 200ms ease, border-color 200ms ease, color 200ms ease;
}
.mobile-wa-btn:hover,
.mobile-wa-btn:focus {
    background: rgba(37,211,102,0.08);
    border-color: #25d366;
    color: #25d366;
}
.mobile-wa-btn-svg {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}
.mobile-wa-btn-text {
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
}
body.theme-light .mobile-wa-btn {
    border-color: rgba(0,0,0,0.6);
    color: rgba(0,0,0,0.55);
}
body.theme-light .mobile-wa-btn:hover,
body.theme-light .mobile-wa-btn:focus {
    background: rgba(37,211,102,0.06);
    border-color: #25d366;
    color: #128c7e;
}

/* Desktop lang dropdown: tıklanınca aşağı açılır, tek sıra; yer değişmez */
.desktop-lang-dropdown-wrap {
    position: relative;
    align-items: center;
    flex-shrink: 0;
    overflow: visible;
}

.desktop-lang-trigger {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.2rem 0.3rem;
    font-size: 0.875rem;
    border: none;
    border-radius: 0;
    background: transparent;
    cursor: pointer;
    font-family: inherit;
    letter-spacing: 0.05em;
}

.desktop-lang-trigger-chevron {
    width: 1rem;
    height: 1rem;
}

.desktop-lang-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    bottom: auto;
    margin-top: 0.25rem;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 0;
    padding: 0.25rem 0;
    min-width: max-content;
    z-index: 9999;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    backdrop-filter: none;
    border: 1px solid rgba(255, 255, 255, 0.15);
}

body.theme-light .desktop-lang-dropdown {
    background: transparent;
    border-color: rgba(0, 0, 0, 0.12);
    box-shadow: none;
}

.desktop-lang-dropdown-wrap.desktop-lang-dropdown-open .desktop-lang-dropdown {
    display: flex !important;
}

.desktop-lang-dropdown-wrap.desktop-lang-dropdown-open .desktop-lang-trigger-chevron {
    transform: rotate(180deg);
}

.desktop-lang-dropdown a {
    display: block;
    padding: 0.35rem 0.5rem;
    font-size: 0.875rem;
    letter-spacing: 0.1em;
    text-align: left;
    border: none;
    border-radius: 0;
    text-decoration: none;
    background: transparent;
    transition: color 200ms ease, background 200ms ease;
    color: rgba(255, 255, 255, 0.9);
    white-space: nowrap;
    font-weight: 500;
}

.desktop-lang-dropdown a:hover {
    opacity: 0.9;
    background: rgba(255, 255, 255, 0.06);
}

/* Light tema: dropdown aynı boyut ve aralık, sadece renk farklı (tetikleyici ile uyumlu) */
body.theme-light .desktop-lang-dropdown a {
    color: #000000;
    font-size: 0.9375rem !important;
    letter-spacing: 0.1em !important;
    font-weight: 500 !important;
}

body.theme-light .desktop-lang-dropdown a:hover {
    color: #c9a227;
    background: rgba(0, 0, 0, 0.04);
}

/* Light tema: dil kartı açıkken tüm dil linkleri sarı (seçili dil gibi) */
body.theme-light .desktop-lang-dropdown-wrap.desktop-lang-dropdown-open .desktop-lang-dropdown a {
    color: #c9a227 !important;
}

body.theme-light .desktop-lang-dropdown-wrap.desktop-lang-dropdown-open .desktop-lang-dropdown a:hover {
    color: #c9a227 !important;
}

body.theme-dark .desktop-lang-dropdown a[aria-current="true"],
.desktop-lang-dropdown a[aria-current="true"] {
    color: #d4c4a8 !important;
    font-weight: 600;
}

/* Light: seçili dil normalde siyah; kart açıkken yukarıdaki .desktop-lang-dropdown-open kuralı hepsini sarı yapar */
body.theme-light .desktop-lang-dropdown a[aria-current="true"] {
    color: #000000 !important;
    font-weight: 600;
}

body.theme-light .desktop-lang-dropdown-wrap.desktop-lang-dropdown-open .desktop-lang-dropdown a[aria-current="true"] {
    color: #c9a227 !important;
}

/* Light tema: dil tetikleyicisi (ID ile yüksek spesifiklik, Tailwind’i geçer) */
body.theme-light nav .desktop-lang-dropdown-wrap #desktop-lang-trigger,
body.theme-light nav .desktop-lang-dropdown-wrap #desktop-lang-trigger.desktop-lang-trigger {
    color: #c9a227 !important;
}

body.theme-light nav .desktop-lang-dropdown-wrap #desktop-lang-trigger .desktop-lang-trigger-label,
body.theme-light nav .desktop-lang-dropdown-wrap #desktop-lang-trigger .desktop-lang-trigger-chevron {
    color: inherit !important;
}

body.theme-light nav .desktop-lang-dropdown-wrap #desktop-lang-trigger .desktop-lang-trigger-chevron {
    stroke: #c9a227 !important;
}

/* Light: dil butonu – input.css’teki body.theme-light nav button’ı geçmek için aynı body.theme-light nav + button.desktop-lang-trigger-light */
.desktop-lang-trigger-light,
.desktop-lang-trigger-light .desktop-lang-trigger-label {
    color: #c9a227 !important;
}
.desktop-lang-trigger-light .desktop-lang-trigger-chevron {
    stroke: #c9a227 !important;
}
.desktop-lang-trigger-light:hover,
.desktop-lang-trigger-light:hover .desktop-lang-trigger-label {
    color: #c9a227 !important;
}
.desktop-lang-trigger-light:hover .desktop-lang-trigger-chevron {
    stroke: #c9a227 !important;
}

body.theme-light nav .desktop-lang-dropdown-wrap #desktop-lang-trigger:hover,
body.theme-light nav .desktop-lang-dropdown-wrap #desktop-lang-trigger:hover.desktop-lang-trigger {
    color: rgba(0, 0, 0, 0.85) !important;
}

body.theme-light nav .desktop-lang-dropdown-wrap #desktop-lang-trigger:hover .desktop-lang-trigger-label,
body.theme-light nav .desktop-lang-dropdown-wrap #desktop-lang-trigger:hover .desktop-lang-trigger-chevron {
    color: inherit !important;
}

body.theme-light nav .desktop-lang-dropdown-wrap #desktop-lang-trigger:hover .desktop-lang-trigger-chevron {
    stroke: rgba(0, 0, 0, 0.85) !important;
}

/* Eski 2x2 grid artık kullanılmıyor; mobil değişmedi */
.desktop-lang-switcher.desktop-lang-switcher-grid {
    display: none;
}

.mobile-lang-switcher-grid {
    display: grid;
    grid-template-columns: repeat(3, auto);
    justify-content: center;
    justify-items: center;
    gap: 0.5rem 1rem;
}