/* ─── DZĪVOKĻU LAPAS (body.is-flats) ───────────────────────────────────────────
   Dzīvokļa lapa, kartītes (līdzīgie; saraksts/favorīti tās pašas), saraksts ar filtru, favorīti, ziņas lapa
   (404/503) un nav variants. .sr-only — app.css (to lieto arī landing nav ♥).
   Palete — Figma 1:13689; fonti un --color-* no app.css. Izmēri — Figma @1440 (1:9842, 22:10294/10295/10328,
   22:11427). Tipogrāfija aprēķināta no burtu augstuma screenshotos pēc fontu metrikas: PPMuseum cap .70,
   Founders Grotesk cap .63 (numurs/virsraksti ≈204–207 px, platība/cena 30 px, parametri 16 px). Treknraksta nav —
   ielādēts tikai FG 400 un PPMuseum 300, izcēlumu dod krāsa. */

:root {
  --color-page: #FAF8F6;
  --color-card: #F3EFE9;
  --color-panel: #F6F2ED;
  --color-beige: #D0BDA6;
  --flats-line: rgba(110, 84, 63, .35);   /* tikai dekoratīvām līnijām/apmalēm — ne tekstam (kontrasts) */
  --flats-gutter: 2.5rem;          /* satura sānu atkāpe (Figma 40 px) */
}

body.is-flats {
  background-color: var(--color-page);
  color: var(--color-dark-brown);
}

/* JS un serveris slēpj ar [hidden] — tam jāuzvar arī elementiem ar savu display */
.is-flats [hidden] {
  display: none !important;
}

.nav--flats :focus-visible,
.flat :focus-visible,
.flats_list :focus-visible,
.flats_favs :focus-visible,
.flats_msg :focus-visible {
  outline: 2px solid var(--color-dark-brown);
  outline-offset: 3px;
}

/* ─── NAV: statiska bēšā josla (landing — absolūta pār hero). Malas = satura atkāpe (Figma 40 px, ne 4vw);
   līnija zem nav Figma nav (uz bēšā tā arī nebūtu redzama). Poga «Reģistrēt interesi» — kā landing. ────── */

.nav--flats {
  position: relative;
  inset: auto;
  background-color: var(--color-beige);
  box-shadow: 0 1px 0 var(--color-beige);   /* nav augstums daļpikseļos → gaiša šuve pret bēšo saturu zem tās */
}

.nav--flats .nav_top-wrapper {
  padding-left: var(--flats-gutter);
  padding-right: var(--flats-gutter);
}

.nav--flats .nav_top-line {
  display: none;
}

/* ─── DZĪVOKLIS (Figma 1:9842): kreisā info kolonna 385 px (40 + 301 + 44) + full-bleed panelis labajā ─── */

.flat_top {
  display: grid;
  grid-template-columns: minmax(18rem, 24.0625rem) minmax(0, 1fr);
  padding-top: 1.5rem;
  background-color: var(--color-beige);
}

.flat_info {
  padding: 0 2.75rem 3rem var(--flats-gutter);
}

/* «← Atpakaļ» — kontūras pill 33 px; FG burti sēž augstu → padding augšā, bultiņu atceļ atpakaļ */
.flat_back {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  height: 2.0625rem;
  padding: .37em 1.25rem 0;
  border: 1px solid var(--color-dark-brown);
  border-radius: 2rem;
  color: var(--color-dark-brown);
  font-size: .8125rem;
  line-height: 1;
  text-decoration: none;
  transition: background-color .25s ease, color .25s ease;
}

.flat_back img {
  width: .6875rem;
  height: auto;
  margin-top: -.37em;
}

.flat_back:hover {
  background-color: var(--color-dark-brown);
  color: var(--color-panel);
}

.flat_back:hover img {
  filter: brightness(0) invert(1);
}

.flat_nr {
  margin: 1.625rem 0 0;
  color: var(--color-dark-brown);
  font-family: var(--font-display);
  font-weight: 300;
  font-size: clamp(5rem, 14.2vw, 12.75rem);
  line-height: .8;
  white-space: nowrap;
}

/* 3 zīmes (piem. D10) neietilpst 301 px kolonnā pie pilnā izmēra */
.flat_nr--long {
  font-size: clamp(4rem, 10.2vw, 9.25rem);
}

