/* Lemon Auction blocks. Colours come from the active theme's palette when it defines them. */
.la-card, .la-facts, .la-search, .la-terms, .la-whatsapp, .la-countdown, .la-crumbs, .la-results, .la-ended {
	--la-fg: var(--wp--preset--color--contrast, #1a1d21);
	--la-muted: var(--wp--preset--color--muted, #5b6470);
	--la-bg: var(--wp--preset--color--base, #fff);
	--la-surface: var(--wp--preset--color--surface, #f5f6f8);
	--la-border: var(--wp--preset--color--border, #dde1e6);
	--la-accent: var(--wp--preset--color--primary, #0b5cad);
	--la-accent-fg: var(--wp--preset--color--on-primary, #fff);
	--la-success: var(--wp--preset--color--success, #11743a);
	--la-warning: var(--wp--preset--color--warning, #8a4b00);
	--la-radius: 12px;
}
.la-type-icon { width: 64px; height: 64px; }
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; }

/* Card */
.la-card { position: relative; display: flex; flex-direction: column; height: 100%; background: var(--la-bg); color: var(--la-fg); border: 1px solid var(--la-border); border-radius: var(--la-radius); overflow: hidden; transition: box-shadow .15s ease, transform .15s ease; }
.la-card:hover, .la-card:focus-within { box-shadow: 0 6px 24px rgb(16 24 40 / .10); }
@media (prefers-reduced-motion: no-preference) { .la-card:hover { transform: translateY(-2px); } }
.la-card__media { position: relative; aspect-ratio: 16 / 9; display: grid; place-items: center; background: var(--la-surface); color: var(--la-muted); }
.la-card__media img { width: 100%; height: 100%; object-fit: cover; }
.la-family-residential { color: #2f6db5; background: #eaf2fb; }
.la-family-commercial { color: #7a4cb3; background: #f2edf9; }
.la-family-industrial { color: #8a5a12; background: #fbf3e6; }
.la-family-land { color: #2f7d4f; background: #eaf6ef; }
.la-badge { position: absolute; top: 10px; left: 10px; padding: 3px 10px; border-radius: 999px; font-size: .75rem; font-weight: 600; background: var(--la-bg); color: var(--la-fg); box-shadow: 0 1px 2px rgb(0 0 0 / .12); }
.la-badge--live { background: var(--la-success); color: #fff; }
.la-badge--soon { background: #fff4e5; color: var(--la-warning); }
.la-badge--ended, .la-badge--expired { background: #eceff3; color: var(--la-muted); }
.la-card__body { display: flex; flex-direction: column; gap: 6px; padding: 14px 16px 16px; flex: 1; }
.la-card__type { margin: 0; font-size: .75rem; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: var(--la-muted); }
.la-card__title { margin: 0; font-size: 1.05rem; line-height: 1.3; }
.la-card__title a { color: inherit; text-decoration: none; }
.la-card__title a::after { content: ""; position: absolute; inset: 0; } /* Whole card is the link target. */
.la-card__title a:focus-visible { outline: none; }
.la-card:has(.la-card__title a:focus-visible) { outline: 3px solid var(--la-accent); outline-offset: 2px; }
.la-card__place { margin: 0; color: var(--la-muted); font-size: .9rem; }
.la-card__price { margin: 4px 0 0; font-size: 1.35rem; font-weight: 700; }
.la-card__price-label { margin-left: 6px; font-size: .75rem; font-weight: 500; color: var(--la-muted); }
.la-card__meta { display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 0; font-size: .85rem; }
.la-card__meta div { display: flex; gap: 4px; }
.la-card__meta dt { color: var(--la-muted); }
.la-card__meta dd { margin: 0; font-weight: 500; }
.la-card__lender { margin: auto 0 0; padding-top: 8px; border-top: 1px solid var(--la-border); font-size: .85rem; color: var(--la-muted); }

/* Facts */
.la-facts { background: var(--la-bg); border: 1px solid var(--la-border); border-radius: var(--la-radius); padding: 20px; }
.la-facts__heading { margin: 0 0 12px; font-size: 1.25rem; }
.la-facts__list { margin: 0; display: grid; grid-template-columns: 1fr; }
.la-facts__row { display: grid; grid-template-columns: minmax(130px, 38%) 1fr; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--la-border); }
.la-facts__row:last-child { border-bottom: 0; }
.la-facts__row dt { color: var(--la-muted); }
.la-facts__row dd { margin: 0; font-weight: 500; }
.la-facts__links { display: flex; flex-wrap: wrap; gap: 8px 20px; list-style: none; padding: 0; margin: 16px 0 0; }
.la-facts__links a { color: var(--la-accent); font-weight: 600; }
.la-facts__disclaimer { margin: 16px 0 0; font-size: .85rem; color: var(--la-muted); }

/* WhatsApp */
.la-whatsapp__button { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 48px; padding: 12px 20px; border-radius: 999px; background: #1a7f45; color: #fff; font-weight: 700; text-decoration: none; }
.la-whatsapp__button:hover { background: #136536; color: #fff; }
.la-whatsapp__button:focus-visible { outline: 3px solid var(--la-fg); outline-offset: 3px; }
.la-whatsapp__note { margin: 8px 0 0; font-size: .85rem; color: var(--la-muted); text-align: center; }
.la-notice { padding: 10px 12px; border-left: 4px solid var(--la-warning); background: #fff8ec; }

/* Countdown */
.la-countdown { display: flex; flex-direction: column; gap: 2px; padding: 12px 16px; border-radius: var(--la-radius); background: var(--la-surface); }
.la-countdown__text { font-weight: 700; }
.la-countdown--live { background: #e8f6ee; color: var(--la-success); }
.la-countdown--ended, .la-countdown--expired { background: #eceff3; color: var(--la-muted); }
.la-countdown__abs { font-size: .85rem; color: var(--la-muted); }

/* Search */
.la-search *, .la-facts *, .la-card * { box-sizing: border-box; }
.la-search { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; align-items: end; padding: 16px; background: var(--la-bg); border: 1px solid var(--la-border); border-radius: var(--la-radius); }
.la-search__field { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.la-search__field label { font-size: .8rem; font-weight: 600; color: var(--la-muted); }
.la-search select, .la-search input { width: 100%; min-height: 44px; padding: 8px 10px; border: 1px solid var(--la-border); border-radius: 8px; background: var(--la-bg); color: var(--la-fg); font: inherit; }
.la-search select:focus-visible, .la-search input:focus-visible { outline: 3px solid var(--la-accent); outline-offset: 1px; }
.la-search__actions { display: flex; align-items: center; gap: 12px; }
.la-search__submit { flex: 1; min-height: 44px; padding: 10px 18px; border: 0; border-radius: 8px; background: var(--la-accent); color: var(--la-accent-fg); font: inherit; font-weight: 700; cursor: pointer; }
.la-search__submit:focus-visible { outline: 3px solid var(--la-fg); outline-offset: 2px; }
.la-search__reset { white-space: nowrap; color: var(--la-accent); }
.la-search--compact { box-shadow: 0 10px 30px rgb(16 24 40 / .12); }

/* Collapsible filter panel (collapsed on phones by filters.js) */
.la-filters__toggle { display: none; }
@media (max-width: 781px) {
	.la-filters__toggle { display: flex; align-items: center; justify-content: space-between; min-height: 44px; padding: 10px 16px; border: 1px solid var(--la-border, #dde1e6); border-radius: 12px; font-weight: 700; cursor: pointer; }
	.la-filters[open] .la-filters__toggle { margin-bottom: 8px; }
}

/* Term grid */
.la-terms { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px; list-style: none; padding: 0; margin: 0; }
.la-terms__item a { display: flex; flex-direction: column; gap: 2px; padding: 14px 16px; height: 100%; box-sizing: border-box; border: 1px solid var(--la-border); border-radius: var(--la-radius); background: var(--la-bg); color: var(--la-fg); text-decoration: none; }
.la-terms__item a:hover { border-color: var(--la-accent); }
.la-terms__name { font-weight: 700; }
.la-terms__count { font-size: .85rem; color: var(--la-muted); }

/* Breadcrumbs */
.la-crumbs ol { display: flex; flex-wrap: wrap; gap: 4px; list-style: none; padding: 0; margin: 0; font-size: .875rem; color: var(--la-muted); }
.la-crumbs li + li::before { content: "›"; margin-right: 4px; }
.la-crumbs a { color: inherit; }

/* Results & ended */
.la-results__title, .la-ended__title { margin: 0 0 4px; }
.la-results__count { margin: 0; color: var(--la-muted); }
.la-ended__more { font-weight: 600; }