/* vanilla-cookieconsent theme: buttons and switches as in the rest of the site (.btn-primary, .switch in essentials.forms.css) */
#cc-main {
    --cc-font-family: "Open Sans", Arial, Helvetica, sans-serif;
    --cc-z-index: 2147483647;
    --cc-bg: #fff;
    --cc-primary-color: #000;
    --cc-secondary-color: #4d4d4d;
    --cc-btn-border-radius: 3px;
    --cc-btn-primary-bg: #57b6da;
    --cc-btn-primary-color: #fff;
    --cc-btn-primary-border-color: #57b6da;
    --cc-btn-primary-hover-bg: #2a7a9a;
    --cc-btn-primary-hover-color: #fff;
    --cc-btn-primary-hover-border-color: #2a7a9a;
    --cc-btn-secondary-bg: #e6e6e6;
    --cc-btn-secondary-color: #4d4d4d;
    --cc-btn-secondary-border-color: #e6e6e6;
    --cc-btn-secondary-hover-bg: #dadada;
    --cc-btn-secondary-hover-color: #000;
    --cc-btn-secondary-hover-border-color: #dadada;
    --cc-separator-border-color: #e6e6e6;
    --cc-cookie-category-block-bg: #f7f7f7;
    --cc-cookie-category-block-border: #e6e6e6;
    --cc-overlay-bg: rgba(0, 0, 0, .5);
    /* switch: same colors as .switch.switch-info */
    --cc-pm-toggle-border-radius: 2px;
    --cc-toggle-off-bg: #b5c1c7;
    --cc-toggle-on-bg: #57b6da;
    --cc-toggle-off-knob-bg: #fff;
    --cc-toggle-on-knob-bg: #fff;
    --cc-toggle-readonly-bg: #9fd3e8;
    --cc-toggle-readonly-knob-bg: #fff;
}

/* buttons: uppercase text, size and weight of .btn */
#cc-main .cm__btn,
#cc-main .pm__btn {
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    min-height: 40px;
}

/* switch: rectangular 58x25 with a square 19px knob and a check mark on the colored side, like the registration form */
#cc-main .section__toggle,
#cc-main .section__toggle-wrapper,
#cc-main .toggle__icon,
#cc-main .toggle__label {
    width: 58px;
    height: 25px;
}

#cc-main .toggle__icon {
    box-shadow: none;
}

#cc-main .toggle__icon-circle {
    width: 19px;
    height: 19px;
    top: 3px;
    left: 3px;
    box-shadow: none;
}

#cc-main .section__toggle:checked ~ .toggle__icon .toggle__icon-circle {
    transform: translateX(33px);
}

#cc-main .section__toggle:checked ~ .toggle__icon {
    box-shadow: none;
}

#cc-main .section__toggle:checked:disabled ~ .toggle__icon {
    box-shadow: none;
}

#cc-main .section__toggle:checked:disabled ~ .toggle__icon .toggle__icon-circle {
    box-shadow: none;
}

/* the library's own icons are replaced by the check mark */
#cc-main .toggle__icon-on,
#cc-main .toggle__icon-off {
    display: none;
}

#cc-main .section__toggle:checked ~ .toggle__icon::before {
    content: "\2713";
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    font-family: Helvetica, Arial, sans-serif;
}

/* map placeholder (contact page) */
.rp-map-blocked {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    height: 100%;
    padding: 1rem;
    text-align: center;
    background: #f1f1f1;
}
