/* Language Switcher - Simple & Fast */
.logo-box {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    flex-wrap: nowrap !important;
}

.logo-box .logo {
    margin: 0 !important;
    flex-shrink: 0 !important;
}

.lang-selector {
    display: inline-flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
}

.lang-selector form {
    display: inline-block !important;
    margin: 0 !important;
}

/* Force hide nice-select */
.lang-selector .nice-select {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    left: -9999px !important;
}

/* Fix sticky header logo size */
.sticky-header .logo-box {
    padding: 14px 0px !important;
    width: auto !important;
}

.sticky-header .logo-box .logo {
    width: auto !important;
    height: auto !important;
}

.sticky-header .logo-box .logo img {
    max-height: 50px !important;
    width: auto !important;
}

/* Fix menu-area width */
.menu-area {
    width: auto !important;
    flex: 0 1 auto !important;
}

.mobile-nav-toggler {
    flex-shrink: 0 !important;
}

@media only screen and (max-width: 991px) {
    .menu-area .mobile-nav-toggler {
        margin-left: 0 !important;
    }
    
    .rtl .menu-area .mobile-nav-toggler {
        float: left !important;
        margin-right: 0 !important;
    }
}

@media only screen and (max-width: 767px) {
    .rtl .menu-area .mobile-nav-toggler {
        padding-right: 0 !important;
        padding-left: 10px !important;
    }
}

.outer-box {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
}

/* Hide native select - using custom dropdown */
.lang-select-native {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 1px !important;
    height: 1px !important;
}

/* Custom dropdown wrapper */
.lang-select-custom {
    position: relative !important;
    display: inline-flex !important;
    align-items: stretch !important;
}

/* Custom button */
.lang-select-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 10px 34px 10px 18px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    border: 1px solid rgba(189, 30, 199, 0.25) !important;
    color: #1c0f2b !important;
    cursor: pointer !important;
    outline: none !important;
    transition: box-shadow 0.2s ease !important;
    font-family: 'Jost', sans-serif !important;
    letter-spacing: 0.3px !important;
    box-shadow:
        0 12px 28px rgba(12, 7, 33, 0.16) !important,
        0 0 18px rgba(189, 30, 199, 0.18) !important;
    position: relative !important;
    min-width: 100px !important;
}

.lang-select-btn::after {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    right: 14px !important;
    width: 9px !important;
    height: 9px !important;
    border-bottom: 2px solid #c01850 !important;
    border-right: 2px solid #c01850 !important;
    transform: translateY(-60%) rotate(45deg) !important;
    transition: transform 0.2s ease !important;
}

.lang-select-custom.open .lang-select-btn::after {
    transform: translateY(-30%) rotate(-135deg) !important;
}

.lang-select-text {
    white-space: nowrap !important;
}

.lang-select-btn:hover {
    box-shadow: 0 14px 32px rgba(12, 7, 33, 0.18) !important;
}

.lang-select-btn:focus-visible {
    box-shadow: 0 0 0 3px rgba(242, 36, 79, 0.2), 0 14px 32px rgba(12, 7, 33, 0.18) !important;
}

/* Dropdown menu */
.lang-select-dropdown {
    position: absolute !important;
    top: calc(100% + 10px) !important;
    left: 0 !important;
    min-width: 110px !important;
    background: #ffffff !important;
    border-radius: 12px !important;
    border: 1px solid rgba(189, 30, 199, 0.15) !important;
    padding: 4px !important;
    box-shadow: 0 20px 40px rgba(9, 8, 28, 0.16) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(6px) !important;
    transition: opacity 0.18s ease, transform 0.18s ease !important;
    z-index: 50 !important;
    width: 110px !important;
}

.lang-select-custom.open .lang-select-dropdown {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

/* Dropdown options */
.lang-select-option {
    display: flex !important;
    width: 100% !important;
    border: none !important;
    background: #ffffff !important;
    color: #1c0f2b !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 7px 12px !important;
    border-radius: 10px !important;
    text-align: left !important;
    cursor: pointer !important;
    transition: background 0.15s ease, color 0.15s ease !important;
}

.rtl .lang-select-option {
    text-align: right !important;
}

.lang-select-option:hover {
    background: #fdf0ff !important;
    color: #c01850 !important;
}

.lang-select-option.is-selected {
    background: linear-gradient(135deg, #bd1ec7, #f92542) !important;
    color: #fff !important;
    box-shadow: 0 12px 24px rgba(189, 30, 199, 0.22) !important;
}

.rtl .lang-select-dropdown {
    right: 0 !important;
    left: auto !important;
}

/* Desktop large screens */
@media only screen and (min-width: 1200px) {
    .lang-select-btn {
        min-width: 110px !important;
        padding: 10px 34px 10px 18px !important;
        font-size: 13px !important;
    }
    
    .lang-select-dropdown {
        min-width: 120px !important;
        width: 120px !important;
    }
}

/* Responsive */
@media only screen and (max-width: 991px) {
    .logo-box {
        gap: 10px !important;
    }
    
    .lang-select-btn {
        font-size: 11px !important;
        padding: 8px 30px 8px 14px !important;
    }
    
    .header-lower {
        min-height: 80px !important;
    }
}

@media only screen and (max-width: 767px) {
    .logo-box {
        gap: 8px !important;
    }
    
    .lang-select-btn {
        font-size: 11px !important;
        padding: 8px 24px 8px 12px !important;
        min-width: 125px !important;
    }
    
    .header-lower {
        min-height: auto !important;
    }
    
    .header-lower .outer-box {
        padding: 15px 0 !important;
        min-height: 70px !important;
    }
    
    .header-lower .outer-box .logo-box {
        padding: 10px 0 !important;
    }
    
    /* Fix: Add space for header height */
    .banner-four,
    section:first-of-type {
        padding-top: 110px !important;
    }
}

@media only screen and (max-width: 575px) {
    .logo-box {
        gap: 6px !important;
    }
    
    .lang-select-btn {
        font-size: 11px !important;
        padding: 6px 20px 6px 10px !important;
        min-width: 115px !important;
    }
}