/* ==========================================================================
   Cookie lišta (vanilla-cookieconsent) – farby a písmo zo Safybe tokenov.
   Selektor #cc-main je silnejší ako :root knižnice, takže vyhrá bez ohľadu na poradie načítania.
   ========================================================================== */

#cc-main {
    --cc-font-family: var(--font-sans);
    --cc-modal-border-radius: var(--radius-xl);
    --cc-btn-border-radius: var(--radius-sm);
    --cc-pm-toggle-border-radius: var(--radius-pill);

    --cc-bg: var(--color-bg-listbox);
    --cc-primary-color: var(--color-text-on-dark);
    --cc-secondary-color: var(--color-text-on-dark-muted);
    --cc-link-color: var(--color-accent-soft);

    --cc-btn-primary-bg: var(--color-violet-strong);
    --cc-btn-primary-color: #fff;
    --cc-btn-primary-border-color: var(--color-violet-strong);
    --cc-btn-primary-hover-bg: #7c62ff;
    --cc-btn-primary-hover-color: #fff;
    --cc-btn-primary-hover-border-color: #7c62ff;

    --cc-btn-secondary-bg: var(--color-glass-2);
    --cc-btn-secondary-color: var(--color-text-on-dark);
    --cc-btn-secondary-border-color: var(--color-glass-2);
    --cc-btn-secondary-hover-bg: var(--color-glass-5);
    --cc-btn-secondary-hover-color: #fff;
    --cc-btn-secondary-hover-border-color: var(--color-glass-5);

    --cc-separator-border-color: var(--color-glass-2);
    --cc-toggle-on-bg: var(--color-violet-strong);
    --cc-toggle-readonly-bg: var(--color-violet-soft);
    --cc-toggle-readonly-knob-bg: #fff;
    --cc-toggle-readonly-knob-icon-color: var(--color-violet-strong);

    --cc-cookie-category-block-bg: var(--color-glass-1);
    --cc-cookie-category-block-border: var(--color-glass-2);
    --cc-cookie-category-block-hover-bg: var(--color-glass-2);
    --cc-cookie-category-block-hover-border: var(--color-glass-3);
    --cc-cookie-category-expanded-block-bg: transparent;
    --cc-cookie-category-expanded-block-hover-bg: var(--color-glass-1);

    --cc-overlay-bg: rgba(6, 5, 26, 0.72);
    --cc-footer-bg: var(--color-bg-code-foot);
    --cc-footer-color: var(--color-text-on-dark-muted-2);
    --cc-footer-border-color: var(--color-glass-2);
    --cc-webkit-scrollbar-bg: var(--color-glass-3);
    --cc-webkit-scrollbar-hover-bg: var(--color-glass-5);
}

#cc-main .cm,
#cc-main .pm {
    box-shadow: 0 40px 90px -30px rgba(0, 0, 0, 0.7), inset 0 0 0 1px var(--color-glass-2);
}

#cc-main .cm__title,
#cc-main .pm__title {
    letter-spacing: -0.02em;
}

#cc-main .pm__badge {
    background: var(--color-glass-3);
    color: var(--color-accent-soft);
}

/* Odkaz „Nastavenia cookies“ v päte je tlačidlo, vyzerá ako ostatné odkazy päty */
.site-footer__cookie-settings {
    padding: 0;
    border: 0;
    background: none;
    color: #b7b5d6;
    font: inherit;
}

.site-footer__cookie-settings:hover {
    color: #fff;
}