/***********************************************************************
 *  Cookie lišta – vzhled sladěný s webem (vanilla-cookieconsent v3.1.0)
 **********************************************************************/
#cc-main {
    --cc-font-family: 'Nunito Sans', sans-serif;
    --cc-modal-border-radius: 7px;
    --cc-btn-border-radius: 0;
    --cc-modal-margin: 1rem;
    --cc-z-index: 2147483000;

    --cc-bg: #171717;
    --cc-primary-color: #FFFFFF;
    --cc-secondary-color: #BEBEBE;
    --cc-link-color: #DEC74A;
    --cc-separator-border-color: #2E2E2E;
    --cc-overlay-bg: rgba(0, 0, 0, .65);

    /* všechna tlačítka stejně výrazná – sekundární = primární */
    --cc-btn-primary-bg: #E6D575;
    --cc-btn-primary-color: #171717;
    --cc-btn-primary-border-color: #E6D575;
    --cc-btn-primary-hover-bg: #DEC74A;
    --cc-btn-primary-hover-color: #171717;
    --cc-btn-primary-hover-border-color: #DEC74A;
    --cc-btn-secondary-bg: #E6D575;
    --cc-btn-secondary-color: #171717;
    --cc-btn-secondary-border-color: #E6D575;
    --cc-btn-secondary-hover-bg: #DEC74A;
    --cc-btn-secondary-hover-color: #171717;
    --cc-btn-secondary-hover-border-color: #DEC74A;

    --cc-toggle-on-bg: #DEC74A;
    --cc-toggle-off-bg: #7D7D7D;
    --cc-toggle-on-knob-bg: #171717;
    --cc-toggle-off-knob-bg: #FFFFFF;
    --cc-toggle-enabled-icon-color: #171717;
    --cc-toggle-disabled-icon-color: #FFFFFF;
    --cc-toggle-readonly-bg: #4A4A4A;
    --cc-toggle-readonly-knob-bg: #BEBEBE;
    --cc-toggle-readonly-knob-icon-color: #4A4A4A;

    --cc-section-category-border: #2E2E2E;
    --cc-cookie-category-block-bg: #1F1F1F;
    --cc-cookie-category-block-border: #2E2E2E;
    --cc-cookie-category-block-hover-bg: #262626;
    --cc-cookie-category-block-hover-border: #3A3A3A;
    --cc-cookie-category-expanded-block-bg: #1F1F1F;
    --cc-cookie-category-expanded-block-hover-bg: #262626;
    --cc-footer-bg: #121212;
    --cc-footer-color: #BEBEBE;
    --cc-footer-border-color: #2E2E2E;
    --cc-webkit-scrollbar-bg: #4A4A4A;
    --cc-webkit-scrollbar-hover-bg: #7D7D7D;
}

#cc-main .cm,
#cc-main .pm {
    border: 1px solid #2E2E2E;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .6);
}

#cc-main .cm__title,
#cc-main .pm__title {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
}

#cc-main .cm__title {
    font-size: 1.25em;
}

#cc-main .cm__desc a,
#cc-main .pm__section-desc a {
    color: #DEC74A;
}

/* tři tlačítka lišty vedle sebe ve stejné velikosti */
#cc-main .cm__btns {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .375rem;
}

#cc-main .cm__btn-group {
    display: contents !important; /* knihovna na mobilu vynucuje flex !important */
}

#cc-main .cm__btn,
#cc-main .pm__btn {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    padding: .5em .6em;
    min-height: 44px;
    margin: 0 !important;
}

/* nastavení: tři tlačítka ve stejné velikosti */
#cc-main .pm__footer {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .375rem;
}

#cc-main .pm__btn-group {
    display: contents !important;
}

#cc-main .pm__btn {
    width: 100%;
}

/* mezery řeší gap; knihovna na mobilu přidává margin !important */
#cc-main .cm__btn + .cm__btn,
#cc-main .cm__btn-group + .cm__btn-group,
#cc-main .pm__btn + .pm__btn,
#cc-main .pm__btn-group + .pm__btn-group {
    margin: 0 !important;
}

@media screen and (max-width: 640px) {
    #cc-main {
        --cc-modal-margin: .5rem;
    }

    #cc-main .cm__title {
        font-size: 1.05em;
        padding-top: .9rem;
    }

    #cc-main .cm__desc {
        font-size: 13px;
        line-height: 1.45;
        padding-bottom: .9rem;
    }

    #cc-main .cm__btns {
        padding-top: .75rem;
        padding-bottom: .75rem;
    }

    #cc-main .cm__btn,
    #cc-main .pm__btn {
        font-size: 11.5px;
        letter-spacing: 0;
        padding: .4em .3em;
    }

    #cc-main .pm__footer {
        padding: .75rem .9rem;
    }
}
