/*
 * Banner uses the shop's font. AutoStore's yttheme.css gives every `button` a white colour,
 * `padding: 0 20px`, `border: none` and `font-size: 100%`, all !important: light buttons turn
 * white on white and the category titles slide under their arrows. The library's own values
 * (cookieconsent.css 3.1.0) are restored here, scoped to #cc-main.
 */
#cc-main {
    font-family: inherit;
}

#cc-main button {
    color: var(--cc-primary-color) !important;
    text-transform: none;
}

#cc-main .cm__btn,
#cc-main .pm__btn {
    border: 1px solid var(--cc-btn-primary-border-color) !important;
    color: var(--cc-btn-primary-color) !important;
    font-size: .82em !important;
    padding: .5em 1em !important;
}

#cc-main .pm__btn {
    padding: .5em 1.5em !important;
}

#cc-main .cm__btn--secondary,
#cc-main .pm__btn--secondary {
    border-color: var(--cc-btn-secondary-border-color) !important;
    color: var(--cc-btn-secondary-color) !important;
}

#cc-main .pm__close-btn {
    border: 1px solid var(--cc-btn-secondary-border-color) !important;
    padding: 0 !important;
}

#cc-main .pm__section-title {
    font-size: .95em !important;
}

#cc-main .pm__section--toggle .pm__section-title {
    border: 1px solid var(--cc-cookie-category-block-border) !important;
    padding: 1.1em 5.4em 1.1em 1.2em !important;
}

#cc-main .pm__section--expandable .pm__section-title {
    padding-left: 3.4em !important;
}

/* Footer entry for changing or withdrawing consent. */
.twelvevolt-consent-footer {
    padding: 8px 15px 16px;
    text-align: center;
}

.twelvevolt-consent-footer .twelvevolt-consent-footer__link {
    background: none;
    border: 0;
    box-shadow: none;
    color: inherit !important;
    font-size: 13px;
    font-weight: normal;
    padding: 0;
    text-decoration: underline;
    text-transform: none;
}