/*!
 * Horizons Realty — Houzez Search Results re-skin
 * Scoped under body.hz-page--search (added in inc/search-results.php)
 * Re-skins the native Houzez search template (template-search.php) into the
 * Horizons editorial look WITHOUT touching Houzez query/filters/pagination.
 * The Houzez v3 overlay card is transformed (CSS only) into an image-top /
 * light-body card, matching the approved mockup and the /properties/ listing.
 * v1.16.6 (2026-06)
 */

/* Brand tokens (scoped) */
body.hz-page--search{
  --ink:#1c2a33; --ink-soft:#2a3942; --ink-mute:#8B95A0;
  --gold:#ADAA97; --gold-warm:#b8a888; --blue:#186B99;
  --cream:#FAF7F1; --cream2:#f3eee2; --border:#E4E4E4; --border-cream:#e5dfce;
  --serif:"Cormorant Garamond",Georgia,serif; --sans:"Outfit","Helvetica Neue",Arial,sans-serif;
}
body.hz-page--search #main-wrap{ background:var(--cream); }

/* === Breadcrumb === */
body.hz-page--search .breadcrumb-wrap{ font-family:var(--sans); font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:var(--ink-mute); font-weight:600; }
body.hz-page--search .breadcrumb-wrap a{ color:var(--ink-soft)!important; text-decoration:none; }
body.hz-page--search .breadcrumb-wrap a:hover{ color:var(--gold-warm)!important; }

/* === Page title (slim) === */
body.hz-page--search .page-title-wrap{ padding-top:4px!important; padding-bottom:6px!important; }
body.hz-page--search .page-title h1{ font-family:var(--serif)!important; font-weight:500!important; font-size:29px!important; color:var(--ink)!important; letter-spacing:-.005em; line-height:1.05; position:relative; display:inline-block; padding-bottom:9px; }
body.hz-page--search .page-title h1::after{ content:""; position:absolute; left:0; bottom:0; width:46px; height:2px; background:var(--gold-warm); }

/* === Results count (big, after JS number split) === */
body.hz-page--search .listing-tools-wrap .d-flex.align-items-center.mb-3{ align-items:flex-end!important; }
body.hz-page--search .listing-tools-wrap .flex-grow-1 strong{ display:flex; align-items:baseline; gap:13px; font-weight:300; }
body.hz-page--search .hz-count-num{ font-family:var(--serif); font-size:60px; font-weight:600; color:var(--ink); line-height:.9; letter-spacing:-.015em; }
body.hz-page--search .hz-count-label{ font-family:var(--sans); font-size:25px; color:var(--ink-soft); font-weight:300; }

