/**
 * Auth Sayfaları Dil Seçici - Maksimum Güçte CSS Override
 * CSS yüklenmiyor sorununu çözmek için en güçlü seçiciler
 */

/* ===== MAKSIMUM GÜÇTE CSS OVERRIDE ===== */
html body .auth-section .language-selector select.language-select,
html body .auth-card-left .language-selector select.language-select,
html body .language-selector select.language-select,
html body select.language-select,
.auth-section .language-selector select.language-select,
.auth-card-left .language-selector select.language-select,
.language-selector select.language-select,
select.language-select {
    /* Platform reset - çok güçlü */
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    
    /* Site tema arka plan - çok güçlü */
    background: rgba(255, 255, 255, 0.1) !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    
    /* Custom arrow */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right 8px center !important;
    background-size: 14px !important;
    
    /* Site tema border ve renkler */
    border: 1px solid rgba(255, 255, 255, 0.8) !important;
    border-radius: 8px !important;
    color: white !important;
    
    /* Boyut */
    padding: 8px 30px 8px 12px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    min-width: 140px !important;
    max-width: 160px !important;
    width: auto !important;
    height: auto !important;
    
    /* Diğer */
    outline: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(130, 29, 181, 0.1) !important;
    
    /* Z-index */
    position: relative !important;
    z-index: 1000 !important;
}

/* ===== HOVER - MAKSIMUM GÜÇTE ===== */
html body .auth-section .language-selector select.language-select:hover,
html body .auth-card-left .language-selector select.language-select:hover,
html body .language-selector select.language-select:hover,
html body select.language-select:hover,
.auth-section .language-selector select.language-select:hover,
.auth-card-left .language-selector select.language-select:hover,
.language-selector select.language-select:hover,
select.language-select:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    background-color: rgba(255, 255, 255, 0.2) !important;
    border-color: rgba(255, 255, 255, 1) !important;
    box-shadow: 0 4px 12px rgba(130, 29, 181, 0.2) !important;
    transform: translateY(-1px) !important;
    color: white !important;
}

/* ===== FOCUS - MAKSIMUM GÜÇTE ===== */
html body .auth-section .language-selector select.language-select:focus,
html body .auth-card-left .language-selector select.language-select:focus,
html body .language-selector select.language-select:focus,
html body select.language-select:focus,
.auth-section .language-selector select.language-select:focus,
.auth-card-left .language-selector select.language-select:focus,
.language-selector select.language-select:focus,
select.language-select:focus {
    background: rgba(255, 255, 255, 0.25) !important;
    background-color: rgba(255, 255, 255, 0.25) !important;
    border-color: rgba(255, 255, 255, 1) !important;
    box-shadow: 0 0 0 3px rgba(130, 29, 181, 0.3) !important;
    outline: none !important;
    color: white !important;
}

/* ===== OPTIONS - MAKSIMUM GÜÇTE SİTE TEMA RENKLERİ ===== */
html body .auth-section .language-selector select.language-select option,
html body .auth-card-left .language-selector select.language-select option,
html body .language-selector select.language-select option,
html body select.language-select option,
.auth-section .language-selector select.language-select option,
.auth-card-left .language-selector select.language-select option,
.language-selector select.language-select option,
select.language-select option {
    /* Site koyu mor rengi - yeşil/mavi YOK */
    background: #5a1580 !important;
    background-color: #5a1580 !important;
    color: white !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 10px 12px !important;
    border: none !important;
    outline: none !important;
}

/* ===== OPTION HOVER - MAKSIMUM GÜÇTE SİTE TEMA RENKLERİ ===== */
html body .auth-section .language-selector select.language-select option:hover,
html body .auth-card-left .language-selector select.language-select option:hover,
html body .language-selector select.language-select option:hover,
html body select.language-select option:hover,
.auth-section .language-selector select.language-select option:hover,
.auth-card-left .language-selector select.language-select option:hover,
.language-selector select.language-select option:hover,
select.language-select option:hover {
    /* Site ana mor rengi - mavi/yeşil YOK */
    background: #821db5 !important;
    background-color: #821db5 !important;
    color: white !important;
}

/* ===== SELECTED OPTION - MAKSIMUM GÜÇTE ===== */
html body .auth-section .language-selector select.language-select option:checked,
html body .auth-card-left .language-selector select.language-select option:checked,
html body .language-selector select.language-select option:checked,
html body select.language-select option:checked,
.auth-section .language-selector select.language-select option:checked,
.auth-card-left .language-selector select.language-select option:checked,
.language-selector select.language-select option:checked,
select.language-select option:checked {
    background: #821db5 !important;
    background-color: #821db5 !important;
    color: white !important;
    font-weight: 600 !important;
}

/* ===== CROSS-BROWSER DÜZELTMELER ===== */
/* Edge/IE */
html body select.language-select::-ms-expand,
select.language-select::-ms-expand {
    display: none !important;
}

/* Firefox */
html body select.language-select:-moz-focusring,
select.language-select:-moz-focusring {
    color: transparent !important;
    text-shadow: 0 0 0 white !important;
}

/* ===== PLATFORM ÖZEL DÜZELTMELER ===== */
/* Windows Chrome/Edge */
@supports (-ms-ime-align: auto) {
    select .language-select {
        background: rgba(255, 255, 255, 0.1) !important;
        background-color: rgba(255, 255, 255, 0.1) !important;
    }
    
    select .language-select option {
        background: #5a1580 !important;
        background-color: #5a1580 !important;
        color: white !important;
    }
    
    select .language-select option:hover {
        background: #821db5 !important;
        background-color: #821db5 !important;
        color: white !important;
    }
}

/* Safari */
@supports (-webkit-appearance: none) {
    select .language-select {
        -webkit-appearance: none !important;
        background: rgba(255, 255, 255, 0.1) !important;
        background-color: rgba(255, 255, 255, 0.1) !important;
    }
    
    select .language-select option {
        background: #5a1580 !important;
        background-color: #5a1580 !important;
        color: white !important;
    }
}

/* Firefox */
@-moz-document url-prefix() {
    select .language-select {
        background: rgba(255, 255, 255, 0.1) !important;
        background-color: rgba(255, 255, 255, 0.1) !important;
    }
    
    select .language-select option {
        background: #5a1580 !important;
        background-color: #5a1580 !important;
        color: white !important;
    }
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    html body select .language-select,
    select .language-select {
        font-size: 13px !important;
        min-width: 120px !important;
        max-width: 140px !important;
        padding: 6px 25px 6px 8px !important;
        background-size: 12px !important;
        background-position: right 6px center !important;
    }
}

@media (max-width: 576px) {
    html body select .language-select,
    select .language-select {
        font-size: 12px !important;
        min-width: 110px !important;
        max-width: 130px !important;
        padding: 5px 22px 5px 6px !important;
        background-size: 10px !important;
        background-position: right 4px center !important;
    }
}