/* Fix breadcrumb numbered list display */
nav.breadcrumbs ol {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

nav.breadcrumbs ol li {
    list-style: none;
    display: inline;
}

nav.breadcrumbs ol li + li::before {
    content: " / ";
    color: #fff;
}

/* Hide seller intake form by default, show when linked via anchor */
#seller-intake-form {
    display: none !important;
}
#seller-intake-form:target {
    display: block !important;
}

/* ===== SHOWCASE IDX LAYOUT FIX =====
   Restores proper grid display since IDX JS does not load on this host */

/* Make IDX container visible - using html body prefix for higher specificity */
html body #sidx-main-container {
    visibility: visible !important;
    animation: none !important;
}

/* IDX overall background to match dark theme */
.sidx-container .sidx-main-app-body {
    background-color: #1c1c1c !important;
    color: #e0e0e0 !important;
}

/* Search bar area */
.sidx-large-screen {
    background-color: #1c1c1c;
}

/* Grid container - display listings in a 3-column grid */
.sidx-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    padding: 20px 0 !important;
}

/* Each listing card wrapper - scoped to grid only */
.sidx-grid .sidx-require-auth {
    width: calc(33.333% - 14px) !important;
    min-width: 280px !important;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
}

/* The actual card */
.sidx-search-result-grid-item {
    width: 100% !important;
    background: #1c1c1c !important;
    border: 1px solid #333 !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    transition: transform 0.2s, box-shadow 0.2s !important;
}

.sidx-search-result-grid-item:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 40px rgba(0,0,0,0.5) !important;
    border-color: #c9a84c !important;
}

/* Property image area - Fixed for Showcase IDX compatibility */
/* Only override the thumbnail container, not the inner absolute-positioned gallery-display */
.sidx-thumbnail {
    width: 100% !important;
    height: 220px !important;
    overflow: hidden !important;
    position: relative !important;
    display: block !important;
}

/* Fix image display within the gallery */
.sidx-gallery-image img,
.sidx-thumbnail img {
    object-fit: cover !important;
    object-position: center 70% !important;
}

/* Listing details area */
.sidx-details {
    padding: 16px !important;
    display: block !important;
    width: 100% !important;
}

/* Price */
.sidx-primary-details .sidx-price,
.sidx-price {
    font-size: 1.4rem !important;
    font-weight: 600 !important;
    color: #fff !important;
    display: block !important;
    margin-bottom: 6px !important;
}

/* Address */
.sidx-listing-heading,
.sidx-address {
    font-size: 0.85rem !important;
    color: #aaa !important;
    display: block !important;
    margin-bottom: 10px !important;
}

/* Beds/Baths/SqFt info blocks */
.sidx-info-blocks {
    display: flex !important;
    gap: 16px !important;
    flex-wrap: wrap !important;
    border-top: 1px solid #333 !important;
    padding-top: 12px !important;
    margin-top: 12px !important;
}

/* New listing ribbon */
.sidx-ribbon {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    background: #c9a84c !important;
    color: #000 !important;
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    padding: 4px 8px !important;
    z-index: 2 !important;
    display: block !important;
}

/* Status badge */
.sidx-mls-details {
    display: block !important;
}

/* Controls bar (sort/filter) */
.sidx-listings-controls {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 10px 0 !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

/* Search header nav */
.sidx-main-header {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    padding: 10px 16px !important;
    background: #141414 !important;
    border-bottom: 1px solid #333 !important;
    flex-wrap: wrap !important;
}

/* Disclaimer */
.sidx-disclaimer {
    display: none !important;
}

/* Responsive: 2 cols on tablet */
@media (max-width: 1024px) {
    .sidx-require-auth {
        width: calc(50% - 10px) !important;
    }
}

/* Responsive: 1 col on mobile */
@media (max-width: 640px) {
    .sidx-require-auth {
        width: 100% !important;
    }
}
/* Fix z-index so "Ready to Make Your Move?" CTA doesn't overlap IDX listing cards */
.section.section--sm {
    position: relative;
    z-index: 1;
}

.idx-wrapper,
#sidx-main-container {
    position: relative;
    z-index: 2;
}

/* Fix Showcase IDX listing detail page layout - sidx-require-auth is used for both
   grid items AND the listing detail container, causing the detail page to be constrained
   to 33.333% width. This override restores full width for the listing detail context. */
.sidx-main-app-body > div > .sidx-require-auth {
    width: 100% !important;
    min-width: 0 !important;
    flex-shrink: 1 !important;
    flex-grow: 1 !important;
}

/* Fix the listing detail columns layout to display side by side */
.sidx-columns {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 0 !important;
}

/* Ensure left sidebar has proper width on listing detail pages */
.sidx-left-column {
    min-width: 300px !important;
    width: 300px !important;
    flex-shrink: 0 !important;
}

.sidx-right-column {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

/* Hide broken Optima Express market snapshot section (plugin not installed) */
/* Showcase IDX display fix - restored after SIDX bug fix */
.idx-wrapper {
    display: block !important;
}

/* ====== SHOWCASE IDX LISTING DETAIL PAGE FIXES ====== */

/* Fix: Theme's large h1 font size overrides SIDX listing address heading */
.sidx-listing-heading h1,
.idx-wrapper h1 {
    font-size: 1.5rem !important;
    line-height: 1.3 !important;
    font-family: "Helvetica Neue", Roboto, Helvetica, Arial, sans-serif !important;
    font-weight: 700 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
}

/* Fix: Theme h2/h3 styles overriding SIDX detail page headings */
.idx-wrapper h2,
.idx-wrapper h3,
.idx-wrapper h4 {
    font-size: 1rem !important;
    line-height: 1.3 !important;
    font-family: "Helvetica Neue", Roboto, Helvetica, Arial, sans-serif !important;
    font-weight: 600 !important;
    margin: 0 !important;
}


/* About page - reduce photo size */
.about-split {
    grid-template-columns: 2fr 3fr;
    min-height: 450px;
}

.about-split__image img {
    max-height: 500px;
    object-position: top center;
}