/* Advanced Search Modern Styling - Improved Version */
/* Modern styling for the advanced search form - overrides default styles */

/* Ensure slider container supports absolute positioning */
.main-slider,
.slider-container,
.hero-section,
.banner-section {
    position: relative !important;
}

/* IMPORTANT: Force visibility and basic styling - Overlapping the slider */
.search_wrapper.advpos_image,
.search_wrapper.advpos_image.search_wr_oldtype,
.search_wrapper.advpos_image.search_wr_oldtype.with_search_form_float {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    width: 100% !important;
    max-width: 1200px !important;
    background: none !important;
    border: none !important;
    padding: 0 20px !important;
    margin: 0 auto !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    position: absolute !important;
    bottom: 30px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 1000 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Advanced search form wrapper - Single clean background */
.adv-search-1.advanced_search_form_wrapper {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: #ffffff !important; /* Changed from semi-transparent to solid white */
    padding: 25px !important;
    border: 1px solid rgba(52, 152, 219, 0.2) !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important;
    width: 100% !important;
    box-sizing: border-box !important;
    /* Ensure solid background prevents ghosted text */
    position: relative !important;
    z-index: 1001 !important;
    /* Add backdrop to prevent any background bleed-through */
    backdrop-filter: blur(0px) !important;
    -webkit-backdrop-filter: blur(0px) !important;
}

/* Form row styling - Better flex layout */
.advanced_search_form_wrapper .row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 15px !important;
    margin: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
}

/* Individual form columns - Better proportions */
.advanced_search_form_wrapper .col-sm-3 {
    display: flex !important;
    flex: 1 1 200px !important;
    min-width: 200px !important;
    padding: 0 !important;
    margin: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Modern select styling - Cleaner approach */
.advanced_search_form_wrapper select.form-control,
.advanced_search_form_wrapper #regionid,
.advanced_search_form_wrapper #subregionid,
.advanced_search_form_wrapper #area_id {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    height: 50px !important;
    padding: 12px 40px 12px 16px !important;
    border: 2px solid #e1e8ed !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #1a202c !important;
    line-height: 1.5 !important;
    transition: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    background-image: url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23718096' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6,9 12,15 18,9'></polyline></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 16px !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    /* Remove any inherited arrow styles */
    background-clip: padding-box !important;
    /* Ensure no native dropdown arrow appears */
    text-indent: 0 !important;
}

/* Focus states - Improved accessibility */
.advanced_search_form_wrapper select.form-control:focus,
.advanced_search_form_wrapper #regionid:focus,
.advanced_search_form_wrapper #subregionid:focus,
.advanced_search_form_wrapper #area_id:focus {
    outline: none !important;
    border-color: #3182ce !important;
    box-shadow: 0 0 0 3px rgba(49, 130, 206, 0.1) !important;
    background-color: #ffffff !important;
}

/* Hover states - Subtle interaction */
.advanced_search_form_wrapper select.form-control:hover,
.advanced_search_form_wrapper #regionid:hover,
.advanced_search_form_wrapper #subregionid:hover,
.advanced_search_form_wrapper #area_id:hover {
    border-color: #3182ce !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}

/* Disabled state */
.advanced_search_form_wrapper select.form-control:disabled {
    background-color: #f7fafc !important;
    border-color: #e2e8f0 !important;
    color: #a0aec0 !important;
    cursor: not-allowed !important;
}

/* Search button styling - More professional */
.advanced_search_submit_button {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    height: 50px !important;
    padding: 0 24px !important;
    background: #3182ce !important;
    border: 2px solid #3182ce !important;
    border-radius: 8px !important;
    color: white !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: 0.025em !important;
    cursor: pointer !important;
    transition: none !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
    position: relative !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
}

/* Search button hover effect */
.advanced_search_submit_button:hover {
    background: #2c5aa0 !important;
    border-color: #2c5aa0 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
    transform: translateY(-1px) !important;
}

