/* Header Navigation Styles - Optimized for Performance and Security */

/* Modern Header Gradient - 3 Renkli Mor Tonlar */
.modern-header-gradient {
    background: linear-gradient(135deg, rgb(105, 18, 187) 0%, rgba(77, 18, 159, 0.919) 50%, rgb(105, 18, 187) 100%);
    /* GPU hızlandırma için optimize */
    transform: translateZ(0);
    will-change: auto;
    /* Daha derin görünüm için hafif shadow */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    /* Banner'ın üstünde görünmesi için */
    z-index: 1000;
    position: relative;
}

/* Mobil Header Yükseklik Optimizasyonu */
@media (max-width: 640px) {
    .modern-header-gradient nav > div > div {
        min-height: auto;
    }
}

/* Logo "vita" Neon Yeşil Rengi */
.logo-vita {
    color: #39FF14;
}

/* Arama Kutusu - Header ile Uyumlu */
.header-search-form {
    border: 2px solid rgba(139, 92, 246, 0.4);
}

/* Ülke Seçimi İkon ve Metin - Mor Uyumlu */
.country-select-icon {
    color: #DDD6FE;
}

.country-select-text {
    color: #DDD6FE;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    font-weight: 600;
    letter-spacing: 0.5px;
}

/* Sepet İkonu ve Link - Yeşil */
.cart-link {
    color: rgb(69, 207, 45) !important;
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
}

.cart-link svg,
.cart-icon {
    color: rgb(69, 207, 45) !important;
    stroke: rgb(69, 207, 45) !important;
    display: block;
}

.cart-link svg path {
    stroke: rgb(69, 207, 45) !important;
    fill: none;
}

.cart-badge {
    background-color: rgb(69, 207, 45) !important;
}

/* Mobil Sepet İkonu - Bir Tık Daha Büyük */
@media (max-width: 640px) {
    .cart-link svg.cart-icon {
        width: 2rem !important;
        height: 2rem !important;
        min-width: 2rem;
        min-height: 2rem;
    }
}

/* Çıkış Butonu - Mor Uyumlu */
.logout-button,
.logout-icon {
    color: #DDD6FE;
}

/* Dropdown'lar - Başlangıçta Gizli (FOUC Önleme) */
#country-dropdown,
#language-dropdown,
#mobile-language-dropdown {
    display: none;
    visibility: hidden;
}

/* Hidden class ile gizle */
#country-dropdown.hidden,
#language-dropdown.hidden,
#mobile-language-dropdown.hidden {
    display: none !important;
    visibility: hidden !important;
}

/* Mobil Dil Dropdown - Tüm Öğelerin Görünmesi İçin */
#mobile-language-dropdown {
    max-height: 20rem !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    position: absolute;
    z-index: 99999 !important;
    border-color: rgba(255, 162, 57, 0.4) !important;
}

/* Hidden class ile gizle */
#mobile-language-dropdown.hidden {
    display: none !important;
    visibility: hidden !important;
}

/* Mobil Dil Bölümü Border Rengi */
.mobile-language-section-border {
    border-color: rgba(255, 162, 57, 0.3) !important;
}

/* Mobil Dil Butonu Border Rengi */
.mobile-language-button-border {
    border-color: rgba(255, 162, 57, 0.5) !important;
}

/* Mobil Dil Bayrak Border Rengi */
.mobile-language-flag-border {
    border-color: rgba(255, 162, 57, 0.5) !important;
}

/* Mobil Menü Başlangıçta Gizli (PC'de) */
.mobile-country-modal-hidden {
    display: none !important;
    visibility: hidden !important;
}

/* Mobile Country Panel - Minimal ve Performanslı */
.mobile-country-modal {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    pointer-events: none;
    transform: translateY(100%);
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: transform;
    opacity: 0;
    visibility: hidden;
}

.mobile-country-modal.active {
    pointer-events: auto;
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.1s ease-out;
}

.mobile-country-panel {
    background: linear-gradient(135deg, #E06B80 0%, #FFA239 50%, #FFA239 100%);
    max-height: 85vh;
    min-height: 65vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transform: translateZ(0);
    border-bottom: none !important;
    margin-bottom: 0;
    padding-bottom: 0;
}

.mobile-country-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid rgba(153, 156, 159, 0.196);
    flex-shrink: 0;
}

.mobile-country-title {
    font-size: 0.875rem;
    font-weight: 700;
    color: white;
    margin: 0;
    text-shadow: 0 1px 2px rgba(81, 79, 79, 0.1);
    letter-spacing: 0.3px;
}

.mobile-country-close {
    background: rgba(255, 255, 255, 0.2);
    border: none;
    padding: 0.5rem;
    color: white;
    cursor: pointer;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    transition: background-color 0.2s ease;
}

.mobile-country-close:active {
    background-color: rgba(255, 255, 255, 0.3);
}

.mobile-country-content {
    flex: 1;
    overflow-y: auto;
    padding: 0.75rem 0;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    contain: layout style;
    min-height: 0;
}

.mobile-country-item {
    width: 100%;
    text-align: center;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    font-weight: 600;
    color: white;
    background: transparent;
    border: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    border-bottom: 1px solid rgba(135, 136, 137, 0.196);
    transition: all 0.2s ease;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    letter-spacing: 0.2px;
}

.mobile-country-item:active {
    background-color: rgba(255, 255, 255, 0.15);
    transform: scale(0.98);
}

@media (min-width: 640px) {
    .mobile-country-modal {
        display: none !important;
    }
}