.flat_area,
.flat_price {
  margin: 0;
  font-size: 1.875rem;
  line-height: 1.33;
}

.flat_area {
  margin-top: 1.5625rem;
  text-transform: uppercase;
}

.flat_params {
  display: grid;
  gap: .3125rem;
  margin: 2.5rem 0 0;
  padding-top: 2.5rem;
  border-top: 1px solid var(--flats-line);
  font-size: 1rem;
  line-height: 1.5;
}

.flat_params > div {
  display: grid;
  grid-template-columns: 8.3125rem minmax(0, 1fr);
}

.flat_params dt {
  color: var(--color-dark-brown);   /* ne alfa — bēšajā fonā (--color-beige) alfa nokrīt zem AA kontrasta */
}

.flat_params dd {
  margin: 0;
}

/* «Piesaki apskati» — pilna platuma pildīts pill 60 px (klase nav_button — tā pati tipogrāfija) */
.flat_apply {
  width: 100%;
  height: 3.75rem;
  margin-top: 3rem;
  padding: .37em 1.5rem 0;
  border: 0;
  border-radius: 1.875rem;
  background-color: var(--color-dark-brown);
  color: var(--color-panel);
  line-height: 1;
}

.flat_apply:hover {
  background-color: var(--color-stroke);
}

.flat_panel {
  position: relative;
  display: grid;
  place-items: center;
  min-height: clamp(34rem, calc(100vh - 9rem), 48rem);
  padding: 6.5rem 3rem 8.5rem;     /* plāns nedaudz virs vertikālā centra (Figma) */
  background-color: var(--color-panel);
}

.flat_actions {
  position: absolute;
  top: 3.5rem;
  right: 2.5rem;
  display: flex;
  gap: .625rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.flat_actions li {
  position: relative;
}

/* Apļa ikonu pogas (lejupielāde, dalīšanās, ♥) — 40 px kontūra; ♥ arī kartītē */
.flat-fav,
.flat_actions a,
.flat_actions button {
  display: grid;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  border: 1px solid var(--color-dark-brown);
  border-radius: 50%;
  background-color: transparent;
  color: var(--color-dark-brown);
  font: inherit;
  cursor: pointer;
  transition: background-color .25s ease;
}

.flat-fav:hover,
.flat_actions a:hover,
.flat_actions button:hover {
  background-color: rgba(110, 84, 63, .1);
}

.flat-fav[aria-pressed="true"],
.flat-fav[aria-pressed="true"]:hover {
  background-color: var(--color-dark-brown);
}

.flat-fav img,
.flat_actions img {
  display: block;
}

.flat-fav[aria-pressed="true"] img {
  filter: brightness(0) invert(1);
}

/* «Saite nokopēta» (js/flats.js) — role="status" paliek a11y kokā, redzamību vada tikai opacity */
.flat_toast {
  position: absolute;
  top: calc(100% + .625rem);
  right: 0;
  margin: 0;
  padding: .55rem .9rem .4rem;
  border-radius: 1rem;
  background-color: var(--color-dark-brown);
  color: var(--color-panel);
  font-size: .75rem;
  line-height: 1;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease;
}

.flat_toast.is-visible {
  opacity: 1;
}

/* Plāna pārslēgs nemēbelēts/mēbelēts (Figma 1:9842, tikai ar abiem plāniem). Desktop: absolūts paneļa kreisajā
   augšējā stūrī — .flat_actions un šis abi izņemti no plūsmas, tāpēc .flat_plan grid centrējums neizjūk.
   ≤767 px (sk. RESPONSĪVS): position static → kļūst par .flat_panel grid rindu PIRMS .flat_plan (vienas kolonnas
   auto-flow, place-items centrē) — automātiski virs plāna un zem darbību ikonām, bez pārklāšanās aprēķina. */
.flat_plan-toggle {
  position: absolute;
  top: 3.625rem;
  left: 3.125rem;
  z-index: 1;
  display: inline-flex;
  gap: .125rem;
  padding: .3125rem;
  border: 1px solid var(--color-dark-brown);
  border-radius: 2rem;
}

.flat_plan-toggle button {
  height: 2.4375rem;
  padding: .37em 1.125rem 0;    /* FG burti sēž augstu, kā .flat_back/.flats_circle */
  border: 0;
  border-radius: 2rem;
  background-color: transparent;
  color: var(--color-dark-brown);
  font-family: var(--font-body);
  font-size: .75rem;
  line-height: 1;
  letter-spacing: .06em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color .25s ease, color .25s ease;
}

.flat_plan-toggle button:hover {
  background-color: rgba(110, 84, 63, .1);
}

/* Pēc :hover avotā — lai nospiestai pogai fons paliek brūns arī peles klātbūtnē (kā .flats_circle) */
.flat_plan-toggle button[aria-pressed="true"] {
  background-color: var(--color-dark-brown);
  color: var(--color-panel);
}

.flat_plan {
  display: grid;
  place-items: center;
  width: 100%;
  margin: 0;
}

.flat_plan img {
  display: block;
  width: 100%;
  max-width: 44rem;
  height: auto;
  max-height: 34rem;
  object-fit: contain;
}

/* Zīmējamais plāns (js/flats.js planMount) <img> vietā — tā pati kaste; iekšējā svg izmēru dod shadow <style> */
.flat_plan-svg {
  display: block;
  width: 100%;
  max-width: 44rem;
}

/* Plāna vietā (kamēr nav augšupielādēts) — liels, blāvs numurs kā tipogrāfiska plāksne */
.flat_ph {
  color: rgba(110, 84, 63, .14);
  font-family: var(--font-display);
  font-weight: 300;
  font-size: clamp(7rem, 20vw, 18rem);
  line-height: .8;
  white-space: nowrap;
  user-select: none;
}

/* ─── LĪDZĪGIE + KARTĪTES (Figma 22:11427; tās pašas sarakstā un favorītos) ───────────────────────────── */

.flats_similar {
  padding: 5.5rem var(--flats-gutter) 0;
}

.flats_h2 {
  margin: 0 0 5rem;
  color: var(--color-dark-brown);
  font-family: var(--font-display);
  font-weight: 300;
  font-size: clamp(2.5rem, 7.1vw, 6.375rem);
  line-height: 1;
  text-transform: uppercase;
}

.flats_grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.flat-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 34.375rem;            /* 550 px (54:6) — visām kartītēm rāda cenu/uzlīmi, tāpēc der Figma «ar cenu» */
  padding: 2.75rem 2.375rem 3.3125rem;
  background-color: var(--color-card);
}

