/* =========================================================================
   Хера 44 — modern archive polish (CSS-only, no template overrides)
   Scoped to Houzez property-status archives and blog category/post archives.
   Brand: green #337C45, lime #78C720. Reuses look of the .h44 pages.
   ========================================================================= */

/* ---- shared brand vars (self-contained) --------------------------------- */
:root {
  --ha-green:#337C45; --ha-green-d:#256035; --ha-lime:#78C720; --ha-lime-d:#62a516;
  --ha-ink:#1d2b22; --ha-body:#48584f; --ha-line:#e7ece8; --ha-tint:#f4f8f3;
  --ha-radius:16px; --ha-shadow:0 10px 30px -14px rgba(20,60,35,.22);
  --ha-shadow-lg:0 26px 52px -24px rgba(20,60,35,.4);
}

/* =========================================================================
   1) PROPERTY ARCHIVES  (/status/kupi/, /status/naemi/)  body.tax-property_status
   ========================================================================= */

/* header */
body.tax-property_status .page-title-wrap{
  background:var(--ha-tint); border-bottom:1px solid var(--ha-line);
  padding:26px 0 22px; margin-bottom:26px;
}
body.tax-property_status .page-title h1{
  font-family:'Montserrat',sans-serif; font-weight:800; color:var(--ha-ink);
  font-size:clamp(1.6rem,1.2rem+1.4vw,2.4rem); margin:0;
}
body.tax-property_status .breadcrumb-wrap .breadcrumb{background:transparent;padding:0 0 6px;margin:0;}

/* results toolbar (count + sort + view switch) */
body.tax-property_status .listing-tools-wrap{
  background:#fff; border:1px solid var(--ha-line); border-radius:var(--ha-radius);
  padding:12px 18px; box-shadow:var(--ha-shadow); margin-bottom:24px;
}
body.tax-property_status .listing-tabs{font-weight:700;color:var(--ha-ink);}

/* grid spacing */
body.tax-property_status .listing-view.grid-view{ gap:24px; }
body.tax-property_status .listing-view.grid-view .item-listing-wrap{ margin-bottom:0; }

/* the card */
body.tax-property_status .item-wrap-v1{
  background:#fff; border:1px solid var(--ha-line); border-radius:var(--ha-radius);
  overflow:hidden; box-shadow:var(--ha-shadow);
  transition:transform .3s cubic-bezier(.2,.7,.3,1), box-shadow .3s, border-color .3s;
}
body.tax-property_status .item-listing-wrap:hover .item-wrap-v1{
  transform:translateY(-6px); box-shadow:var(--ha-shadow-lg); border-color:var(--ha-lime);
}
body.tax-property_status .listing-thumb{ overflow:hidden; }
body.tax-property_status .listing-thumb img{
  transition:transform .6s cubic-bezier(.2,.7,.3,1); width:100%; height:100%; object-fit:cover;
}
body.tax-property_status .item-listing-wrap:hover .listing-thumb img{ transform:scale(1.06); }

/* card interior */
body.tax-property_status .item-body{ padding:18px 20px; }
body.tax-property_status .item-title,
body.tax-property_status .item-title a{ color:var(--ha-ink); font-weight:700; }
body.tax-property_status .item-title a:hover{ color:var(--ha-green); }
body.tax-property_status .item-body .item-price{ color:var(--ha-green); font-weight:800; }
body.tax-property_status .item-address{ color:var(--ha-body); }
body.tax-property_status .item-amenities i.houzez-icon{ color:var(--ha-lime-d); }

/* status pill + main buttons */
body.tax-property_status .label-status,
body.tax-property_status .labels-wrap .label{
  border-radius:999px; font-weight:700; letter-spacing:.02em;
}
body.tax-property_status .btn-item,
body.tax-property_status .btn.btn-primary{
  background:linear-gradient(120deg,var(--ha-green),var(--ha-lime)); border:0; border-radius:999px;
}
body.tax-property_status .btn-item:hover,
body.tax-property_status .btn.btn-primary:hover{ filter:brightness(1.05); }

/* pagination */
body.tax-property_status .pagination .page-numbers,
body.tax-property_status .pagination li a,
body.tax-property_status .pagination li span{
  border-radius:10px; border-color:var(--ha-line); color:var(--ha-ink);
}
body.tax-property_status .pagination .current,
body.tax-property_status .pagination li .current{
  background:var(--ha-green); border-color:var(--ha-green); color:#fff;
}

