/*
 * Vzhľad cookie lišty (vanilla-cookieconsent 3.1.0) vo farbách webu.
 * Kontrasty overené na WCAG AA (min. 4.5:1): biela na #4A7349 = 5.47:1, #24242C na #F2F2E8 = 13.67:1,
 * #525C60 na #FCFDF6 = 6.71:1, odkaz #3F6A3E na #FCFDF6 = 6.14:1.
 * (Zelená webu #639361 s bielym textom má len 3.57:1, preto je tlačidlo o odtieň tmavšie.)
 */
#cc-main {
    --cc-font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --cc-bg: #FCFDF6;
    --cc-primary-color: #24242C;
    --cc-secondary-color: #525C60;
    --cc-link-color: #3F6A3E;
    --cc-modal-border-radius: 12px;
    --cc-btn-border-radius: 8px;

    --cc-btn-primary-bg: #4A7349;
    --cc-btn-primary-color: #FFFFFF;
    --cc-btn-primary-border-color: #4A7349;
    --cc-btn-primary-hover-bg: #3F6A3E;
    --cc-btn-primary-hover-color: #FFFFFF;
    --cc-btn-primary-hover-border-color: #3F6A3E;

    --cc-btn-secondary-bg: #F2F2E8;
    --cc-btn-secondary-color: #24242C;
    --cc-btn-secondary-border-color: #F2F2E8;
    --cc-btn-secondary-hover-bg: #E6E6D8;
    --cc-btn-secondary-hover-color: #24242C;
    --cc-btn-secondary-hover-border-color: #E6E6D8;

    --cc-toggle-on-bg: #4A7349;
    --cc-toggle-readonly-bg: #A1B97B;
    --cc-separator-border-color: #E6E6D8;
    --cc-cookie-category-block-bg: #F2F2E8;
    --cc-cookie-category-block-border: #F2F2E8;
    --cc-cookie-category-block-hover-bg: #E6E6D8;
    --cc-cookie-category-block-hover-border: #E6E6D8;
    --cc-cookie-category-expanded-block-bg: #FCFDF6;
    --cc-footer-bg: #F2F2E8;
    --cc-footer-color: #525C60;
    --cc-footer-border-color: #E6E6D8;
}

/* tlačidlá aspoň 44 px vysoké (pohodlný dotyk na mobile/tablete) */
#cc-main .cm__btn,
#cc-main .pm__btn {
    min-height: 44px;
}

/* štítok "Vždy zapnuté" pri nevyhnutných cookies */
#cc-main .pm__badge {
    background: #E8F6D2;
    color: #24242C;
}

/* zástupné pole mapy pred súhlasom (plugins/fancystudio/dairycraft/components/places/map.htm) */
.map-consent {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    height: 100%;
    padding: 2rem;
    text-align: center;
    background: #F2F2E8;
    color: #24242C;
    border-radius: 8px;
}
/* #map zvyšuje špecifickosť: sekcia mapy je .light-section, ktorá dáva odsekom bielu farbu */
#map .map-consent p {
    max-width: 32rem;
    margin: 0;
    color: #24242C;
}
.map-consent button {
    padding: .75rem 1.5rem;
    border-radius: 8px;
    background: #4A7349;
    color: #FFFFFF;
    font-weight: 600;
    cursor: pointer;
}
.map-consent button:hover,
.map-consent button:focus-visible {
    background: #3F6A3E;
}