.flat-card:hover {
  outline: 1px solid var(--color-dark-brown);
  outline-offset: -1px;
}

/* Fokusa gredzens tikai tastatūrai, ne pelei (:focus-within reaģē arī uz peles klikšķi uz ♥ pogu — paliek
   redzams pēc klikšķa, kas ir WAI-ARIA/WCAG anti-pattern). Fallback bez :has() atbalsta: gredzens uz pašas
   saites (:focus-visible pats jau ignorē peles klikšķi); ar :has() to paplašinām uz visu kartīti un saites
   pašas gredzenu izslēdzam, lai nedublējas. */
.flat-card_link:focus-visible {
  outline: 2px solid var(--color-dark-brown);
  outline-offset: -2px;
}

.flat-card:has(:focus-visible) {
  outline: 2px solid var(--color-dark-brown);
  outline-offset: -2px;
}

.flat-card:has(:focus-visible) .flat-card_link:focus-visible {
  outline: none;
}

.flat-card_top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;          /* ♥ līdzinās ar meta 1. rindu, ne visa 3-rindu bloka centru (54:6) */
  gap: 1rem;
}

.flat-card_meta {
  margin: 0;
  color: var(--color-dark-brown);   /* ne alfa — kartītes fonā (--color-card) alfa nokrīt zem AA kontrasta */
  font-size: 1rem;
  line-height: 1.25;
  letter-spacing: .04em;
  text-transform: uppercase;
}

/* Platība treknrakstā (Jurģis 2026-09-28: 600). Webam ir tikai Founders Grotesk Regular — bold sintezē pārlūks */
.flat-card_meta strong {
  color: var(--color-dark-brown);
  font-weight: 600;
}

/* ♥ virs «stretched» saites; Figma 54:6 — ~50 px no kartītes labās malas */
.flat-card .flat-fav {
  position: relative;
  z-index: 1;
  flex: none;
  margin-right: .75rem;
}

.flat-card_link {
  display: block;
  align-self: center;
  width: 15.8125rem;
  max-width: 100%;
  margin-top: 2rem;
  color: inherit;
  text-decoration: none;
}

