/* Lišta souhlasu s cookies — vzhled vkládané lišty CookiesBoss sladěný s ostatními okny webu
 * (potvrzení věku, vzorky — css/17-prekryvy.css): písmo webu, tenký šampaňský rámeček, tučná
 * tlačítka v šíři ovládacích prvků, rozmazané tmavé pozadí.
 *
 * Lištu i její styly vkládá externí skript (COOKIESBOSS_EMBED, tpl/document_head.php) a její
 * <style> přijde až po stylech webu. Proto mají pravidla o třídu víc (html .cookies-boss …)
 * a tam, kde CookiesBoss píše !important, také !important. Mění se jen vzhled — třídy, rozložení
 * a chování lišty zůstávají. Barvy (černá, šampaňská) jsou nastavené v administraci CookiesBoss.
 * Rámeček je stín (box-shadow): okraj dialogu CookiesBoss slouží jako vnitřní odsazení.
 */

html .cookies-boss { font-family: var(--font-text); line-height: 1.5; }

/* pozadí za dialogem jako u <dialog>::backdrop */
html .cookies-boss .cookies-boss__shadow {
    background: color-mix(in oklab, var(--c-cerna-hluboka) 80%, transparent) !important;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

html .cookies-boss .cookies-boss__dialog {
    background: var(--c-cerna-hluboka) !important;
    box-shadow: 0 0 0 1px color-mix(in oklab, var(--c-sampan) 35%, transparent), var(--stin-dialog);
}
html .cookies-boss .cookies-boss__dialog-title { font-size: 0.92em; }
/* běžný text tlumený jako v okně vzorků, nadpisy (strong) plnou barvou */
html .cookies-boss .cookies-boss__dialog-title p,
html .cookies-boss .cookies-boss__description,
html .cookies-boss .cookies-boss__cookies-checkbox > div { color: color-mix(in oklab, var(--c-papir) 78%, transparent); }
html .cookies-boss .cookies-boss__dialog-title strong { color: var(--c-papir); font-weight: 700; letter-spacing: -0.01em; }

/* tlačítka jako .tlacitko--zlate.tlacitko--hranate */
html .cookies-boss .cookies-boss__button {
    min-height: var(--v-ovladani);
    padding: 0.85rem 1.25rem;
    border-radius: 0;
    font-size: 0.88rem;
    font-weight: 600;
    line-height: 1.2;
}

html .cookies-boss .cookies-boss__link { font-size: 0.88rem; font-weight: 600; text-underline-offset: 3px; }
html .cookies-boss .cookies-boss__version { font-size: 0.7em; }
