/*
* CookieConsent theme overrides
* Scope overrides to #cc-main to avoid impacting the rest of the site.
*/#cc-main {
/* Typography */
--cc-font-family: "T-Star Charleroi", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";/* Modal background and text */
--cc-bg: #fff;
--cc-border-color: #d4d4de;
--cc-primary-color: #000;
--cc-secondary-color: #000;/* Accent (theme) */
--cc-accent: #d23240;/* Buttons */
--cc-btn-border-radius: var(--tw-radius-sm);
--cc-btn-border-radius: var(--tw-radius-sm);/* Buttons (primary) */
--cc-btn-primary-bg: transparent;
--cc-btn-primary-border-color: var(--cc-accent);
--cc-btn-primary-color: var(--cc-accent);/* Buttons (primary hover) */
--cc-btn-primary-hover-bg: var(--cc-accent);
--cc-btn-primary-hover-border-color: var(--cc-accent);
--cc-btn-primary-hover-color: var(--cc-bg);/* Buttons (secondary) */
--cc-btn-secondary-bg: transparent;
--cc-btn-secondary-border-color: var(--cc-accent);
--cc-btn-secondary-color: var(--cc-accent);/* Buttons (secondary hover) */
--cc-btn-secondary-hover-bg: var(--cc-accent);
--cc-btn-secondary-hover-border-color: var(--cc-accent);
--cc-btn-secondary-hover-color: var(--cc-bg);/* Links (default) */
--cc-link-color: var(--cc-primary-color);/* Toggle */
--cc-toggle-readonly-bg: transparent;
--cc-toggle-off-bg: var(--cc-border-color);/* Footer */
--cc-footer-bg: #f6f5fa;
--cc-footer-border-color: var(--cc-border-color);
--cc-footer-color: var(--cc-primary-color);/* Cookie category blocks */
--cc-cookie-category-block-bg: var(--cc-bg);
--cc-cookie-category-block-border: var(--cc-border-color);
--cc-cookie-category-block-hover-bg: var(--cc-bg);
--cc-cookie-category-block-hover-border: var(--cc-border-color);/* Separator */
--cc-separator-border-color: var(--cc-border-color);/* Toggle */
--cc-toggle-on-bg: var(--cc-accent);/* Positioning offset from viewport edges (affects bottom center placement) */
--cc-modal-margin: calc(var(--tw-spacing) * 2.5);
}/* -------------------------------------------------------------------------- */
/* Layout overrides                                                            */
/* -------------------------------------------------------------------------- *//* No shadow + border color on modals */
#cc-main .cm,
#cc-main .pm {
box-shadow: none !important;
border: 1px solid var(--cc-footer-border-color) !important;
}/* Consent modal wider (cm = consent modal) */
#cc-main .cm {
max-width: 48rem !important;
width: min(48rem, calc(100vw - (var(--cc-modal-margin) * 2))) !important;
}#cc-main .pm__body,
#cc-main .pm__footer,
#cc-main .pm__header {
padding: 20px !important;
}/* -------------------------------------------------------------------------- */
/* Consent modal buttons layout                                               */
/* -------------------------------------------------------------------------- *//* Turn the buttons wrapper into a 3-column grid */
#cc-main .cm__btns {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 10px !important;
align-items: stretch !important;
border-top: none !important;
}/* Flatten button groups so each button becomes a grid item */
#cc-main .cm__btns .cm__btn-group {
display: contents !important;
}/* Make each button fill its grid cell */
#cc-main .cm__btns .cm__btn {
width: 100% !important;
margin: 0 !important;
}/* Optional: on narrow screens, stack */
@media (max-width: 480px) {
#cc-main .cm__btns {
grid-template-columns: 1fr !important;
}
}/* -------------------------------------------------------------------------- */
/* Buttons                                                                    */
/* -------------------------------------------------------------------------- *//*
* CookieConsent button classnames can vary slightly between consent modal and preferences modal.
* Style by common BEM modifiers and provide fallbacks.
*/
#cc-main .cm__btn,
#cc-main .pm__btn,
#cc-main .pm__close-btn {
border-width: 2px !important;
border-style: solid !important;
}#cc-main .pm__close-btn svg {
stroke-width: 3px !important;
}/* -------------------------------------------------------------------------- */
/* Section                                                                     */
/* -------------------------------------------------------------------------- */#cc-main .pm__section {
border: initial !important;
padding: initial !important;
transition: initial !important;
}#cc-main .pm__section--toggle .pm__section-title {
padding: calc(var(--tw-spacing)*4) calc(var(--tw-spacing)*3) calc(var(--tw-spacing)*4) calc(0.6875rem + (var(--tw-spacing) * 6)) !important;
}#cc-main .toggle__icon-off svg,
#cc-main .toggle__icon-on svg {
stroke: var(--cc-primary-color) !important;
}#cc-main .pm__section--expandable .pm__section-arrow {
left: calc(var(--tw-spacing)*3) !important;
width: .6875rem !important;
height: .6875rem !important;
}#cc-main .pm__section--expandable .pm__section-arrow svg {
stroke: var(--cc-primary-color) !important;
transform: none !important;
transition-property: transform, translate, scale, rotate !important;
transition-duration: .2s !important;
transition-timing-function: var(--tw-ease-in-out) !important;
}#cc-main .pm__section--toggle.is-expanded .pm__section-arrow svg {
transform: rotate(180deg) !important;
}/* -------------------------------------------------------------------------- */
/* Typography                                                                 */
/* -------------------------------------------------------------------------- */#cc-main .cm__title,
#cc-main .pm__title {
font-size: 1.375rem !important;
line-height: 1.2 !important;
}#cc-main .cm__title + .cm__desc {
margin-top: .5rem !important;
padding-bottom: 0 !important;
}#cc-main .cm__desc,
#cc-main .cm__btn,
#cc-main .pm__btn,
#cc-main .pm__section-title,
#cc-main .pm__section-desc-wrapper,
#cc-main .cm__link-group {
font-size: 1rem !important;
}#cc-main .cm__btn,
#cc-main .pm__btn,
#cc-main .cm__title,
#cc-main .pm__title,
#cc-main .pm__section-title {
font-weight: 900 !important;
}#cc-main .cc__link,
#cc-main a {
font-weight: 700 !important;
}#cc-main .cc__link, #cc-main a {
border-bottom: 1px solid var(--cc-accent) !important;
background: none !important;
font-weight: normal !important;
transition: color .15s ease-in-out !important;
}#cc-main .cc__link, #cc-main a:hover {
color: var(--cc-accent) !important;
}