/* Search button active state */
.advanced_search_submit_button:active {
    transform: translateY(0) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

/* Search button focus state */
.advanced_search_submit_button:focus {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(49, 130, 206, 0.3) !important;
}

/* Button column styling */
.advanced_search_form_wrapper .col-sm-3:last-child {
    display: flex !important;
    align-items: stretch !important;
}

/* Select option styling */
.advanced_search_form_wrapper select option {
    padding: 8px 12px !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
}

/* Placeholder styling for empty options */
.advanced_search_form_wrapper select option:first-child {
    color: #a0aec0 !important;
    font-style: italic !important;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
    .search_wrapper.advpos_image {
        padding: 0 10px !important;
        /* Place the search box BELOW the fixed header on mobile */
        top: 70px !important;        /* adjust if header height differs */
        bottom: auto !important;
        width: calc(100% - 20px) !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
    
    .adv-search-1.advanced_search_form_wrapper {
        padding: 20px 16px !important;
        border-radius: 12px !important;
    }
    
    .advanced_search_form_wrapper .row {
        flex-direction: column !important;
        gap: 12px !important;
    }
    
    .advanced_search_form_wrapper .col-sm-3 {
        /* On mobile each field should be full width */
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
    
    .advanced_search_form_wrapper select.form-control,
    .advanced_search_form_wrapper #regionid,
    .advanced_search_form_wrapper #subregionid,
    .advanced_search_form_wrapper #area_id,
    .advanced_search_submit_button {
        height: 48px !important;
        font-size: 16px !important; /* Prevents zoom on iOS */
    }
}

/* Tablet responsive adjustments */
@media (max-width: 992px) and (min-width: 769px) {
    .advanced_search_form_wrapper .row {
        gap: 12px !important;
    }
    
    .advanced_search_form_wrapper .col-sm-3 {
        flex: 1 1 180px !important;
        min-width: 180px !important;
    }
}

/* Strong mobile override to ensure full-width fields exactly like button */
@media (max-width: 768px) {
    #search_wrapper .adv-search-1 .row > [class*="col-"] {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* Large screen adjustments */
@media (min-width: 1200px) {
    .adv-search-1.advanced_search_form_wrapper {
        padding: 30px 40px !important;
    }
    
    .advanced_search_form_wrapper .row {
        gap: 20px !important;
    }
    
    .advanced_search_form_wrapper .col-sm-3 {
        flex: 1 1 220px !important;
        min-width: 220px !important;
    }
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    .adv-search-1.advanced_search_form_wrapper {
        background: rgba(26, 32, 44, 0.95) !important;
        border-color: rgba(255, 255, 255, 0.1) !important;
    }
    
    .advanced_search_form_wrapper select.form-control,
    .advanced_search_form_wrapper #regionid,
    .advanced_search_form_wrapper #subregionid,
    .advanced_search_form_wrapper #area_id {
        background: #2d3748 !important;
        border-color: #4a5568 !important;
        color: #e2e8f0 !important;
    }
    
    .advanced_search_form_wrapper select.form-control:focus,
    .advanced_search_form_wrapper #regionid:focus,
    .advanced_search_form_wrapper #subregionid:focus,
    .advanced_search_form_wrapper #area_id:focus {
        background-color: #2d3748 !important;
        border-color: #63b3ed !important;
        box-shadow: 0 0 0 3px rgba(99, 179, 237, 0.1) !important;
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .advanced_search_form_wrapper select.form-control,
    .advanced_search_form_wrapper #regionid,
    .advanced_search_form_wrapper #subregionid,
    .advanced_search_form_wrapper #area_id,
    .advanced_search_submit_button {
        transition: none !important;
    }
    
    .advanced_search_submit_button:hover {
        transform: none !important;
    }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .advanced_search_form_wrapper select.form-control,
    .advanced_search_form_wrapper #regionid,
    .advanced_search_form_wrapper #subregionid,
    .advanced_search_form_wrapper #area_id {
        border-width: 2px !important;
        border-color: #000 !important;
    }
    
    .advanced_search_submit_button {
        background: #000 !important;
        border-color: #000 !important;
    }
    
    .advanced_search_submit_button:hover {
        background: #333 !important;
        border-color: #333 !important;
    }
}

/* Fix for potential layout issues */
.advanced_search_form_wrapper * {
    box-sizing: border-box !important;
}

/* Ensure form doesn't break on small screens */
.advanced_search_form_wrapper {
    min-width: 0 !important;
    overflow: hidden !important;
}

/* Loading state */
.advanced_search_form_wrapper select.loading {
    background-image: url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23718096' stroke-width='2'><path d='M21 12a9 9 0 11-6.219-8.56'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 16px !important;
    animation: spin 1s linear infinite !important;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Better spacing for form elements */
.advanced_search_form_wrapper .row > * {
    margin-bottom: 0 !important;
}

/* Ensure consistent heights */
.advanced_search_form_wrapper .col-sm-3 > * {
    height: 50px !important;
}

/* Remove any inherited styles that might interfere */
.advanced_search_form_wrapper select,
.advanced_search_form_wrapper button {
    font-family: inherit !important;
    line-height: inherit !important;
}

/* Mobile hard override: make all fields truly full width like the Search button */
@media (max-width: 768px) {
    /* Convert the row to a simple one-column grid to neutralize Bootstrap 3/4 conflicts */
    #search_wrapper .advanced_search_form_wrapper .row {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Ensure search wrapper sits above slider and under header */
    #search_wrapper {
        position: relative !important;
        z-index: 1000 !important;
    }

    /* Each field column should span 100% width */
    #search_wrapper .advanced_search_form_wrapper .col-sm-3,
    #search_wrapper .advanced_search_form_wrapper .col-md-3,
    #search_wrapper .advanced_search_form_wrapper .col-3,
    #search_wrapper .advanced_search_form_wrapper .col-sm-6,
    #search_wrapper .advanced_search_form_wrapper .col-6,
    #search_wrapper .advanced_search_form_wrapper .row [class^="col-"],
    #search_wrapper .advanced_search_form_wrapper .row [class*=" col-"] {
        display: block !important;
        float: none !important;
        flex: none !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-bottom: 12px !important;
    }

    /* Children (selects/buttons) fill the column */
    #search_wrapper .advanced_search_form_wrapper .col-sm-3 > *,
    #search_wrapper .advanced_search_form_wrapper .col-md-3 > *,
    #search_wrapper .advanced_search_form_wrapper .col-3 > *,
    #search_wrapper .advanced_search_form_wrapper .col-sm-6 > *,
    #search_wrapper .advanced_search_form_wrapper .col-6 > * {
        width: 100% !important;
    }
}