.flat-card_link::after {
  content: "";
  position: absolute;
  inset: 0;
}

.flat-card_img {
  display: grid;
  place-items: center;
  aspect-ratio: 1;
}

.flat-card_img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.flat-card_ph {
  color: rgba(110, 84, 63, .28);
  font-family: var(--font-display);
  font-weight: 300;
  font-size: 6.5rem;
  line-height: .8;
  white-space: nowrap;
}

.flat-card_bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  min-height: 1.875rem;
  margin-top: auto;
  padding-top: 1.5rem;
}

.flat-card_price {
  margin: 0;
  font-size: 1rem;
}

/* Statusa uzlīme — pill 30 px (Figma 20:10140); pārdots — kontūra, lai atšķiras no rezervēta */
.flat-card_badge,
.flat_badge {
  display: inline-flex;
  align-items: center;
  height: 1.875rem;
  margin: 0;
  padding: .37em 1.25rem 0;
  border: 1px solid var(--color-dark-brown);
  border-radius: .9375rem;
  background-color: var(--color-dark-brown);
  color: var(--color-panel);
  font-size: .625rem;
  line-height: 1;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
}

.flat-card_badge {
  margin-left: auto;
}

.flat_badge {
  margin-top: .75rem;
}

.flat-card.is-sold .flat-card_badge,
.flat_badge--sold {
  background-color: transparent;
  color: var(--color-dark-brown);
}

/* «Ielādēt vairāk» — centrēts, pasvītrots teksts (Figma 22:10385) */
.flats_more {
  display: block;
  margin: 3.5rem auto 0;
  padding: 0 .25rem .5rem;
  border: 0;
  border-bottom: 1px solid currentColor;
  background: none;
  color: var(--color-dark-brown);
  font-family: var(--font-body);
  font-size: 1rem;
  line-height: 1.25;
  cursor: pointer;
}

.flats_notes {
  margin: 0;
  padding: 4.5rem var(--flats-gutter) 5rem;
  color: var(--color-dark-brown);   /* ne alfa — lapas fonā (--color-page) alfa nokrīt zem AA kontrasta */
  font-size: .8125rem;
  line-height: 1.6;
}

/* ─── ZIŅAS LAPA (404/503) — tā pati bēšā galva ar virsrakstu un līniju kā sarakstam ─────────────────── */

.flats_hero {
  padding: 4.25rem var(--flats-gutter) 5rem;
  background-color: var(--color-beige);
}

.flats_title {
  margin: 0;
  padding-bottom: 4.5rem;
  border-bottom: 1px solid var(--flats-line);
  color: var(--color-dark-brown);
  font-family: var(--font-display);
  font-weight: 300;
  font-size: clamp(2.5rem, 13.9vw, 12.5rem);
  line-height: .8;
  text-transform: uppercase;
}

/* RU «Резиденции» (7,3 em) un «Избранное» (6,4 em) 14,4vw kolonnā neietilpst (LV/EN ≤ 5,8 em) → izmērs pēc
   satura platuma, citādi lapa ritinās horizontāli */
:lang(ru) .flats_title {
  font-size: min(13rem, calc((100vw - 2 * var(--flats-gutter)) / 7.5));
}

.flats_msg-text {
  max-width: 40rem;
  margin: 3rem 0 0;
  font-size: 1.5rem;
  line-height: 1.4;
}

.flats_msg-link {
  margin-top: 2rem;
}

/* ─── SARAKSTS «REZIDENCES» (Figma 54:6, atjauninātais kadrs) un FAVORĪTI (1:2032) ──────────────────────
   Tā pati bēšā galva (.flats_hero/.flats_title); sarakstā zem līnijas filtra rinda VIENMĒR 2 rindās (54:6,
   arī ≥1400 px): 1. apļu grupas (.flats_filter-groups, 58 px atstarpe), 2. slaidi + «notīrīt» (.flats_filter-controls,
   88 px atstarpe) — katrai savs flex konteiners, jo viena kopīga "gap" vērtība abām neder. Mazie UI teksti
   (etiķetes, skaits, kārtošana): Figma burtu augstums ≈8,5 px → 13 px (FG cap .63). */

/* Virsraksta līnija (divider) tikai sarakstam ≈ y403 (54:6) — favorītu 1:2032 nemaina, tā jau sakrīt ≈y429 */
.flats_list .flats_title {
  padding-bottom: 3.3125rem;
}

