.elementor-4968 .elementor-element.elementor-element-3bfb08c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4968 .elementor-element.elementor-element-3bfb08c:not(.elementor-motion-effects-element-type-background), .elementor-4968 .elementor-element.elementor-element-3bfb08c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d9d66ee );}.elementor-widget-jet-ajax-search .jet-search-title-fields__item-label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-jet-ajax-search .jet-search-title-fields__item-value{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-jet-ajax-search .jet-search-content-fields__item-label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-jet-ajax-search .jet-search-content-fields__item-value{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4968 .elementor-element.elementor-element-b1a9c54 .jet-ajax-search__source-results-item_icon svg{width:24px;}.elementor-4968 .elementor-element.elementor-element-b1a9c54 .jet-ajax-search__source-results-item_icon{font-size:24px;}.elementor-4968 .elementor-element.elementor-element-b1a9c54 .jet-ajax-search__field{color:var( --e-global-color-77ae0bec );background-color:var( --e-global-color-6850289 );}.elementor-4968 .elementor-element.elementor-element-b1a9c54 .jet-ajax-search__field::-webkit-search-cancel-button{width:16px;height:16px;}.elementor-4968 .elementor-element.elementor-element-b1a9c54 .jet-ajax-search__results-area{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-4968 .elementor-element.elementor-element-b1a9c54 .jet-ajax-search__arrow-button:hover svg > *{fill:var( --e-global-color-77ae0bec );}.elementor-4968 .elementor-element.elementor-element-b1a9c54 .jet-ajax-search__arrow-button:hover{background-color:var( --e-global-color-accent );border-color:#005F59;}.elementor-4968 .elementor-element.elementor-element-b1a9c54 .jet-ajax-search__arrow-button{border-width:0px;}.elementor-4968 .elementor-element.elementor-element-b1a9c54 .jet-ajax-search__spinner{color:var( --e-global-color-accent );}#elementor-popup-modal-4968 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-4968{justify-content:center;align-items:center;}#elementor-popup-modal-4968 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(max-width:1024px){#elementor-popup-modal-4968 .dialog-message{width:50vw;}#elementor-popup-modal-4968{justify-content:flex-start;align-items:flex-start;}#elementor-popup-modal-4968 .dialog-widget-content{margin:95px 0px 0px 0px;}}@media(max-width:767px){#elementor-popup-modal-4968 .dialog-message{width:100vw;}#elementor-popup-modal-4968 .dialog-widget-content{margin:60px 0px 0px 0px;}}/* Start custom CSS for jet-ajax-search, class: .elementor-element-b1a9c54 *//* --- 1. GLOBAL & POPUP RESET --- */
/* Only targets the popup background IF the glass-search class is applied to the popup itself */
.dialog-widget-content.glass-search,
.elementor-popup-modal.glass-search .dialog-widget-content,

/* Targets the container and its inner parts ONLY with the class */
/* 1. Target the Jet Search Results Background specifically */
.glass-search .jet-ajax-search__results-area,
.glass-search .jet-ajax-search__results-holder,
.glass-search .jet-ajax-search__results-list {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
}
/* 2. Target the Elementor Container backgrounds specifically */
.glass-search.e-con,
.glass-search > .e-con-inner {
    background-color: transparent !important;
    background-image: none !important;
    --background-background: transparent !important;
    --e-con-bg-mix: transparent !important;
}
.glass-search .jet-ajax-search__field,
.glass-search .jet-ajax-search__field-wrapper {
    border: none !important;
    border-radius: 0 !important;
    outline: none !important;
    box-shadow: none !important;
}

/* --- 2. RESPONSIVE POSITIONING --- */
@media (min-width: 1025px) {
    .glass-search .jet-ajax-search__results-area.show {
        position: absolute !important;
        left: 0;
        z-index: 999;
    }
}

@media (max-width: 1024px) {
    /* Force the container to fill the available width */
    .glass-search {
        width: 100% !important; 
        max-width: 100% !important;
        display: block !important;
    }

    .glass-search .jet-ajax-search__results-area.show {
        position: relative !important;
        width: 100% !important;
    }

    /* This part you already have, but ensure it targets the right container */
    .elementor-location-popup .e-con,
    .elementor-location-popup .e-con-inner {
        height: auto !important;
        min-height: min-content !important;
        width: 100% !important; /* Added this */
    }
}

/* --- 3. MAIN RESULTS AREA (GLASS EFFECT) --- */
.glass-search .jet-ajax-search__results-area {
    display: none;
    width: 100% !important;
    margin-top: 5px;
    padding: 5px;
    box-sizing: border-box;
    position: absolute !important;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 99999 !important;
    
}

.glass-search .jet-ajax-search__results-area.show {
    display: block !important;
    background: rgba(255, 255, 255, 0.8) !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2) !important;
}

/* --- 4. INDIVIDUAL ITEM & HOVER STYLING --- */
.glass-search .jet-ajax-search__results-item {
    padding: 2px 5px; /* Tighter padding for cleaner look */
    border-bottom: 0;
}

.glass-search .jet-ajax-search__item-link {
    display: flex !important;
    background-color: transparent !important; 
    border-radius: 12px;
    text-decoration: none !important;
    /* transition only the properties that matter to avoid "jank" */
    transition: background-color 0.3s ease, transform 0.2s ease !important;
    will-change: background-color, transform;
}

/* Hover State */
.glass-search .jet-ajax-search__results-item:hover .jet-ajax-search__item-link {
    background-color: rgba(255, 255, 255, 0.12) !important;
    /* Remove blur on hover if it feels "laggy", or keep it very subtle */
    backdrop-filter: blur(4px); 
    -webkit-backdrop-filter: blur(4px);
    /* Subtle lift effect */
    transform: translateY(-1px);
}

/* Click/Active State: Provides instant feedback */
.glass-search .jet-ajax-search__item-link:active {
    background-color: rgba(255, 255, 255, 0.25) !important;
    transform: translateY(0);
    transition: all 0.1s ease !important;
}

/* --- 5. TYPOGRAPHY (Restored Black/Grey) --- */
.glass-search .jet-ajax-search__item-title {
    color: #222222 !important; /* Restored to Black */
    font-weight: 700 !important;
    font-size: 15px !important;
}

.glass-search .jet-ajax-search__item-content {
    color: #666666 !important; /* Restored to Grey */
    font-size: 13px !important;
    line-height: 1.4 !important;
    margin-top: 4px;
}

.glass-search .jet-ajax-search__item-price {
    color: #222222 !important; /* Restored to Black */
    font-weight: 800 !important;
    margin-top: 5px;
}

.glass-search .jet-ajax-search__full-results {
    width: 100% !important;
    margin-top: 10px !important;
    padding: 10px !important;
    background: rgba(255, 255, 255, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    border-radius: 10px !important;
    color: #333333 !important;
    font-weight: 600 !important;
    transition: all 0.3s ease;
}/* End custom CSS */