/*
 * Tropic Home - списък имоти: /имоти/, /apartments/, /villas/, търсене (B2.2).
 * Източник: makets/final/assets/maket.css, редове 435-454, 465-487, 502-505
 * (1:1). .field-sel/.field-in и .pag са в base.css (редове 455-464, 489-500).
 * position:absolute на .seg input е от макета (скрит radio под етикета).
 */

/* Инлайн стиловете на imoti.html като класове. */
.section--imoti { padding-top: 32px; }
.filters + .empty { margin-top: 16px; }

/* ==========================================================================
   Списък имоти (4.3)
   ========================================================================== */
.filters {
  position: sticky; top: calc(var(--header-h) + 16px); z-index: 20;
  display: grid; gap: 14px;
  padding: 18px;
  background: #fff; border: 1px solid var(--c-border); border-radius: var(--r-card);
  box-shadow: 0 6px 20px rgba(15, 30, 36, .06);
}
/* Ред 1: сегмент | търсене | бутон; ред 2: четирите селекта (не се режат). */
.filters__row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; align-items: center; }
.filters__row .seg { grid-row: 1; grid-column: 1 / 3; justify-self: start; }
.filters__search { grid-row: 1; grid-column: 3; }
.filters__actions { grid-row: 1; grid-column: 4; justify-content: flex-end; }
.seg { display: inline-flex; padding: 4px; background: var(--c-surface); border-radius: 12px; gap: 4px; }
.seg input { position: absolute; opacity: 0; pointer-events: none; }
.seg label { padding: 9px 14px; border-radius: 9px; font-weight: 600; font-size: 14px; line-height: 1.5; cursor: pointer; color: var(--c-muted); white-space: nowrap; }
.seg input:checked + label { background: #fff; color: var(--c-primary); box-shadow: 0 1px 4px rgba(15, 30, 36, .12); }
.seg input:focus-visible + label { outline: 2px solid var(--c-accent); }
.filters__actions { display: flex; align-items: center; gap: 12px; }
.filters__clear { font-size: 14px; font-weight: 500; color: var(--c-muted); }
.results-count { margin-block: 24px 20px; color: var(--c-muted); }
.results-count strong { color: var(--c-text); }
/* под 1100px 4 колони режат „Bangtao Beach, Laguna" - минава на 2 */
@media (max-width: 1099px) {
  .filters__row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .filters__row .seg, .filters__search, .filters__actions { grid-row: auto; }
  .filters__row .seg { grid-column: 1 / -1; }
  .filters__search { grid-column: 1; }
  .filters__actions { grid-column: 2; }
}
@media (max-width: 767px) {
  .filters { position: static; padding: 14px; }
  /* една колона: избраната стойност („до THB 100 000 000", „Цена: висока → ниска",
     дълъг район) не се реже; в 2 колони остават ~110px за текст */
  .filters__row { grid-template-columns: minmax(0, 1fr); }
  .filters__row .seg { grid-row: auto; grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, 1fr); width: 100%; }
  .filters__row .seg label { text-align: center; }
  .filters__search, .filters__actions { grid-row: auto; grid-column: 1 / -1; }
  .filters__actions { justify-content: flex-start; }
  .filters__actions .btn { flex: 1; }
}
.empty { display: grid; justify-items: center; gap: 14px; text-align: center; padding: var(--sp-block) 16px; border: 1px dashed var(--c-border); border-radius: var(--r-card); background: var(--c-surface); }
.empty .icon-circle { width: 64px; height: 64px; background: #fff; }
.empty .icon-circle svg { width: 30px; height: 30px; }
.empty p { color: var(--c-muted); }