/* Fix for buttons that might have different styling */
.advanced_search_submit_button {
    border-style: solid !important;
    text-align: center !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Ensure proper stacking context */
.search_wrapper.advpos_image {
    isolation: isolate !important;
}

/* CRITICAL FIX: Prevent ghosted text behind form elements */
.advanced_search_form_wrapper {
    /* Create a solid background layer to prevent ghosted text */
    background: #ffffff !important;
    position: relative !important;
    z-index: 1001 !important;
    isolation: isolate !important;
    /* Ensure no background bleed-through */
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Ensure form elements have solid backgrounds */
.advanced_search_form_wrapper select.form-control,
.advanced_search_form_wrapper #regionid,
.advanced_search_form_wrapper #subregionid,
.advanced_search_form_wrapper #area_id {
    background-color: #ffffff !important;
    background-image: url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23718096' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6,9 12,15 18,9'></polyline></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 16px !important;
    /* Ensure solid background prevents ghosted text */
    isolation: isolate !important;
    position: relative !important;
    z-index: 1004 !important;
}

/* Ensure search button has solid background */
.advanced_search_submit_button {
    background: #3182ce !important;
    border: 2px solid #3182ce !important;
    isolation: isolate !important;
    position: relative !important;
    z-index: 1004 !important;
}

/* CRITICAL FIX: Remove ghosted text inside dropdown fields */
.advanced_search_form_wrapper select.form-control,
.advanced_search_form_wrapper #regionid,
.advanced_search_form_wrapper #subregionid,
.advanced_search_form_wrapper #area_id {
    /* Remove any text shadows or duplicate text effects */
    text-shadow: none !important;
    /* Ensure clean text rendering */
    font-family: inherit !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #1a202c !important;
    /* Remove any pseudo-elements that might duplicate text */
    position: relative !important;
    z-index: 1004 !important;
    /* Ensure solid background */
    background-color: #ffffff !important;
    background-image: url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23718096' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6,9 12,15 18,9'></polyline></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 16px !important;
    /* Prevent any text duplication */
    isolation: isolate !important;
    /* Clear any inherited styles */
    box-shadow: none !important;
    outline: none !important;
}

