.elementor-138 .elementor-element.elementor-element-dad5aa6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}/* Start custom CSS for case27-explore-widget, class: .elementor-element-b4ef269 */.cts-map-popup.cts-listing-popup:not(.tpl-list-view) {
    border-radius: 15px;
}
.button-2 {
    background: white !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dad5aa6 *//* ============================================
   PART 1: CATEGORY CARDS STYLING
   (These are fine - they're only in explore widget)
   ============================================ */

.listing-cat {
    border-radius: 1.5rem !important;
    overflow: hidden;
    border: 2px solid #f1f5f9 !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 4px 20px -2px rgba(0,0,0,0.05) !important;
    background: white !important;
}

.listing-cat:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 25px 50px -12px rgba(0,0,0,0.15) !important;
    border-color: #D97706 !important;
}

.listing-cat .overlay {
    background: linear-gradient(135deg, #1E40AF 0%, #3B82F6 50%, #D97706 100%) !important;
    opacity: 0.15 !important;
    transition: opacity 0.3s ease !important;
}

.listing-cat:hover .overlay {
    opacity: 0.25 !important;
}

.listing-cat .lc-info h4 {
    color: #0F172A !important;
    font-family: 'Playfair Display', serif !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    margin-bottom: 0.5rem !important;
}

.listing-cat .lc-info h6 {
    color: #1E40AF !important;
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.listing-cat .lc-icon {
    display: none !important;
}


/* ============================================
   PART 2: MAP STYLING
   ============================================ */

.cts-map,
#c27-explore-map {
    border-radius: 1.5rem !important;
    overflow: hidden;
    box-shadow: 0 20px 60px -15px rgba(0,0,0,0.15) !important;
    border: 4px solid white !important;
}

.marker-cluster {
    background: linear-gradient(to bottom right, #1E40AF, #3B82F6) !important;
    box-shadow: 0 4px 12px rgba(30, 64, 175, 0.3) !important;
}

.marker-cluster div {
    background: linear-gradient(to bottom right, #1E40AF, #3B82F6) !important;
    color: white !important;
    font-weight: 700 !important;
    font-family: 'Inter', sans-serif !important;
}

/* Map popups - NO TRANSFORM! */
.cts-map-popup {
    border-radius: 1rem !important;
    box-shadow: 0 10px 40px -10px rgba(0,0,0,0.2) !important;
    border: 2px solid #f1f5f9 !important;
}


/* ============================================
   PART 3: SEARCH FILTERS & CONTROLS
   ============================================ */

.finder-search {
    background: linear-gradient(to bottom, #f8fafc, #ffffff) !important;
    border-radius: 1.5rem !important;
    padding: 2rem !important;
    box-shadow: 0 4px 20px -2px rgba(0,0,0,0.05) !important;
}

.c27-explore-search-button {
    background: linear-gradient(to right, #1E40AF, #3B82F6) !important;
    border: none !important;
    border-radius: 0.75rem !important;
    padding: 1rem 2rem !important;
    font-weight: 700 !important;
    color: white !important;
    box-shadow: 0 10px 30px -5px rgba(30, 64, 175, 0.3) !important;
    transition: all 0.3s ease !important;
}

.c27-explore-search-button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 15px 40px -5px rgba(30, 64, 175, 0.4) !important;
}

.reset-results-27 {
    background: white !important;
    border: 2px solid #D97706 !important;
    color: #D97706 !important;
    border-radius: 0.75rem !important;
    padding: 1rem 2rem !important;
    font-weight: 700 !important;
    transition: all 0.3s ease !important;
}

.reset-results-27:hover {
    background: #D97706 !important;
    color: white !important;
}

.select2-container--default .select2-selection--single {
    background: #f8fafc !important;
    border: 2px solid #e2e8f0 !important;
    border-radius: 0.75rem !important;
    padding: 0.75rem 1rem !important;
    height: auto !important;
}

.select2-container--default .select2-selection--single:focus {
    border-color: #1E40AF !important;
}


/* ============================================
   PART 4: LISTING RESULTS CARDS (LEFT COLUMN ONLY!)
   KEY FIX: Only target cards NOT inside map popups
   ============================================ */

/* Only style listing cards in the results list, NOT in map popups */
.explore-grid .listing-preview,
.cts-listing-item:not(.cts-map-popup .cts-listing-item) .listing-preview {
    border-radius: 1.5rem !important;
    border: 2px solid #f1f5f9 !important;
    overflow: hidden;
    transition: all 0.4s ease !important;
    background: white !important;
    box-shadow: 0 4px 20px -2px rgba(0,0,0,0.05) !important;
}

/* Hover effect ONLY for left column cards, NOT map popups */
.explore-grid .listing-preview:hover,
.cts-listing-item:not(.cts-map-popup .cts-listing-item) .listing-preview:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 20px 40px -10px rgba(0,0,0,0.15) !important;
    border-color: #3B82F6 !important;
}

/* Listing Image */
.listing-preview .listing-thumb {
    border-radius: 1.5rem 1.5rem 0 0 !important;
}

/* Listing Title */
.listing-preview .listing-details h3 {
    font-family: 'Playfair Display', serif !important;
    color: #0F172A !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
}

/* Listing Category Badge */
.listing-preview .listing-category {
    background: linear-gradient(to right, #1E40AF, #3B82F6) !important;
    color: white !important;
    border-radius: 0.5rem !important;
    padding: 0.375rem 0.75rem !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
}


/* ============================================
   PART 5: LOAD MORE BUTTON
   ============================================ */

.load-more-27 {
    background: linear-gradient(to right, #1E40AF, #3B82F6) !important;
    border: none !important;
    border-radius: 0.75rem !important;
    padding: 1rem 2.5rem !important;
    font-weight: 700 !important;
    color: white !important;
    box-shadow: 0 10px 30px -5px rgba(30, 64, 175, 0.3) !important;
    transition: all 0.3s ease !important;
    margin: 2rem auto !important;
    display: block !important;
}

.load-more-27:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 15px 40px -5px rgba(30, 64, 175, 0.4) !important;
}


/* ============================================
   PART 6: MOBILE RESPONSIVE
   ============================================ */

@media (max-width: 768px) {
    .listing-cat {
        margin-bottom: 1rem !important;
    }
    
    .cts-map {
        border-radius: 1rem !important;
        margin-top: 1rem !important;
    }
    
    .finder-search {
        padding: 1.5rem 1rem !important;
    }
}


/* ============================================
   PART 7: RESULTS COUNT & HEADER
   ============================================ */

.showing-results {
    font-family: 'Inter', sans-serif !important;
    color: #64748b !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    margin: 1.5rem 0 !important;
}


/* ============================================
   PART 8: GENERAL POLISH
   ============================================ */

.finder-container {
    scroll-behavior: smooth;
}

#c27-explore-listings {
    padding: 2rem 0 !important;
}


.cts-explore h1, 
.cts-explore h2, 
.cts-explore h3, 
.cts-explore h4 {
    font-family: 'Playfair Display', serif !important;
}

.cts-explore a {
    color: #1E40AF !important;
    transition: color 0.3s ease !important;
}

.cts-explore a:hover {
    color: #D97706 !important;
}/* End custom CSS */