.flats_list .flats_hero {
  padding-bottom: 2.6875rem;
}

.flats_favs .flats_hero {
  padding-bottom: 7.5rem;          /* Figma: 120 px zem līnijas */
}

.flats_filter {
  display: flex;
  flex-direction: column;
  row-gap: 2.625rem;
  margin-top: 3rem;
}

/* 1. rinda: KĀPŅUTELPA / STĀVS / ISTABAS apļi. Grupu atstarpe 58 px (Figma); pie mūsu datiem (7 stāvi, 4 istabas)
   grupas ir platākas nekā Figma paraugā — datu atšķirība, ne kļūda. */
.flats_filter-groups {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  column-gap: 3.625rem;
  row-gap: 1.5rem;
}

/* 2. rinda: PLATĪBA + CENA slaidi un «notīrīt filtru», 88 px atstarpe (arī pirms «notīrīt») */
.flats_filter-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  column-gap: 5.5rem;
  row-gap: 1.25rem;
}

.flats_label,
.flats_range-values,
.flats_clear,
.flats_count,
.flats_sort-toggle {
  color: var(--color-dark-brown);
  font-family: var(--font-body);
  font-size: .8125rem;
  line-height: 1.2;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.flats_label {
  margin: 0 0 1.5rem;
}

.flats_circles {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}

/* Aplis 40 px (Figma 20:10040): kontūra; nospiests — brūns ar gaišu tekstu; disabled — kāpņutelpa bez dzīvokļiem */
.flats_circle {
  display: grid;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  padding: .38em 0 0;              /* FG cipari/burti sēž augstu līnijas kastē — .38em: glifu centrs = apļa centrs (±0,1 px) */
  border: 1px solid var(--color-dark-brown);
  border-radius: 50%;
  background-color: transparent;
  color: var(--color-dark-brown);
  font-family: var(--font-body);
  font-size: 1rem;
  line-height: 1;
  cursor: pointer;
  transition: background-color .25s ease, color .25s ease;
}

.flats_circle:hover {
  background-color: rgba(110, 84, 63, .1);
}

.flats_circle[aria-pressed="true"] {
  background-color: var(--color-dark-brown);
  color: var(--color-panel);
}

.flats_circle:disabled {
  background-color: transparent;
  opacity: .35;
  cursor: not-allowed;
}

/* 54:6: PLATĪBA un CENA vienmēr blakus (2 kolonnas), ne kaudzē — arī ≥1400 px (agrāk tikai ≤1399 px) */
.flats_ranges {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 5.5rem;              /* 88 px, Figma */
  width: 44.25rem;                 /* 708 px = 2 × 310 + 88 */
  max-width: 100%;
}

/* noUiSlider: 1 px līnija (neizvēlētā daļa — dekoratīva, ar alfa), izvēlētā — brūna. Rokturis — 16 px brūns aplis
   32 px trāpījuma laukumā (skārienam); malas .5rem, lai galējie rokturi nepārkāpj kolonnu. */
.flats_range {
  margin: 0 .5rem;
}

.flats_range.noUi-target {
  height: 1px;
  border: 0;
  border-radius: 0;
  background-color: var(--flats-line);
  box-shadow: none;
}

.flats_range .noUi-connects {
  border-radius: 0;
}

.flats_range .noUi-connect {
  background-color: var(--color-dark-brown);
}

.flats_range.noUi-horizontal .noUi-handle {
  top: calc(.5px - 1rem);
  right: -1rem;
  width: 2rem;
  height: 2rem;
  border: 0;
  border-radius: 50%;
  background: transparent;
  box-shadow: none;
  cursor: grab;
}

.flats_range.noUi-horizontal .noUi-handle.noUi-active {
  cursor: grabbing;
}

.flats_range .noUi-handle::before {
  content: "";
  top: .5rem;
  left: .5rem;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: var(--color-dark-brown);
}

.flats_range .noUi-handle::after {
  display: none;
}

.flats_range .noUi-handle:focus-visible {
  outline-offset: -.3125rem;       /* gredzens ap redzamo apli, ne ap trāpījuma laukumu */
}

/* Etiķetes (design-spec §4: zem sava roktura): js/flats.js liek left px pēc FlatsCore.rangeLabels (kastes robežās;
   tuvumā viena apvienota «a – b»). Bez JS / pirms tā — diapazona galos (0 % un 100 %). */
.flats_range-values {
  position: relative;
  height: 1.2em;
  margin: 1.125rem 0 0;
}

.flats_range-values > span {
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
}

.flats_range-values > [data-range-max] {
  right: 0;
  left: auto;
}

.flats_range-values > [data-range-both],
.flats_range-values.is-merged > [data-range-min],
.flats_range-values.is-merged > [data-range-max] {
  visibility: hidden;                /* ne display: none — js/flats.js mēra visu trīs platumu */
}

.flats_range-values.is-merged > [data-range-both] {
  visibility: visible;
}

/* «↺ Notīrīt filtru» — filtra rindā slaida līnijas augstumā; tukšajā stāvoklī zem teksta */
.flats_clear {
  display: inline-flex;
  align-items: center;
  gap: .9375rem;
  padding: .25rem 0;
  border: 0;
  background: none;
  cursor: pointer;
}

.flats_filter .flats_clear {
  margin-top: 1.7rem;              /* pogas centrs = slaida līnija (etiķete 15,6 px + 24 px) */
}

.flats_clear img {
  flex: none;
  width: 1.1875rem;
  height: auto;
  margin-top: -.2em;
}

.flats_clear:hover img {
  transform: rotate(-180deg);
}

@media (prefers-reduced-motion: no-preference) {
  .flats_clear img {
    transition: transform .5s cubic-bezier(.28, 0, .18, 1);
  }
}

.flats_results {
  padding: 4.75rem var(--flats-gutter) 0;
}

.flats_favs .flats_results {
  padding-top: 4.5rem;
}

.flats_bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .75rem 2rem;
  margin-bottom: 1.75rem;
}