/* === Sort dropdown (bootstrap-select) === */
body.hz-page--search .sort-by-title,
body.hz-page--search #sort-label{ font-family:var(--sans); font-size:12px; color:var(--ink-soft); font-weight:500; }
body.hz-page--search .sort-by .bootstrap-select>.btn,
body.hz-page--search .sort-by .dropdown-toggle{ border:1px solid var(--border)!important; background:#fff!important; color:var(--ink)!important; border-radius:0!important; font-family:var(--sans); box-shadow:none!important; }

/* === Save search button (was Houzez green) === */
body.hz-page--search .save-search-btn,
body.hz-page--search button.save_search_click{ background:var(--ink)!important; border:1px solid var(--ink)!important; color:#fff!important; border-radius:0!important; font-family:var(--sans); font-size:11px; letter-spacing:.1em; text-transform:uppercase; font-weight:500; padding:11px 18px!important; transition:all .2s; }
body.hz-page--search .save-search-btn:hover{ background:var(--gold-warm)!important; border-color:var(--gold-warm)!important; }
body.hz-page--search .save-search-btn i{ color:#fff!important; }

/* ============================================================
   CARD — transform Houzez v3 overlay -> image-top / light body
   ============================================================ */
body.hz-page--search .item-wrap-v3 .item-wrap{ height:auto!important; background:#fff!important; border:1px solid var(--border); border-radius:2px; overflow:hidden; box-shadow:0 1px 3px rgba(28,42,51,.08); transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s; }
body.hz-page--search .item-wrap-v3 .item-wrap:hover{ transform:translateY(-5px); box-shadow:0 20px 44px rgba(28,42,51,.16); }
body.hz-page--search .item-wrap-v3 .item-header{ height:auto!important; }

/* Image area: fixed 4:3 at top; force slick chain to fill it */
body.hz-page--search .item-wrap-v3 .listing-image-wrap{ position:relative; aspect-ratio:4/3; height:auto!important; overflow:hidden; }
body.hz-page--search .item-wrap-v3 .listing-gallery-wrap,
body.hz-page--search .item-wrap-v3 .houzez-listing-carousel,
body.hz-page--search .item-wrap-v3 .slick-list,
body.hz-page--search .item-wrap-v3 .slick-track,
body.hz-page--search .item-wrap-v3 .slick-slide,
body.hz-page--search .item-wrap-v3 .slick-slide>div{ height:100%!important; }
body.hz-page--search .item-wrap-v3 .listing-image-wrap img{ width:100%!important; height:100%!important; object-fit:cover!important; }
/* kill any Houzez gradient overlay on the image */
body.hz-page--search .item-wrap-v3 .listing-image-wrap::before,
body.hz-page--search .item-wrap-v3 .listing-image-wrap::after{ display:none!important; }

/* Body flows below the image on a light surface */
body.hz-page--search .item-wrap-v3 .item-body{ position:static!important; height:auto!important; width:100%; background:#fff!important; padding:17px 19px 16px!important; }
body.hz-page--search .item-wrap-v3 .item-body .h-100{ height:auto!important; }
body.hz-page--search .item-wrap-v3 .item-body .justify-content-end{ justify-content:flex-start!important; }

/* Title -> Cormorant ink, blue on hover */
body.hz-page--search .item-wrap-v3 .item-title{ font-family:var(--serif)!important; font-size:19px!important; font-weight:500!important; line-height:1.18!important; margin-bottom:12px!important; }
body.hz-page--search .item-wrap-v3 .item-title a{ color:var(--ink)!important; transition:color .2s; }
body.hz-page--search .item-wrap-v3 .item-wrap:hover .item-title a{ color:var(--blue)!important; }

/* Amenities -> ink with gold icons */
body.hz-page--search .item-wrap-v3 .item-amenities,
body.hz-page--search .item-wrap-v3 .item-amenities span,
body.hz-page--search .item-wrap-v3 .item-amenities li{ color:var(--ink-soft)!important; font-family:var(--sans)!important; font-size:12px!important; }
body.hz-page--search .item-wrap-v3 .item-amenities .houzez-icon{ color:var(--gold-warm)!important; }

/* Price -> ink, divider above */
body.hz-page--search .item-wrap-v3 .item-price-wrap{ margin-top:13px!important; padding-top:13px!important; border-top:1px solid var(--border)!important; }
body.hz-page--search .item-wrap-v3 .item-price,
body.hz-page--search .item-wrap-v3 .item-price *{ color:var(--ink)!important; font-family:var(--sans)!important; font-weight:600!important; font-size:19px!important; list-style:none; }

/* Labels -> gold "featured" (top-left), ink "status" (top-right) */
body.hz-page--search .item-wrap-v3 .label-featured{ background:var(--gold-warm)!important; color:var(--ink)!important; border-radius:2px!important; font-family:var(--sans); font-size:9.5px; letter-spacing:.1em; text-transform:uppercase; font-weight:600; top:14px!important; left:14px!important; }
body.hz-page--search .item-wrap-v3 .labels-wrap{ top:14px!important; right:14px!important; }
body.hz-page--search .item-wrap-v3 .labels-wrap .label,
body.hz-page--search .item-wrap-v3 .label-status{ background:rgba(28,42,51,.92)!important; color:#fff!important; border-radius:2px!important; font-family:var(--sans); font-size:9.5px; letter-spacing:.08em; text-transform:uppercase; font-weight:600; }
/* hide empty label chips + per-card hover tools (favorite/compare) for clean editorial cards */
body.hz-page--search .item-wrap-v3 .label:empty,
body.hz-page--search .item-wrap-v3 .label-featured:empty{ display:none!important; }
body.hz-page--search .item-wrap-v3 .item-tools{ display:none!important; }

/* === Pagination === */
body.hz-page--search ul.pagination{ gap:6px; }
body.hz-page--search ul.pagination .page-link{ min-width:42px; height:42px; display:flex; align-items:center; justify-content:center; border:1px solid var(--border)!important; background:#fff!important; color:var(--ink)!important; border-radius:0!important; font-family:var(--sans); box-shadow:none!important; }
body.hz-page--search ul.pagination .page-link:hover{ border-color:var(--ink)!important; }
body.hz-page--search ul.pagination .active .page-link,
body.hz-page--search ul.pagination .page-item.active .page-link{ background:var(--ink)!important; border-color:var(--ink)!important; color:#fff!important; }

/* === Responsive === */
@media (max-width:768px){
  body.hz-page--search .hz-count-num{ font-size:44px; }
  body.hz-page--search .hz-count-label{ font-size:19px; }
  body.hz-page--search .listing-tools-wrap .d-flex.align-items-center.mb-3{ flex-wrap:wrap; align-items:flex-start!important; gap:14px; }
  body.hz-page--search .page-title h1{ font-size:25px!important; }
}
@media (max-width:480px){
  body.hz-page--search .hz-count-num{ font-size:38px; }
  body.hz-page--search .hz-count-label{ font-size:17px; }
  body.hz-page--search .item-wrap-v3 .item-title{ font-size:18px!important; }
}