/* ─────────────────────────────────────────────────────────────────
   idx-wrapper.css — Safe base styles for IDX Broker wrapper.
   Keep this file light. Page-specific IDX layouts should be handled
   in page-specific CSS, especially the results/map page.
   ───────────────────────────────────────────────────────────────── */

/* Container that holds IDX content between idxStart and idxStop. */
.idx-content-wrapper,
.idx-results-wrapper {
    padding: 32px 0 64px;
    min-height: 60vh;
}

/* Body classes applied by IDX wrapper templates. */
body.idx-wrapped,
body.idx-results-page {
    background: var(--color-bg);
}

/* Use HoneyWay fonts and base colors inside IDX content. */
#IDX-main,
#idxMainWrapper,
.IDX-wrapper,
.IDX-wrapper-standard {
    font-family: var(--font-body);
    color: var(--color-ink);
}

#IDX-main h1,
#IDX-main h2,
#IDX-main h3,
#idxMainWrapper h1,
#idxMainWrapper h2,
#idxMainWrapper h3 {
    font-family: var(--font-display);
    color: var(--color-ink);
}

/* IDX links: keep simple and non-invasive. */
#IDX-main a,
#idxMainWrapper a {
    color: var(--color-honey-dark);
}

#IDX-main a:hover,
#idxMainWrapper a:hover {
    color: var(--color-honey);
}

/* Basic IDX button reset only.
   Do NOT force large padding, width, shadows, or result-page layout here. */
#IDX-main .IDX-btn,
#idxMainWrapper .IDX-btn,
#IDX-main input.IDX-btn,
#idxMainWrapper input.IDX-btn,
#IDX-main button.IDX-btn,
#idxMainWrapper button.IDX-btn,
#IDX-main a.IDX-btn,
#idxMainWrapper a.IDX-btn {
    font-family: var(--font-body);
    font-weight: 600;
}

/* Hide IDXBroker default header/footer if their wrapper layout
   somehow leaves them in. */
.IDX-headerContainer,
.IDX-footerContainer {
    display: none;
}

/* Keep media from overflowing. */
#IDX-main img,
#idxMainWrapper img,
#IDX-main svg,
#idxMainWrapper svg,
#IDX-main iframe,
#idxMainWrapper iframe,
#IDX-main video,
#idxMainWrapper video {
    max-width: 100%;
}

/*
 * IMPORTANT:
 * Do not style .IDX-resultsCell, .IDX-row, .IDX-map, or results-page
 * buttons here. Those should be controlled by the dedicated results-page
 * custom CSS so it can handle the 40% listings / 60% map layout cleanly.
 */