/* CRITICAL HEADER LAYOUT FIX - Override Bootstrap and main-en.css */

/* Fix header column widths to prevent overlap */
@media (min-width: 992px) {
    .homepage1-menu .vl-header-area .row-bg1 > .col-lg-2 {
        flex: 0 0 auto;
        width: 15% !important;
        max-width: 15% !important;
    }
    
    .homepage1-menu .vl-header-area .row-bg1 > .col-lg-7 {
        flex: 0 0 auto;
        width: 48% !important;
        max-width: 48% !important;
    }
    
    .homepage1-menu .vl-header-area .row-bg1 > .col-lg-3 {
        flex: 0 0 auto;
        width: 37% !important;
        max-width: 37% !important;
    }
}

/* Fix menu spacing - add gap between last menu item and buttons */
.vl-main-menu nav ul {
    padding-right: 30px !important;
}

[dir="rtl"] .vl-main-menu nav ul {
    padding-right: 0 !important;
    padding-left: 30px !important;
}

/* Header Button Container - Proper Flexbox Layout */
.vl-hero-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 20px !important;
    position: relative !important;
    z-index: 100 !important;
    width: 100% !important;
}

[dir="rtl"] .vl-hero-btn {
    justify-content: flex-start !important;
}

/* Get Started Button - No Shrink */
.vl-hero-btn .vl-btn1 {
    flex-shrink: 0 !important;
    white-space: nowrap !important;
    position: relative !important;
    z-index: 99 !important;
    margin: 0 !important;
}

/* Language Switcher - Always Clickable */
.vl-hero-btn .voxa-language-switcher {
    flex-shrink: 0 !important;
    position: relative !important;
    z-index: 1001 !important;
    margin: 0 !important;
    pointer-events: auto !important;
}

.voxa-language-switcher {
    pointer-events: auto !important;
}

.voxa-lang-btn {
    pointer-events: auto !important;
    cursor: pointer !important;
    position: relative !important;
    z-index: 1001 !important;
}

.voxa-lang-dropdown {
    z-index: 1002 !important;
    pointer-events: auto !important;
}

/* Ensure header doesn't clip dropdown */
.vl-header-area {
    overflow: visible !important;
}

.headerfix {
    overflow: visible !important;
}

/* Improve button min-width */
.voxa-lang-btn {
    min-width: 80px !important;
    justify-content: center !important;
}

/* Dropdown positioning */
.voxa-lang-dropdown {
    right: 0 !important;
    left: auto !important;
}

[dir="rtl"] .voxa-lang-dropdown {
    right: auto !important;
    left: 0 !important;
}