.flats_count {
  margin: 0;
}

/* Kārtošana (Figma 20:10110/20:10146): «Kārtot pēc» + vērtība ⌄; balts panelis ar snīpi. Aktīvais atšķiras ar krāsu
   (design-spec §5 — ne treknrakstu: FG ielādēts tikai 400) + pasvītrojumu (ne tikai krāsa, WCAG 1.4.1) */
.flats_sort {
  position: relative;
}

.flats_sort-toggle {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .25rem 1.25rem;
  padding: .25rem 0;
  border: 0;
  background: none;
  text-align: left;
  cursor: pointer;
}

.flats_sort-current {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
}

.flats_sort-current img {
  flex: none;
  width: .5rem;
  height: auto;
  margin-top: -.2em;
  transition: transform .25s ease;
}

.flats_sort-toggle[aria-expanded="true"] img {
  transform: rotate(180deg);
}

.flats_sort-list {
  position: absolute;
  top: calc(100% + .875rem);
  right: 0;
  z-index: 5;
  min-width: 13.5rem;
  margin: 0;
  padding: 1.125rem 1.5rem;
  list-style: none;
  background-color: #fff;
  box-shadow: 0 .5rem 1.5rem rgba(110, 84, 63, .12);
}

.flats_sort-list::before {
  content: "";
  position: absolute;
  top: -.375rem;
  right: 1.125rem;
  width: .75rem;
  height: .75rem;
  background-color: #fff;
  transform: rotate(45deg);
}

.flats_sort-list button {
  display: block;
  width: 100%;
  padding: .375rem 0;
  border: 0;
  background: none;
  color: #846E5C;                    /* klusināts brūns: 4,81:1 uz #fff (WCAG AA ≥ 4,5) */
  font-family: var(--font-body);
  font-size: .75rem;
  line-height: 1;
  letter-spacing: .06em;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
}

.flats_sort-list button:hover,
.flats_sort-list button[aria-pressed="true"] {
  color: var(--color-dark-brown);    /* 6,99:1 */
}

.flats_sort-list button[aria-pressed="true"] {
  text-decoration: underline;
  text-underline-offset: .25em;
}

/* Kamēr js/flats.js nav sakārtojis pēc URL filtra — bez pirmā kadra ar nefiltrētām kartītēm (bez JS: <noscript>).
   Drošības tīkls: ja JS neielādējas vai krīt, kartītes tomēr parādās pēc 3 s (nefiltrētas), nevis nekad. */
.flats_grid[data-pending] {
  visibility: hidden;
  animation: flats-unpend 0s 3s forwards;
}

@keyframes flats-unpend {
  to {
    visibility: visible;
  }
}

