/* ==========================================================================
   Doplňky pro verzi výpisu v CRM.
   Původní assets/css/style.css z webu zůstává beze změny — tady jsou jen věci,
   které web nemá: víc filtrovacích pilulek, prázdný výsledek a štítek Rezervace.
   Načítá se AŽ ZA style.css, takže má přednost.
   ========================================================================== */

/* Web má 5 pilulek, CRM jich může mít podle druhů obchodu i dvanáct.
   Bez zalomení by lišta přetekla a popisek „Zobrazit:" utekl mimo obrazovku. */
.searchbar__inner { flex-wrap: wrap; row-gap: 10px; }
.searchbar__chips { min-width: 0; }
.searchbar__field { min-width: 240px; }

@media (max-width: 900px) {
  .searchbar__field, .searchbar__submit { width: 100%; }
  .searchbar__submit { order: 3; }
}

/* prázdný výsledek filtru */
.listing__prazdno {
  grid-column: 1 / -1; margin: 0;
  padding: 46px 26px; text-align: center;
  background: var(--grey-bg); border-radius: 14px;
  font-family: 'Inter', sans-serif; font-size: 15px; line-height: 25px; color: var(--muted);
}
.listing__prazdno a { color: var(--ink); font-weight: 600; text-decoration: underline; }

