/* Protect cookie banner from site-wide theme overrides */
body.light > #cc-main,
body.dark > #cc-main {
    background-color: transparent !important;
    color: inherit !important;
}

#cc-main {
    --cc-font-family: "Roboto", "Alata", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --cc-modal-border-radius: 0.5rem;
    --cc-btn-border-radius: 0.4rem;
    --cc-modal-margin: 1rem;

    --cc-bg: var(--background-color, #f4f5f6);
    --cc-primary-color: var(--text-color, #000);
    --cc-secondary-color: var(--text-secondary-color, #333);
    --cc-btn-primary-bg: var(--primary-color, #000);
    --cc-btn-primary-color: var(--background-color, #f4f5f6);
    --cc-btn-primary-border-color: var(--primary-color, #000);
    --cc-btn-primary-hover-bg: #333;
    --cc-btn-primary-hover-color: var(--background-color, #f4f5f6);
    --cc-btn-primary-hover-border-color: #333;
    --cc-btn-secondary-bg: var(--secondary-color, #e9ecef);
    --cc-btn-secondary-color: var(--text-color, #000);
    --cc-btn-secondary-border-color: var(--secondary-color, #e9ecef);
    --cc-btn-secondary-hover-bg: #dde1e4;
    --cc-btn-secondary-hover-color: var(--text-color, #000);
    --cc-btn-secondary-hover-border-color: #dde1e4;
    --cc-separator-border-color: rgba(0, 0, 0, 0.12);
    --cc-cookie-category-block-bg: rgba(0, 0, 0, 0.04);
    --cc-cookie-category-block-border: rgba(0, 0, 0, 0.08);
    --cc-cookie-category-block-hover-bg: rgba(0, 0, 0, 0.07);
    --cc-cookie-category-block-hover-border: rgba(0, 0, 0, 0.1);
    --cc-overlay-bg: rgba(0, 0, 0, 0.55);
}

html.cc--darkmode #cc-main,
body.dark > #cc-main {
    --cc-bg: var(--background-color-dark, #18191a);
    --cc-primary-color: var(--text-color-dark, #e4e6eb);
    --cc-secondary-color: var(--text-secondary-color-dark, #b0b3b8);
    --cc-btn-primary-bg: var(--primary-color-dark, #fff);
    --cc-btn-primary-color: var(--background-color-dark, #18191a);
    --cc-btn-primary-border-color: var(--primary-color-dark, #fff);
    --cc-btn-primary-hover-bg: #d0d0d0;
    --cc-btn-primary-hover-color: var(--background-color-dark, #18191a);
    --cc-btn-primary-hover-border-color: #d0d0d0;
    --cc-btn-secondary-bg: var(--secondary-color-dark, #212529);
    --cc-btn-secondary-color: var(--text-color-dark, #e4e6eb);
    --cc-btn-secondary-border-color: var(--secondary-color-dark, #212529);
    --cc-btn-secondary-hover-bg: #2d3238;
    --cc-btn-secondary-hover-color: var(--text-color-dark, #e4e6eb);
    --cc-btn-secondary-hover-border-color: #2d3238;
    --cc-separator-border-color: rgba(255, 255, 255, 0.12);
    --cc-cookie-category-block-bg: var(--secondary-color-dark, #212529);
    --cc-cookie-category-block-border: rgba(255, 255, 255, 0.08);
    --cc-cookie-category-block-hover-bg: #2a2f35;
    --cc-cookie-category-block-hover-border: rgba(255, 255, 255, 0.12);
    --cc-toggle-off-bg: #525f6b;
    --cc-toggle-readonly-bg: #343e45;
    --cc-overlay-bg: rgba(0, 0, 0, 0.7);
}

#cc-main .cm,
#cc-main .pm {
    border: 1px solid var(--cc-separator-border-color);
    box-shadow: 0 0.625em 1.875em rgba(0, 0, 0, 0.25);
}

#cc-main .cm__title,
#cc-main .pm__title {
    line-height: 1.4;
}

#cc-main .cm__desc,
#cc-main .pm__section-desc {
    line-height: 1.5;
}

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



.pm-wrapper {
  color: white !important;
}


#cm__title {
  color: white !important;
}