/**
 * IDX Broker Platinum overrides.
 *
 * IDX markup is NOT Divi-editable (BUILD-SPEC §5, Phase 1) — it can only be styled with CSS.
 * These selectors target IDX Broker's real output, so this file transfers to production as-is
 * even though the live feed cannot run in the local Playground environment.
 */

/* --- Omnibar (hero search) ------------------------------------------------ */
.IDX-omnibar-form {
	font-family: var(--vrg-font-body);
}

.IDX-omnibar-field,
.IDX-omnibar-input {
	border: 1px solid rgba(255, 255, 255, 0.35);
	border-radius: var(--vrg-radius);
	background: rgba(255, 255, 255, 0.92);
	padding: 1rem 1.25rem;
	font-size: 1rem;
}

.IDX-omnibar-submit,
.IDX-omnibar-form button[type="submit"] {
	background: var(--vrg-color-accent);
	color: var(--vrg-color-primary);
	font-family: var(--vrg-font-eyebrow);
	text-transform: uppercase;
	letter-spacing: var(--vrg-tracking-eyebrow);
	border: 0;
	border-radius: var(--vrg-radius);
	padding: 1rem 2rem;
	cursor: pointer;
}

/* --- Listing cards (showcase / showcaseWrap) ------------------------------ */
.IDX-showcaseWrap,
.IDX-resultsCell {
	background: #fff;
	border: 1px solid rgba(138, 133, 128, 0.25);
	border-radius: var(--vrg-radius);
	overflow: hidden;
	transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.IDX-showcaseWrap:hover,
.IDX-resultsCell:hover {
	box-shadow: 0 18px 40px rgba(46, 31, 63, 0.16);
	transform: translateY(-3px);
}

.IDX-showcasePhotoLink img,
.IDX-resultsPhotoLink img {
	transition: transform 0.6s ease;
	display: block;
	width: 100%;
	height: auto;
}

.IDX-showcaseWrap:hover .IDX-showcasePhotoLink img {
	transform: scale(1.05);
}

/* Champagne price tag. */
.IDX-showcasePrice,
.IDX-resultsPrice,
.IDX-field-price .IDX-text {
	font-family: var(--vrg-font-eyebrow);
	font-size: 1.25rem;
	letter-spacing: 0.04em;
	color: var(--vrg-color-primary);
	background: var(--vrg-color-accent);
	display: inline-block;
	padding: 0.25em 0.75em;
	border-radius: var(--vrg-radius);
}

.IDX-showcaseAddress,
.IDX-resultsAddress {
	font-family: var(--vrg-font-display);
	font-size: 1.125rem;
	color: var(--vrg-color-primary);
}

/* --- Compliance: MLS disclaimer must stay legible (never hide this) ------- */
.IDX-disclaimer,
.IDX-mlsDisclaimer,
.IDX-detailsDisclaimer {
	font-size: 0.8125rem;
	line-height: 1.6;
	color: var(--vrg-color-muted);
	max-width: none;
}

/* --- Dynamic wrapper: keep IDX pages inside the site shell ---------------- */
#IDX-main {
	max-width: 1180px;
	margin-inline: auto;
	padding-block: var(--vrg-section-y);
}

/* --- IDX Quick Search widget --------------------------------------------
   IDX renders its own form controls at ~22px tall, below the WCAG 2.5.8
   24px minimum, and unstyled against our palette. These selectors target
   IDX's real markup, so they apply wherever the widget is embedded. */
.IDX-qsInput,
.IDX-qsTextInput,
.IDX-qsSelectInput {
	min-height: 44px;
	padding: 0.6rem 0.75rem;
	font: inherit;
	font-size: 1rem;
	border: 1px solid color-mix(in srgb, var(--vrg-color-muted) 45%, transparent);
	border-radius: var(--vrg-radius);
	background: var(--vrg-color-surface);
	color: var(--vrg-color-ink);
	box-sizing: border-box;
	width: 100%;
}

.IDX-qsFieldWrap {
	margin-bottom: 0.75rem;
}

.IDX-qsLabel {
	font-family: var(--vrg-font-eyebrow);
	text-transform: uppercase;
	letter-spacing: var(--vrg-tracking-eyebrow);
	font-size: 0.8125rem;
	color: var(--vrg-color-surface);
	display: block;
	margin-bottom: 0.25rem;
}

/* Submit button matches the site's buttons. */
.IDX-qsSubmit,
.IDX-quicksearch input[type="submit"],
.IDX-qs input[type="submit"] {
	min-height: 44px;
	padding: 0.85em 2em;
	font-family: var(--vrg-font-eyebrow);
	text-transform: uppercase;
	letter-spacing: var(--vrg-tracking-eyebrow);
	background: var(--vrg-color-accent);
	color: var(--vrg-color-ink);
	border: 0;
	border-radius: var(--vrg-radius);
	cursor: pointer;
}