/* Remove any pseudo-elements that might be duplicating text */
.advanced_search_form_wrapper select.form-control::before,
.advanced_search_form_wrapper select.form-control::after,
.advanced_search_form_wrapper #regionid::before,
.advanced_search_form_wrapper #regionid::after,
.advanced_search_form_wrapper #subregionid::before,
.advanced_search_form_wrapper #subregionid::after,
.advanced_search_form_wrapper #area_id::before,
.advanced_search_form_wrapper #area_id::after {
    display: none !important;
    content: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Ensure dropdown options don't have ghosted text */
.advanced_search_form_wrapper select option {
    background: #ffffff !important;
    color: #1a202c !important;
    text-shadow: none !important;
    font-family: inherit !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    padding: 8px 12px !important;
    /* Remove any pseudo-elements */
    position: static !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Remove any pseudo-elements from options */
.advanced_search_form_wrapper select option::before,
.advanced_search_form_wrapper select option::after {
    display: none !important;
    content: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* CRITICAL FIX: Prevent doubled arrows and hidden values */
.advanced_search_form_wrapper select.form-control,
.advanced_search_form_wrapper #regionid,
.advanced_search_form_wrapper #subregionid,
.advanced_search_form_wrapper #area_id {
    /* Remove any conflicting caret/arrow styles from other CSS */
    background-image: url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23718096' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6,9 12,15 18,9'></polyline></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 16px !important;
    /* Override any inherited caret styles */
    position: relative !important;
}

/* Remove any ::after pseudo-elements that might add arrows */
.advanced_search_form_wrapper select.form-control::after,
.advanced_search_form_wrapper #regionid::after,
.advanced_search_form_wrapper #subregionid::after,
.advanced_search_form_wrapper #area_id::after {
    display: none !important;
    content: none !important;
}

/* Remove any ::before pseudo-elements that might add arrows */
.advanced_search_form_wrapper select.form-control::before,
.advanced_search_form_wrapper #regionid::before,
.advanced_search_form_wrapper #subregionid::before,
.advanced_search_form_wrapper #area_id::before {
    display: none !important;
    content: none !important;
}

/* Ensure no hidden values - fix overflow issues */
.advanced_search_form_wrapper {
    overflow: visible !important;
    position: relative !important;
    z-index: 1001 !important;
    /* Ensure solid background prevents ghosted text */
    background: #ffffff !important;
    isolation: isolate !important;
}

.advanced_search_form_wrapper .row {
    overflow: visible !important;
    position: relative !important;
    z-index: 1002 !important;
    /* Ensure solid background */
    background: transparent !important;
}

.advanced_search_form_wrapper .col-sm-3 {
    overflow: visible !important;
    position: relative !important;
    z-index: 1003 !important;
    /* Ensure solid background */
    background: transparent !important;
}

/* Fix for dropdown options visibility */
.advanced_search_form_wrapper select option {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: #ffffff !important;
    color: #1a202c !important;
    padding: 8px 12px !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
}

/* Ensure dropdown menu appears above other elements */
.advanced_search_form_wrapper select:focus {
    z-index: 1001 !important;
    position: relative !important;
}

/* Mobile-specific fixes */
@media (max-width: 768px) {
    .advanced_search_form_wrapper select.form-control,
    .advanced_search_form_wrapper #regionid,
    .advanced_search_form_wrapper #subregionid,
    .advanced_search_form_wrapper #area_id {
        background-image: url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23718096' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6,9 12,15 18,9'></polyline></svg>") !important;
        background-position: right 12px center !important;
        background-size: 16px !important;
    }
}

