/* Našeptávač firiem z registra (js/firma-hladat.js).
   Vlastný súbor preto, že ten istý prvok je aj na verejnom webe (style.css), aj
   v administrácii (admin.css) - a tá istá vec nemá byť napísaná dvakrát. Farby sa
   berú z tokenov toho, kto ho práve načítal: najprv admin (--a-*), potom web,
   nakoniec pevná hodnota, aby prvok vyzeral rozumne aj mimo oboch. */
.fh-obal{ position:relative; }

.fh-zoznam{
  position:absolute; z-index:60; left:0; right:0; top:calc(100% + 6px);
  margin:0; padding:6px; list-style:none;
  max-height:min(52vh, 340px); overflow-y:auto;
  background:var(--a-card, var(--white, #fff));
  border:1px solid var(--a-border, var(--border, #E5E7EB));
  border-radius:var(--a-radius, var(--r-sm, 12px));
  box-shadow:var(--a-shadow, var(--shadow-md, 0 8px 28px rgba(14,33,28,.14)));
}
.fh-zoznam[hidden]{ display:none; }

.fh-polozka{
  display:flex; flex-direction:column; gap:2px;
  /* 48 px je najmenšia rozumná plocha na dotyk - položky sa vyberajú aj na telefóne */
  min-height:48px; justify-content:center;
  padding:8px 10px; border-radius:8px; cursor:pointer;
}
.fh-polozka b{
  font-size:15px; font-weight:650; line-height:1.25;
  color:var(--a-ink, var(--ink, #1E2030));
}
.fh-polozka span{
  font-size:12.5px; line-height:1.3;
  color:var(--a-muted, var(--muted, #666D7B));
  font-variant-numeric:tabular-nums;
}
.fh-polozka:hover,
.fh-polozka.je-aktivna{ background:color-mix(in srgb, var(--a-accent, var(--accent, #0E7490)) 10%, transparent); }
.fh-polozka.je-zanikla b{ text-decoration:line-through; opacity:.7; }

.fh-stav{
  position:absolute; z-index:60; left:0; right:0; top:calc(100% + 6px);
  margin:0; padding:10px 12px;
  font-size:13px; color:var(--a-muted, var(--muted, #666D7B));
  background:var(--a-card, var(--white, #fff));
  border:1px solid var(--a-border, var(--border, #E5E7EB));
  border-radius:var(--a-radius, var(--r-sm, 12px));
  box-shadow:var(--a-shadow, var(--shadow-md, 0 8px 28px rgba(14,33,28,.14)));
}
/* Keď je otvorená ponuka, hlásenie sa schová pod ňu - preto sa hlási len samo. */
.fh-zoznam:not([hidden]) ~ .fh-stav{ display:none; }
/* `admin.css` ani `crm.css` nemajú globálne pravidlo pre [hidden] (má ho len verejný
   web), tak si ho prvok musí doniesť sám - inak by hlásenie viselo na stránke stále. */
.fh-stav[hidden]{ display:none; }

@media (max-width:900px){
  /* iOS Safari zoomuje pri fokuse poľa s písmom pod 16 px. */
  .fh-obal input{ font-size:16px; }
}