/**
 * Napojenie lišty na farby šablóny.
 * Premenné CookieConsent v3 čítame z tokenov šablóny, takže lišta drží
 * vzhľad webu aj po zmene témy — a v tmavom režime sa prepne sama,
 * lebo tokeny šablóny sa prepínajú cez [data-theme].
 * Zápasné hodnoty sú tam pre weby, kde tokeny nie sú.
 */
#cc-main {
    --cc-font-family: var(--font-body, inherit);
    --cc-bg: var(--color-surface, #ffffff);
    --cc-primary-color: var(--color-text, #16202b);
    --cc-secondary-color: var(--color-text-muted, #4d5b6a);

    --cc-btn-primary-bg: var(--accent-red, var(--color-primary, #c60a27));
    --cc-btn-primary-color: var(--text-on-red, #ffffff);
    --cc-btn-primary-border-color: var(--accent-red, var(--color-primary, #c60a27));
    --cc-btn-primary-hover-bg: var(--color-primary-hover, #a30820);
    --cc-btn-primary-hover-color: #ffffff;
    --cc-btn-primary-hover-border-color: var(--color-primary-hover, #a30820);

    --cc-btn-secondary-bg: transparent;
    --cc-btn-secondary-color: var(--color-text, #16202b);
    --cc-btn-secondary-border-color: var(--color-border, #e2e8f0);
    --cc-btn-secondary-hover-bg: var(--color-surface-alt, #f8fafc);
    --cc-btn-secondary-hover-color: var(--color-text, #16202b);
    --cc-btn-secondary-hover-border-color: var(--color-border, #cbd5e1);

    --cc-btn-border-radius: var(--card-radius, 0.4rem);

    --cc-separator-border-color: var(--color-border, #e2e8f0);
    --cc-toggle-on-bg: var(--accent-red, var(--color-primary, #c60a27));
    --cc-toggle-off-bg: var(--color-text-muted, #94a3b8);
    --cc-toggle-readonly-bg: var(--color-border, #cbd5e1);
    --cc-toggle-on-knob-bg: #ffffff;
    --cc-toggle-off-knob-bg: #ffffff;

    --cc-cookie-category-block-bg: var(--color-surface-alt, #f8fafc);
    --cc-cookie-category-block-border: var(--color-border, #e2e8f0);
    --cc-cookie-category-block-hover-bg: var(--color-surface-alt, #f1f5f9);
    --cc-cookie-category-block-hover-border: var(--color-border, #cbd5e1);
    --cc-cookie-category-expanded-block-bg: transparent;
    --cc-cookie-category-expanded-block-hover-bg: var(--color-surface-alt, #f1f5f9);

    --cc-overlay-bg: rgba(6, 32, 57, .55);
    --cc-footer-bg: var(--color-surface-alt, #f8fafc);
    --cc-footer-color: var(--color-text, #16202b);
    --cc-footer-border-color: var(--color-border, #e2e8f0);
}

/* pečiatka v päte lišty */
#cc-main .cm__footer,
#cc-main .pm__footer {
    display: flex;
    justify-content: flex-end;
    font-size: .78rem;
    /* Bez `opacity`: pečiatka musí mať kontrast aspoň 4,5 : 1, inak to Lighthouse hlási ako
       chybu prístupnosti. Priehľadnosť kontrast zníži bez ohľadu na zvolenú farbu, takže sa
       nedá vyvážiť ani tmavším písmom. Opravené na boatdieseli 12. 9. 2026. */
}

#cc-main .trebor-peciatka {
    color: inherit;
    text-decoration: none;
}

#cc-main .trebor-peciatka:hover { text-decoration: underline; }

/* Záznam o súhlase v okne nastavení */
#cc-main [data-cc-record] { display: block; }

#cc-main .cc-zaznam__zoznam {
    list-style: none;
    margin: .35rem 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

#cc-main .cc-zaznam__riadok {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    font-size: .9em;
    line-height: 1.5;
}

#cc-main .cc-zaznam__riadok > span { opacity: .72; }
#cc-main .cc-zaznam__riadok > strong { font-weight: 600; }
#cc-main .cc-zaznam__riadok > strong.je-zap { color: var(--color-success, #2e9e5b); }
#cc-main .cc-zaznam__riadok > strong.je-vyp { opacity: .72; }

#cc-main .cc-zaznam__id > code {
    font-size: .82em;
    word-break: break-all;
    opacity: .72;
    font-family: var(--cc-font-family);
}

#cc-main .cc-zaznam__ziadny { display: block; opacity: .72; margin: .35rem 0 0; font-size: .9em; }

#cc-main .cc-zaznam__reset {
    display: inline-block;
    margin: .5rem 0 0;
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    font-size: .9em;
    color: inherit;
    opacity: .72;
    text-decoration: underline;
    cursor: pointer;
}

#cc-main .cc-zaznam__reset:hover,
#cc-main .cc-zaznam__reset:focus-visible { opacity: 1; }