/*
 * See documentation:
 * https://cookieconsent.orestbida.com/advanced/ui-customization.html#available-css-variables
 * https://cookieconsent.orestbida.com/advanced/ui-customization.html#how-to-change-css-variables
 */

/* Cookie consent: */
#cc-main {
    --cc-btn-primary-bg: #db0d16;
    --cc-btn-primary-hover-bg: #dc5860;
    --cc-btn-primary-border-color: var(--cc-btn-primary-bg);
    --cc-btn-primary-hover-border-color: var(--cc-btn-primary-hover-bg);
    --cc-toggle-on-bg: var(--cc-btn-primary-bg);
}

/* Custom widget: */
#contao-cc-widget {
    --cc-widget-bg: #db0d16;
    --cc-widget-hover-bg: #dc5860;
    --cc-widget-size: 44px;
    --cc-widget-distance: 10px;
    --cc-widget-icon-size: 70%;
}



/*
 *
 * WCAG: High contrast
 * IMPORTANT: Replace 'body.contrast' with the actual selector of the high contrast mode.
 *
 */
/* Cookie consent: */
/*
body.contrast #cc-main {
    --cc-contrast-primary: #FFFF00;
    --cc-contrast-secondary: #FF0000;
    --cc-bg: #000000;
    --cc-primary-color: var(--cc-contrast-primary);
    --cc-secondary-color: var(--cc-contrast-primary);

    --cc-btn-primary-bg: var(--cc-contrast-secondary);
    --cc-btn-primary-color: var(--cc-contrast-primary);
    --cc-btn-primary-border-color: var(--cc-contrast-primary);
    --cc-btn-primary-hover-bg: var(--cc-contrast-primary);
    --cc-btn-primary-hover-color: var(--cc-contrast-secondary);
    --cc-btn-primary-hover-border-color: var(--cc-contrast-secondary);

    --cc-btn-secondary-bg: var(--cc-contrast-secondary);
    --cc-btn-secondary-color: var(--cc-contrast-primary);
    --cc-btn-secondary-border-color: var(--cc-contrast-primary);
    --cc-btn-secondary-hover-bg: var(--cc-contrast-primary);
    --cc-btn-secondary-hover-color: var(--cc-contrast-secondary);
    --cc-btn-secondary-hover-border-color: var(--cc-contrast-secondary);

    --cc-separator-border-color: var(--cc-contrast-primary);

    --cc-toggle-on-bg: var(--cc-contrast-secondary);
    --cc-toggle-off-bg: var(--cc-bg);
    --cc-toggle-on-knob-bg: var(--cc-contrast-primary);
    --cc-toggle-off-knob-bg: var(--cc-contrast-secondary);

    --cc-toggle-enabled-icon-color: var(--cc-btn-primary-color);
    --cc-toggle-disabled-icon-color: var(--cc-btn-primary-color);

    --cc-toggle-readonly-bg: var(--cc-contrast-secondary);
    --cc-toggle-readonly-knob-bg: var(--cc-contrast-primary);
    --cc-toggle-readonly-knob-icon-color: var(--cc-contrast-primary);

    --cc-section-category-border: var(--cc-contrast-primary);

    --cc-cookie-category-block-bg: var(--cc-bg);
    --cc-cookie-category-block-border: var(--cc-contrast-primary);
    --cc-cookie-category-block-hover-bg: var(--cc-bg);
    --cc-cookie-category-block-hover-border: var(--cc-contrast-secondary);
    --cc-cookie-category-expanded-block-bg: transparent;
    --cc-cookie-category-expanded-block-hover-bg: var(--cc-toggle-readonly-bg);

    --cc-overlay-bg: rgba(0, 0, 0, 0.65);
    --cc-webkit-scrollbar-bg: var(--cc-contrast-primary);
    --cc-webkit-scrollbar-hover-bg: var(--cc-bg);
}
body.contrast #cc-main {
    color-scheme: dark;
}
body.contrast #cc-main .cm--box,
body.contrast #cc-main .pm--box {
    border: 1px solid var(--cc-contrast-primary);
}
body.contrast #cc-main .cc__link {
    color: var(--cc-contrast-secondary) !important;
}
body.contrast #cc-main .pm__badge {
    background: unset !important;
}
body.contrast #cc-main .toggle__icon {
    box-shadow: 0 0 0 1px var(--cc-contrast-primary) !important;
}
body.contrast #cc-main .section__toggle:checked:disabled~.toggle__icon svg {
    stroke: var(--cc-toggle-on-bg) !important;
}
*/

/* Custom widget: */
/*
body.contrast #contao-cc-widget {
    --cc-widget-bg: #FF0000;
    --cc-widget-hover-bg: #FFFF00;
}
body.contrast .contao-cc-widget__btn {
    display: none !important;
}
body.contrast .contao-cc-widget__btn--contrast {
    display: flex !important;
}
body.contrast .contao-cc-widget__btn--contrast img[src$="red.svg"] {
    display: none !important;
}
body.contrast .contao-cc-widget__btn--contrast img[src$="yellow.svg"] {
    display: block !important;
}
body.contrast .contao-cc-widget__btn--contrast:hover img[src$="red.svg"] {
    display: block !important;
}
body.contrast .contao-cc-widget__btn--contrast:hover img[src$="yellow.svg"] {
    display: none !important;
}
*/

/*
 *
 * WCAG: Zoom mode
 * IMPORTANT: Replace 'body.zoom-*' with the actual selector of the zoom mode.
 *
 */
/* Cookie consent: */
/*
body.zoom-1 #cc-main {
    font-size: 111%;
}
body.zoom-2 #cc-main {
    font-size: 125%;
}
*/

/* Custom widget: */
/*
body.zoom-1 #contao-cc-widget {
    --cc-widget-size: 48px;
}
body.zoom-2 #contao-cc-widget {
    --cc-widget-size: 52px;
}
*/