/* =========================================================================
   2) BLOG / CATEGORY ARCHIVES  body.archive.category / .archive.tag
   Turn the stacked list + sidebar into a full-width responsive card grid.
   ========================================================================= */

/* header */
body.archive.category .page-title-wrap,
body.blog .page-title-wrap{
  background:var(--ha-tint); border-bottom:1px solid var(--ha-line);
  padding:30px 0 26px; margin-bottom:30px;
}
body.archive.category .page-title h1{
  font-family:'Montserrat',sans-serif; font-weight:800; color:var(--ha-ink);
  font-size:clamp(1.7rem,1.2rem+1.6vw,2.5rem); margin:0;
}
body.archive.category .breadcrumb-wrap .breadcrumb{background:transparent;padding:0 0 6px;margin:0;}

/* drop the sidebar, widen content to full width */
body.archive.category .bt-sidebar-wrap{ display:none !important; }
body.archive.category .bt-content-wrap{
  flex:0 0 100% !important; max-width:100% !important;
  display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:26px;
}
body.archive.category .bt-content-wrap > .pagination-wrap,
body.archive.category .bt-content-wrap > nav{ grid-column:1/-1; }

/* each post as a card */
body.archive.category .article-wrap{ margin:0; height:100%; }
body.archive.category .post-wrap{
  background:#fff; border:1px solid var(--ha-line); border-radius:var(--ha-radius);
  overflow:hidden; box-shadow:var(--ha-shadow); height:100%;
  display:flex; flex-direction:column;
  transition:transform .3s cubic-bezier(.2,.7,.3,1), box-shadow .3s, border-color .3s;
}
body.archive.category .article-wrap:hover .post-wrap{
  transform:translateY(-6px); box-shadow:var(--ha-shadow-lg); border-color:var(--ha-lime);
}
body.archive.category .post-thumbnail-wrap{ overflow:hidden; aspect-ratio:16/10; }
body.archive.category .post-thumbnail-wrap img{ width:100%; height:100%; object-fit:cover; transition:transform .6s cubic-bezier(.2,.7,.3,1); }
body.archive.category .article-wrap:hover .post-thumbnail-wrap img{ transform:scale(1.06); }
body.archive.category .post-inner-wrap{ padding:20px 22px 6px; flex-grow:1; }
body.archive.category .post-title-wrap h2{ font-size:1.2rem; line-height:1.3; margin:0 0 10px; }
body.archive.category .post-title-wrap h2 a{ color:var(--ha-ink); font-weight:700; }
body.archive.category .post-title-wrap h2 a:hover{ color:var(--ha-green); }
body.archive.category .post-excerpt-wrap p{
  color:var(--ha-body); font-size:.97rem; line-height:1.6; margin:0;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
body.archive.category .post-footer-wrap{ padding:14px 22px 20px; border-top:1px solid var(--ha-line); margin-top:auto; }
body.archive.category .post-footer-wrap .author-meta li{ color:var(--ha-body); font-size:.85rem; }
body.archive.category .post-footer-wrap .author-meta i.houzez-icon{ color:var(--ha-lime-d); }
body.archive.category .post-footer-wrap a.btn.btn-primary{
  background:transparent; color:var(--ha-green); border:1px solid var(--ha-line); border-radius:999px;
  padding:5px 15px; font-weight:600; font-size:.85rem; line-height:1.4;
  transition:background .2s, color .2s, border-color .2s;
}
body.archive.category .post-footer-wrap a.btn.btn-primary:hover{
  background:var(--ha-green); color:#fff; border-color:var(--ha-green); filter:none;
}

/* pagination (shared look) */
body.archive .pagination .page-numbers,
body.archive .pagination li a, body.archive .pagination li span{
  border-radius:10px; border-color:var(--ha-line); color:var(--ha-ink);
}
body.archive .pagination .current{ background:var(--ha-green); border-color:var(--ha-green); color:#fff; }

@media (prefers-reduced-motion: reduce){
  body.tax-property_status .item-wrap-v1,
  body.tax-property_status .listing-thumb img,
  body.archive.category .post-wrap,
  body.archive.category .post-thumbnail-wrap img{ transition:none !important; transform:none !important; }
}
@media (max-width:600px){
  body.archive.category .bt-content-wrap{ grid-template-columns:1fr; }
}

/* ---- Top search bar polish (archives/search where it belongs) ----------- */
.advanced-search.advanced-search-nav{
  background:var(--ha-tint) !important; border-bottom:1px solid var(--ha-line); padding:16px 0 !important;
}
.advanced-search-nav .houzez-search-form-js .btn,
.advanced-search-nav .houzez-search-form-js button[type="submit"]{
  background:linear-gradient(120deg,var(--ha-green),var(--ha-lime)) !important; border:0 !important; border-radius:10px !important;
}
.advanced-search-nav .bootstrap-select > .dropdown-toggle,
.advanced-search-nav .form-control{ border-radius:10px !important; border-color:var(--ha-line) !important; }

/* ---- v7: fix search-bar selects (were green) + 3-per-row grid ----------- */
.advanced-search-nav .bootstrap-select > button.dropdown-toggle,
.advanced-search-nav .btn.dropdown-toggle,
.advanced-search-nav select.form-control,
.advanced-search-nav input.form-control{
  background:#fff !important; background-image:none !important; color:#48584f !important;
  border:1px solid #e2e8e2 !important; border-radius:10px !important; box-shadow:none !important;
  font-weight:500 !important;
}
.advanced-search-nav .bootstrap-select .filter-option-inner-inner,
.advanced-search-nav .dropdown-toggle .filter-option{ color:#48584f !important; }
.advanced-search-nav input.form-control::placeholder{ color:#9aa8a0 !important; }
/* keep ONLY the real submit button on brand gradient */
.advanced-search-nav button[type="submit"],
.advanced-search-nav .btn-search,
.advanced-search-nav .search-btn{
  background:linear-gradient(120deg,#337C45,#78C720) !important; color:#fff !important;
  border:0 !important; border-radius:10px !important;
}

/* property archive grid → 3 per row on desktop (was 2, lots of empty space) */
body.tax-property_status .listing-view.grid-view{
  display:grid !important; grid-template-columns:repeat(3,1fr) !important; gap:24px !important;
}
body.tax-property_status .listing-view.grid-view > .item-listing-wrap{
  width:auto !important; max-width:none !important; flex:none !important; margin:0 !important;
}
@media (max-width:1000px){ body.tax-property_status .listing-view.grid-view{ grid-template-columns:repeat(2,1fr) !important; } }
@media (max-width:600px){ body.tax-property_status .listing-view.grid-view{ grid-template-columns:1fr !important; } }

/* toolbar (count + sort) — tidy */
body.tax-property_status .listing-tools-wrap .listing-sort-by select,
body.tax-property_status .listing-tools-wrap .bootstrap-select > .dropdown-toggle{
  background:#fff !important; border:1px solid #e2e8e2 !important; border-radius:8px !important; color:#48584f !important;
}

/* ---- v8: archive HEADER redesign (breadcrumb + title + toolbar) --------- */
body.tax-property_status .page-title-wrap,
body.archive.category .page-title-wrap{
  background:linear-gradient(180deg,#f4f8f3,#eaf2e8) !important;
  border-bottom:1px solid #dbe7d9 !important; padding:34px 0 30px !important; margin-bottom:0 !important;
}
body.tax-property_status .breadcrumb-wrap,
body.archive.category .breadcrumb-wrap{ margin-bottom:10px; }
body.tax-property_status .breadcrumb,
body.archive.category .breadcrumb{ background:transparent !important; padding:0 !important; margin:0 !important; font-size:.85rem; }
body.tax-property_status .breadcrumb-item a,
body.archive.category .breadcrumb-item a{ color:#5a6b62 !important; text-decoration:none; }
body.tax-property_status .breadcrumb-item a:hover{ color:#337C45 !important; }
body.tax-property_status .breadcrumb-item.active,
body.archive.category .breadcrumb-item.active{ color:#337C45 !important; font-weight:600; }
body.tax-property_status .page-title h1,
body.archive.category .page-title h1{
  font-family:'Montserrat',sans-serif !important; font-weight:800 !important; color:#1d2b22 !important;
  font-size:clamp(1.8rem,1.3rem+1.6vw,2.6rem) !important; margin:0 !important; letter-spacing:-.01em;
}
/* view-switch icons */
body.tax-property_status .listing-switch-view a{ color:#7c8b82; }
body.tax-property_status .listing-switch-view a.active,
body.tax-property_status .listing-switch-view a:hover{ color:#337C45; }

/* results toolbar (count + sort) */
body.tax-property_status .listing-tools-wrap{
  background:#fff !important; border:1px solid #e7ece8 !important; border-radius:14px !important;
  padding:14px 22px !important; box-shadow:0 10px 30px -18px rgba(20,60,35,.2) !important;
  margin:24px 0 !important; display:flex; align-items:center; gap:14px; flex-wrap:wrap;
}
body.tax-property_status .listing-tabs{ font-family:'Montserrat',sans-serif; font-weight:800 !important; color:#1d2b22 !important; font-size:1.05rem; }
body.tax-property_status .listing-tabs .listing-total-results,
body.tax-property_status .listing-tabs strong{ color:#337C45 !important; }
body.tax-property_status .listing-sort-by{ display:flex; align-items:center; gap:8px; }
body.tax-property_status .listing-sort-by label,
body.tax-property_status .listing-sort-by .sort-label{ color:#5a6b62 !important; font-weight:600; font-size:.88rem; white-space:nowrap; }
body.tax-property_status .listing-sort-by .bootstrap-select > .dropdown-toggle,
body.tax-property_status .listing-sort-by select{
  background:#f4f8f3 !important; border:1px solid #dbe4db !important; border-radius:10px !important;
  color:#1d2b22 !important; font-weight:600 !important; padding:8px 14px !important; box-shadow:none !important;
}

/* v8.1: separate the count from the sort control */
body.tax-property_status .listing-tools-wrap{ justify-content:space-between !important; }
body.tax-property_status .listing-tabs{ flex:1 1 auto !important; }
body.tax-property_status .listing-sort-by{ flex:0 0 auto !important; margin-left:auto; }

/* v8.2: correct toolbar flex — count left, sort right (real class is .sort-by) */
body.tax-property_status .listing-tools-wrap{ display:block !important; }
body.tax-property_status .listing-tools-wrap > .d-flex{ display:flex !important; align-items:center !important; width:100% !important; margin:0 !important; gap:14px; }
body.tax-property_status .listing-tabs.flex-grow-1{ flex:1 1 auto !important; }
body.tax-property_status .sort-by{ flex:0 0 auto !important; margin-left:auto !important; }
body.tax-property_status .sort-by .sort-by-title{ color:#5a6b62 !important; font-weight:600; white-space:nowrap; margin-right:8px; }
body.tax-property_status .sort-by .selectpicker + .dropdown-toggle,
body.tax-property_status .sort-by .bootstrap-select > .dropdown-toggle{
  background:#f4f8f3 !important; border:1px solid #dbe4db !important; border-radius:10px !important; color:#1d2b22 !important; box-shadow:none !important;
}

/* ===== v9: neutral #e9e9e9 archive header (per request) =================== */
/* filter/search bar */
body.tax-property_status .advanced-search.advanced-search-nav,
body.archive.category .advanced-search.advanced-search-nav{
  background:#e9e9e9 !important; border-bottom:1px solid #dcdcdc !important;
}
/* breadcrumbs + heading band */
body.tax-property_status .page-title-wrap,
body.archive.category .page-title-wrap{
  background:#e9e9e9 !important; border-bottom:1px solid #dcdcdc !important;
  padding:28px 0 26px !important;
}
/* colours tuned for the grey ground */
body.tax-property_status .page-title h1,
body.archive.category .page-title h1{ color:#222 !important; }
body.tax-property_status .breadcrumb-item a,
body.archive.category .breadcrumb-item a{ color:#6a6a6a !important; }
body.tax-property_status .breadcrumb-item a:hover,
body.tax-property_status .breadcrumb-item.active,
body.archive.category .breadcrumb-item.active{ color:#337C45 !important; }
body.tax-property_status .listing-switch-view a{ color:#8a8a8a; }
body.tax-property_status .listing-switch-view a.active,
body.tax-property_status .listing-switch-view a:hover{ color:#337C45; }
/* search select fields: crisp white on the grey bar */
body.tax-property_status .advanced-search-nav .bootstrap-select > button.dropdown-toggle,
body.tax-property_status .advanced-search-nav .btn.dropdown-toggle,
body.tax-property_status .advanced-search-nav select.form-control,
body.tax-property_status .advanced-search-nav input.form-control{
  background:#fff !important; border:1px solid #d4d4d4 !important;
}
/* results toolbar: white card floats cleanly on the grey */
body.tax-property_status .listing-tools-wrap{
  background:#fff !important; border:1px solid #dcdcdc !important;
  box-shadow:0 6px 18px -12px rgba(0,0,0,.25) !important;
}
body.tax-property_status .listing-tabs.flex-grow-1{ color:#222 !important; }
body.tax-property_status .sort-by .selectpicker + .dropdown-toggle,
body.tax-property_status .sort-by .bootstrap-select > .dropdown-toggle{
  background:#f2f2f2 !important; border:1px solid #d4d4d4 !important; color:#222 !important;
}