/* Tukšs rezultāts (saraksts: + «Notīrīt filtru») / tukši favorīti (+ saite uz sarakstu) */
.flats_empty {
  display: grid;
  justify-items: center;
  gap: 1.75rem;
  padding: 2.5rem 0 1rem;
  text-align: center;
}

.flats_empty-text {
  max-width: 34rem;
  margin: 0;
  font-size: 1.5rem;
  line-height: 1.4;
}

/* ─── RESPONSĪVS ────────────────────────────────────────────────────────────── */

/* Nav: mazāks logo, lai kreisā grupa (valodas + saite + ♥) neuzbrauc tam. ≤767 logo ir savā rindā ar savu izmēru
   (css/app.css .nav--extra) — šis augstums tur kopā ar tā platumu logo saspieda (168×22 px, proporcijā 168×17). */
@media screen and (min-width: 768px) and (max-width: 991px) {
  .nav--flats .nav_logo img {
    height: 1.375rem;
  }
}

@media screen and (max-width: 991px) {
  .nav--flats .nav_left {
    gap: 1.125rem;
  }

  .flats_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .flat_top {
    grid-template-columns: minmax(0, 1fr);
  }

  .flat_info {
    width: 100%;
    max-width: 34rem;
    padding: 0 var(--flats-gutter) 3rem;
  }

  .flat_panel {
    min-height: 30rem;
    padding: 6rem var(--flats-gutter) 4rem;
  }

  .flat_actions {
    top: 1.5rem;
    right: var(--flats-gutter);
  }
}

@media screen and (max-width: 767px) {
  :root {
    --flats-gutter: 1.25rem;
  }

  /* Nav divās rindās kopīgs ar landing (css/app.css .nav--extra, index.php uzstāda flats_public brīdī) —
     šeit tikai bēšā fona specifika: fiksētā FAB poga labajā augšējā stūrī tur vajag brūnu apmali. */
  .nav--flats .nav_right .nav_button,
  .nav--flats .nav_action {
    border-color: var(--color-dark-brown);
  }

  .flats_grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .flat-card {
    min-height: 0;
    padding: 1.75rem 1.5rem;
  }

  .flat_top {
    padding-top: 1rem;
  }

  .flat_area,
  .flat_price {
    font-size: 1.5rem;
  }

  .flat_params {
    margin-top: 2rem;
    padding-top: 2rem;
  }

  .flat_apply {
    margin-top: 2.5rem;
  }

  .flat_panel {
    min-height: 22rem;
    padding-top: 5rem;
  }

  /* Zem darbību ikonām (tās position: absolute, ārpus šīs plūsmas) un virs plāna, centrēts — sk. deklarāciju augšā */
  .flat_plan-toggle {
    position: static;
    margin: 0 0 1.5rem;
  }

  .flats_similar {
    padding-top: 3.5rem;
  }

  .flats_h2 {
    margin-bottom: 2.5rem;
  }

  .flats_notes {
    padding: 3rem var(--flats-gutter) 3.5rem;
  }

  .flats_hero {
    padding-top: 2.5rem;
    padding-bottom: 3.5rem;
  }

  .flats_title {
    padding-bottom: 2.5rem;
  }

  .flats_msg-text {
    font-size: 1.25rem;
  }

  .flats_list .flats_hero,
  .flats_favs .flats_hero {
    padding-bottom: 3.5rem;
  }

  /* Filtra grupas viena zem otras visā platumā; slaidi atkal viens zem otra */
  .flats_filter {
    row-gap: 1.75rem;
    margin-top: 2.5rem;
  }

  /* flex (ne grid): grid netiešā kolonna izmērotos pēc .flats_ranges satura platuma (708 px) un pati kļūtu
     tikpat plata — tad max-width:100% vairs neko nesamazinātu (100 % no sava paša izmēra). */
  .flats_filter-groups,
  .flats_filter-controls {
    display: flex;
    flex-direction: column;
    gap: 1.75rem;
  }

  .flats_label {
    margin-bottom: 1.25rem;
  }

  .flats_ranges {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 1.75rem;
  }

  .flats_filter .flats_clear {
    align-self: flex-start;
    margin-top: 0;
  }

  .flats_results,
  .flats_favs .flats_results {
    padding-top: 3rem;
  }

  .flats_empty-text {
    font-size: 1.25rem;
  }
}