/* rezervovaná nabídka — druhý štítek vpravo nahoře */
.pcard__badge--rezervace { left: auto; right: 12px; background: rgba(27, 22, 17, .92); color: #fdf8f0; }

/* řazení je ve formuláři, ať funguje bez JS; select musí splynout s rámečkem */
.listing__select { position: relative; padding-right: 12px; }
.listing__select select {
  -webkit-appearance: none; -moz-appearance: none; appearance: none;
  border: 0; outline: none; cursor: pointer; box-shadow: none;
  background: none; background-image: none;
  padding: 0 22px 0 4px; margin: 0; height: auto;
  font-family: 'Inter', sans-serif; font-size: 14px; color: var(--ink);
}
.listing__select select::-ms-expand { display: none; }
.listing__select .ico-xs { position: absolute; right: 14px; pointer-events: none; }

/* mapa v pravém sloupci má stejnou výšku jako na webu i bez iframe */
.listing__map .mapa { height: 520px; border: 1px solid var(--line); border-radius: 16px; background: #e5e3df; }
@media (max-width: 1200px) { .listing__map .mapa { height: 400px; } }

/* Pilulky filtru jsou v CRM odkazy <a>, ne <button> jako na webu. Pravidlo
   ve style.css (height: 40px) se na inline prvek nechytí — pilulky pak měly
   jinou výšku i účaří než pole „Hledat“ a mezi sebou skákaly podle délky textu. */
.searchbar__chip {
  display: inline-flex; align-items: center; justify-content: center;
  box-sizing: border-box; height: 40px; padding: 0 18px;
  line-height: 1; white-space: nowrap; text-decoration: none;
  color: var(--body);
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.searchbar__chip:hover { text-decoration: none; }
.searchbar__chip.is-active:hover { background: var(--ink); border-color: var(--ink); color: #fdf8f0; }
.searchbar__chip:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }

/* Nabídka bez fotografií: neutrální dlaždice místo obrázku „Neveřejná nabídka",
   který patří jen k neveřejným nabídkám. */
.pcard__nofoto, .pgal__cell--nofoto {
  display: flex; align-items: center; justify-content: center; text-align: center;
  background: repeating-linear-gradient(45deg, #f3ede5, #f3ede5 16px, #efe8df 16px, #efe8df 32px);
  color: #8e857b; font-family: 'Inter', sans-serif; font-size: 13px; font-weight: 500;
}
.pcard__nofoto { height: 170px; }
.pgal__cell--nofoto { min-height: 320px; font-size: 15px; border-radius: 14px; }
.pcard__nofoto span, .pgal__cell--nofoto span { padding: 0 18px; }

/* zamčená (neveřejná) nabídka ve výpisu — proč tam nic není a co s tím */
.pcard__zamek {
  display: flex; align-items: flex-start; gap: 7px; margin: 10px 0 0;
  font-family: 'Inter', sans-serif; font-size: 12.5px; line-height: 1.5; color: #786e63;
}
.pcard__zamek .ico-xs { flex: none; width: 14px; height: 14px; margin-top: 2px; color: #8a5a28; }
.pcard__zamek a { color: #1b1611; font-weight: 600; text-decoration: underline; }

/* ---------- Prodáno (reference na výpisu nabídek) ---------- */
.prodane { margin-top: 40px; padding-top: 30px; border-top: 1px solid var(--line); }
.prodane__uvod { color: var(--muted); font-family: 'Inter', sans-serif; font-size: 15px; margin: 8px 0 20px; }
/* stejná karta jako u ostatních nabídek — zašedlá je jen fotka, štítek zůstává barevný */
.pcard--prodano .pcard__thumb img { filter: grayscale(1); opacity: .85; }
.pcard--prodano .pcard__title, .pcard--prodano .pcard__addr { color: var(--muted); }
.pcard--prodano:hover { transform: none; box-shadow: none; }
.pcard--prodano .pcard__thumb { cursor: default; }
.pcard__badge--odlozeno {
  left: auto; right: 12px; background: #a8763a; color: #fff;
  box-shadow: 0 2px 10px rgba(168, 118, 58, .32);
}
.pcard__badge--prodano {
  left: auto; right: 12px; background: #1f7a4d; color: #fff;
  box-shadow: 0 2px 10px rgba(31, 122, 77, .35);
}

/* ---------- Hledáme pro naše klienty (poptávky pod výpisem) ---------- */
.hledame { margin-top: 40px; padding-top: 30px; border-top: 1px solid var(--line); }
.hledame__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; margin-top: 18px; }
.hledame__karta { background: #fdf8f0; border: 1px solid var(--line); border-radius: 14px; padding: 20px 20px 18px; }
.hledame__stitek { display: inline-block; background: rgba(216, 195, 165, .95); color: var(--ink);
  border-radius: 999px; padding: 5px 12px; font-family: 'Inter', sans-serif; font-size: 11px;
  font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.hledame__co { font-family: var(--font-display); font-size: 20px; line-height: 28px; font-weight: 600; margin: 12px 0 0; }
.hledame__doplnek { font-family: 'Inter', sans-serif; font-size: 14px; line-height: 22px; color: var(--muted); margin: 6px 0 0; }
.hledame__vyzva { font-family: 'Inter', sans-serif; font-size: 15px; line-height: 24px; color: var(--muted); margin: 16px 0 0; }
.hledame__vyzva a { color: var(--ink); font-weight: 600; text-decoration: underline; }

/* hodnocení klienta na kartě uzavřeného obchodu */
/* .pcard__body je flex sloupec, takže auto margin odsune hvězdičky až na spodní
   hranu karty — u karet s kratším textem tím nezůstane dole prázdné místo. */
.pcard__hodnoceni {
  display: flex; align-items: center; gap: 6px;
  margin-top: auto; padding-top: 9px; border-top: 1px solid var(--line);
}
/* u referencí sedí hodnocení co nejblíž spodní hraně, proto menší spodní odsazení karty */
.pcard--prodano .pcard__body { padding-bottom: 11px; }
.hvezdy { display: inline-flex; gap: 1.5px; }
.hvezda { width: 12px; height: 12px; flex: none; }
.hvezda__obrys { fill: none; stroke: #c8b394; stroke-width: 1.4; stroke-linejoin: round; }
.hvezda__vypln { fill: #c8912f; stroke: none; }
.hvezda--pul .hvezda__vypln { clip-path: inset(0 50% 0 0); }
.pcard__hodnoceni-cislo {
  font-family: 'Inter', sans-serif; font-size: 11px; font-weight: 600; color: #8e857b;
  font-variant-numeric: tabular-nums;
}