@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

/* ==========================================================================
   1. HEADER REMOVAL & SEO FIX
   ========================================================================== */
/* Hide H1 globally within the frame to prevent double H1 issues on the site */
h1, .page-title h1, .myrsol-idx-listing-title h1 { 
    display: none !important; 
}

/* ==========================================================================
   2. GLOBAL FONT & COLOR RESET
   ========================================================================== */
html, body, div, span, p, a, li, td, input, select, button, label { 
    font-family: 'Poppins', sans-serif !important; 
}

body { 
    background: #fff; 
    color: #2F2F2F; 
    font-size: 16px; 
    line-height: 24px; 
    -webkit-font-smoothing: antialiased; 
}

/* Branded Headings (Excluding H1) - Navy #004581 */
h2, h3, h4, h5, h6, 
.myrsol-idx-summary h3, 
.listing-title { 
    color: #004581 !important; 
    font-family: 'Poppins', sans-serif !important; 
    font-weight: 700 !important; 
}

a { color: #004581; transition: 0.3s ease; text-decoration: none !important; }
a:hover { color: #E55A2C !important; }

/* ==========================================================================
   3. GRID LAYOUT & SHADOW LIFT (Spacing Fixed)
   ========================================================================== */
.grid_view .listings-wrap, 
.myrsol-idx-results-container {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-left: -15px !important;
    margin-right: -15px !important;
    background: transparent !important;
}

/* Column Gaps without bottom stretching */
.grid_view .listings-wrap .myrsol-idx-summary,
.grid_view .listing-item {
    padding: 0 15px 30px 15px !important; 
    box-sizing: border-box !important;
    background: transparent !important;
}

/* Card Visuals & Shadow Lift */
.myrsol-idx-summary-inner,
.grid_view .listings-wrap .myrsol-idx-summary > div {
    background: #fff !important;
    border: 1px solid #eee !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05) !important;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    display: block !important;
    height: auto !important; 
}

.grid_view .listings-wrap .myrsol-idx-summary:hover {
    transform: translateY(-8px);
}

.grid_view .listings-wrap .myrsol-idx-summary:hover > div {
    box-shadow: 0 15px 30px rgba(0, 69, 129, 0.15) !important;
    border-color: #004581 !important;
}

/* ==========================================================================
   4. PROPERTY GALLERY & IMAGE FIX (No Stretching)
   ========================================================================== */
.myrsol-idx-details-images, 
.idx-details-photos, 
.royalSlider,
.rsOverflow {
    height: 550px !important;
    max-height: 75vh !important;
    background: #ffffff !important;
}

.rsImg, .myrsol-idx-details-images img {
    width: auto !important;
    height: auto !important;
    max-height: 100% !important;
    margin: 0 auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* ==========================================================================
   5. BUTTONS & PAGINATION (Branded Orange #E55A2C)
   ========================================================================== */
.btn-custom, .search-button, .btn-primary, .btn-save, 
.save-property, .idx-save-btn, .myrsol-idx-contact-btn { 
    font-family: 'Poppins', sans-serif !important; 
    font-weight: 700 !important; 
    padding: 12px 25px !important; 
    background-color: #E55A2C !important; 
    color: #fff !important; 
    border: none !important; 
    border-radius: 4px !important; 
    text-transform: uppercase !important;
    transition: 0.3s ease !important;
}

.btn-custom:hover, .btn-save:hover, .search-button:hover { 
    background-color: #004581 !important; 
}

.fa-heart, .fa-star, .btn-save i, .save-property i { color: #00C3DC !important; }

.pagination > .active > a, 
.myrsol-idx-pagination .current {
    background-color: #E55A2C !important;
    border-color: #E55A2C !important;
    color: #fff !important;
    font-weight: 700 !important;
}

/* ==========================================================================
   6. PROPERTY DETAILS TABS & DATA
   ========================================================================== */
.myrsol-idx-details-tabs li a, .nav-tabs > li > a {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600 !important;
    color: #666 !important;
    padding: 12px 20px !important;
    border: none !important;
    position: relative;
}

.myrsol-idx-details-tabs li.active a, .nav-tabs > li.active > a {
    color: #004581 !important;
}

.myrsol-idx-details-tabs li.active a:after, .nav-tabs > li.active > a:after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #E55A2C;
}

.idx-field-label, 
.myrsol-idx-details-features td:first-child, 
.idx-data-table td.label {
    font-weight: 700 !important;
    color: #004581 !important;
}

.idx-status-label {
    background-color: #00C3DC !important;
    color: #fff !important;
    padding: 4px 10px !important;
    border-radius: 4px !important;
}

/* ==========================================================================
   7. SIDEBAR & SEARCH CONTAINERS
   ========================================================================== */
.sidebar .new-listings h3 { 
    background: #004581 !important; 
}

.custom-search-container { 
    background: #004581 !important; 
}