/*
 * Cookie lišta v barvách Dejvické 34
 * Přebarvuje orestbida/cookieconsent v2.8.0.
 *
 * Načítat AŽ ZA cookieconsent.css – knihovna deklaruje proměnné na :root,
 * takže vyhrává poslední deklarace.
 *
 * Barvy jsou převzaté z public/bundles/dejvicka/styles/global.scss:
 *   $blue-brand: #28285b   $gold-brand: #c2823f
 */

:root {
    /* plocha a text */
    --cc-bg: #ffffff;
    --cc-text: #28285b;
    --cc-block-text: #3f3f6d;
    --cc-overlay-bg: rgba(40, 40, 91, .72);

    /* primární tlačítko – Přijmout vše */
    --cc-btn-primary-bg: #28285b;
    --cc-btn-primary-text: #ffffff;
    --cc-btn-primary-hover-bg: #5858a7;

    /* sekundární tlačítko – Odmítnout vše (stejná velikost i váha, viz níže) */
    --cc-btn-secondary-bg: #edf0ea;
    --cc-btn-secondary-text: #28285b;
    --cc-btn-secondary-hover-bg: #dfe4da;

    /* přepínače kategorií */
    --cc-toggle-bg-off: #b6b9c6;
    --cc-toggle-bg-on: #c2823f;
    --cc-toggle-bg-readonly: #d6d8df;
    --cc-toggle-knob-bg: #ffffff;
    --cc-toggle-knob-icon-color: #28285b;

    /* bloky kategorií a tabulky cookies */
    --cc-cookie-category-block-bg: #f6f8f4;
    --cc-cookie-category-block-bg-hover: #edf0ea;
    --cc-section-border: #e2e6dd;
    --cc-cookie-table-border: #e2e6dd;

    --cc-webkit-scrollbar-bg: #c6c9d4;
    --cc-webkit-scrollbar-bg-hover: #28285b;
}

/* Písmo webu místo systémového stacku knihovny */
.cc_div,
.cc_div .c-bn,
.cc_div input,
.cc_div button {
    font-family: "Open Sans", sans-serif;
}

/* Hranaté tvary – web nikde nepoužívá zaoblení */
.cc_div #cm,
.cc_div #s-inr,
.cc_div .c-bn,
.cc_div .cc-link,
.cc_div .c-bl {
    border-radius: 0;
}

/*
 * Rovnocenná tlačítka.
 * „Přijmout vše" a „Odmítnout vše" musí být stejně velká a stejně nápadná –
 * je to požadavek GDPR, ne estetika. Stejný rámeček i padding u obou
 * zaručuje shodnou velikost bez ohledu na délku textu.
 */
.cc_div .c-bn {
    border: 2px solid #28285b;
    font-weight: 600;
    letter-spacing: .01em;
    padding: .75em 1.4em;
    transition: background-color .18s ease, color .18s ease;
}

.cc_div #c-p-bn {              /* Přijmout vše */
    background: #28285b;
    color: #ffffff;
}

.cc_div #c-p-bn:hover {
    background: #5858a7;
    border-color: #5858a7;
}

.cc_div #c-s-bn,               /* Odmítnout vše (lišta) */
.cc_div #s-rall-bn {           /* Odmítnout vše (nastavení) */
    background: #edf0ea;
    color: #28285b;
}

.cc_div #c-s-bn:hover,
.cc_div #s-rall-bn:hover {
    background: #28285b;
    color: #ffffff;
}

/* Odkazy a „Podrobnější nastavení" ve zlaté */
.cc_div .cc-link,
.cc_div a {
    color: #c2823f;
    border-bottom-color: #c2823f;
    font-weight: 600;
}

.cc_div .cc-link:hover,
.cc_div a:hover {
    color: #28285b;
    border-bottom-color: #28285b;
}

/* Hlavička a patička okna nastavení */
.cc_div #s-ttl,
.cc_div #s-hdr,
.cc_div #c-ttl {
    color: #28285b;
}

.cc_div #s-hdr,
.cc_div #s-bns {
    border-color: #e2e6dd;
}

/* Zlatý akcent na aktivní kategorii v tabulce */
.cc_div .c-bl:not(.b-ex):hover,
.cc_div .act .c-bl.b-ex {
    background: #edf0ea;
}

.cc_div th {
    color: #28285b;
    font-weight: 600;
}

/* Viditelný focus pro klávesnici – knihovna ho má slabý */
.cc_div .c-bn:focus-visible,
.cc_div .cc-link:focus-visible,
.cc_div button:focus-visible {
    outline: 2px solid #c2823f;
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    .cc_div .c-bn {
        transition: none;
    }
}