/* OVERRIDE CONFLICTING STYLES FROM OTHER CSS FILES */
/* Override caret styles from custom-style.css */
.advanced_search_form_wrapper .caret:after,
.advanced_search_form_wrapper select .caret:after,
.advanced_search_form_wrapper #regionid .caret:after,
.advanced_search_form_wrapper #subregionid .caret:after,
.advanced_search_form_wrapper #area_id .caret:after {
    display: none !important;
    content: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Override any inherited dropdown toggle styles */
.advanced_search_form_wrapper .dropdown-toggle,
.advanced_search_form_wrapper select.dropdown-toggle {
    background-image: url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23718096' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6,9 12,15 18,9'></polyline></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 16px !important;
}

/* Ensure no multiselect styles interfere */
.advanced_search_form_wrapper .multiselect,
.advanced_search_form_wrapper select.multiselect {
    background-image: url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23718096' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6,9 12,15 18,9'></polyline></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 16px !important;
}

/* Override any Bootstrap select styles */
.advanced_search_form_wrapper .bootstrap-select,
.advanced_search_form_wrapper select.bootstrap-select {
    background-image: url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23718096' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6,9 12,15 18,9'></polyline></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 16px !important;
}

/* Final override to ensure single arrow */
.advanced_search_form_wrapper select.form-control,
.advanced_search_form_wrapper #regionid,
.advanced_search_form_wrapper #subregionid,
.advanced_search_form_wrapper #area_id {
    /* Force single arrow - override all other styles */
    background-image: url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23718096' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6,9 12,15 18,9'></polyline></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 16px !important;
    /* Remove any pseudo-elements */
    position: relative !important;
}

/* Ensure dropdown options are visible and not hidden */
.advanced_search_form_wrapper select option {
    position: static !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: #ffffff !important;
    color: #1a202c !important;
    z-index: auto !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    width: auto !important;
    height: auto !important;
    padding: 8px 12px !important;
    margin: 0 !important;
    border: none !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
}

/* PREVENT JAVASCRIPT LIBRARY INTERFERENCE */
/* Prevent Select2 from initializing on advanced search selects */
.advanced_search_form_wrapper select.form-control,
.advanced_search_form_wrapper #regionid,
.advanced_search_form_wrapper #subregionid,
.advanced_search_form_wrapper #area_id {
    /* Ensure these selects are NOT initialized by Select2 */
    pointer-events: auto !important;
    user-select: auto !important;
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
}

/* Prevent Bootstrap Multiselect from interfering */
.advanced_search_form_wrapper .multiselect,
.advanced_search_form_wrapper select.multiselect {
    /* Override multiselect styles */
    background-image: url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23718096' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6,9 12,15 18,9'></polyline></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 16px !important;
    /* Remove multiselect button styling */
    padding: 12px 40px 12px 16px !important;
    height: 50px !important;
    line-height: 1.5 !important;
    text-align: left !important;
}

/* Ensure no Select2 container wraps our selects */
.advanced_search_form_wrapper .select2-container,
.advanced_search_form_wrapper .select2-container--default {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Force native select behavior */
.advanced_search_form_wrapper select.form-control,
.advanced_search_form_wrapper #regionid,
.advanced_search_form_wrapper #subregionid,
.advanced_search_form_wrapper #area_id {
    /* Ensure native select behavior */
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 1004 !important;
    /* Remove any library-specific classes */
    background-image: url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23718096' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6,9 12,15 18,9'></polyline></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 16px !important;
    /* Ensure solid background prevents ghosted text */
    background-color: #ffffff !important;
    /* Add isolation to prevent background bleed-through */
    isolation: isolate !important;
}

/* CRITICAL: Remove ALL transitions from advanced search dropdowns */
.advanced_search_form_wrapper select,
.advanced_search_form_wrapper select *,
.advanced_search_form_wrapper select option,
.advanced_search_form_wrapper #regionid,
.advanced_search_form_wrapper #subregionid,
.advanced_search_form_wrapper #area_id {
    transition: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    animation: none !important;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
}

/* Override any Bootstrap or framework transitions */
.search_wrapper .advanced_search_form_wrapper select,
.search_wrapper .advanced_search_form_wrapper select *,
.search_wrapper .advanced_search_form_wrapper select option {
    transition: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    animation: none !important;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
}