/* ============================================================
   Nemoc si nevybírá — sladění lišty se souhlasem s webem
   ------------------------------------------------------------
   Knihovna (Silktide Consent Manager, MIT — vendor/silktide/)
   má vlastní CSS proměnné, takže se sladění dělá PŘEPSÁNÍM
   PROMĚNNÝCH, ne přepisováním jejích pravidel.

   Načítá se hned za `vendor/silktide/consent-manager.css`.
   Vlastní soubor (ne konec styles.css) proto, aby lišta vypadala
   stejně i na stránkách, které styles.css nepoužívají — třeba
   `vystavba.html`.
   ============================================================ */

#stcm-wrapper {
  /* Barvy z loga — stejné hodnoty jako :root v styles.css.
     Lišta je tmavá navy jako patička webu.

     Pozor na tlačítka: knihovna používá --primaryColor jako
     POZADÍ hlavního tlačítka a --backgroundColor jako jeho TEXT.
     Bílá + navy text je proto totéž co `.btn--light` na webu
     a drží kontrast. (Růžová by tu dala navy text na růžové,
     což je pod hranicí čitelnosti.) */
  --backgroundColor: #1f2a63;
  --textColor: #ffffff;
  --primaryColor: #ffffff;
  --fontFamily: "Inter", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
  --boxShadow: 0 18px 44px rgba(0, 0, 0, 0.28);
  --backdropBackgroundColor: rgb(0 0 0 / 0.6);
  --backdropBackgroundBlur: 2px;
}

/* Zaoblení a rámeček podle zbytku webu (--radius: 18px). */
#stcm-banner,
#stcm-modal {
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
}

/* Web má tlačítka do pilulky (border-radius: 999px). */
#stcm-wrapper .stcm-button {
  border-radius: 999px;
  font-weight: 700;
}

/* Na mobilu lišta zabírala 39 % výšky obrazovky — návštěvník pod ní
   neviděl odpočet ani druhé tlačítko v heru. Knihovna skládá tlačítka
   pod sebe až do 600 px; tady je dáváme vedle sebe a ubíráme odsazení.
   Výška tlačítek zůstává nad 44 px, aby se do nich dalo trefit prstem. */
@media (max-width: 599px) {
  #stcm-banner { padding: 18px; }
  #stcm-banner p { font-size: 15px; line-height: 22px; margin-bottom: 0; }
  #stcm-banner .stcm-actions { gap: 10px; margin-top: 16px; }
  /* Odsazení knihovny je 15 px; ubíráme ho, ale ne pod dotykovou výšku. */
  #stcm-banner .stcm-preferences-button { padding: 8px 0; min-height: 44px; align-items: center; }
}

/* Vedle sebe až od 360 px — na užších displejích by se „Jen nezbytné“
   zalomilo na dva řádky a tlačítka by měla různou výšku. */
@media (min-width: 360px) and (max-width: 599px) {
  #stcm-banner .stcm-actions { flex-direction: row; flex-wrap: wrap; align-items: stretch; }
  #stcm-banner .stcm-accept-all,
  #stcm-banner .stcm-reject-all { flex: 1 1 0; min-width: 0; padding: 10px 12px; }
  /* „Nastavení“ jde na vlastní řádek pod ně. */
  #stcm-banner .stcm-actions-row { flex: 1 0 100%; align-items: center; }
}

/* Vypnutý přepínač má být na první pohled vypnutý — knihovna dává
   oběma stavům stejnou světlou barvu a liší je jen popiskem. */
#stcm-modal .stcm-toggle-track {
  background: rgba(255, 255, 255, 0.32);
}

/* Plovoucí sušenka v rohu se nezobrazuje — volbu mění odkaz
   v patičce. Musí to být přes !important: knihovna nastavuje
   zobrazení přímo na prvku, takže její vlastní volba
   `icon: { show: false }` nestačí. */
#stcm-icon {
  display: none !important;
}

/* Odkaz na výrobce lišty skrytý — na oznámení o zpracování osobních
   údajů působí cizí logo matoucím dojmem, návštěvník má vědět, kdo
   data sbírá. Licence MIT to dovoluje; licence i autorská poznámka
   zůstávají ve zdroji ve vendor/silktide/. */
#stcm-wrapper a[href*="silktide.com"] {
  display: none;
}