/* Cookie Consent Custom Styles */

/* Consent Modal (Banner) */
#cc-main .cm {
    background: var(--cc-bg) !important;
    border: none !important;
    max-width: 50rem !important;
    width: max-content !important;
}

#cc-main .cm__title {
    color: var(--cc-primary-color) !important;
}

#cc-main .cm__desc {
    color: var(--cc-secondary-color) !important;
}

/* Primary Button (Accept All) */
#cc-main .cm__btn--primary,
#cc-main .pm__btn--primary {
    background: var(--cc-btn-primary-bg) !important;
    color: var(--cc-btn-primary-color) !important;
    border: none !important;
}

#cc-main .cm__btn--primary:hover,
#cc-main .pm__btn--primary:hover {
    background: var(--cc-btn-primary-hover-bg) !important;
    color: var(--cc-btn-primary-hover-color) !important;
}

/* Secondary Button (Necessary Only) */
#cc-main .cm__btn--secondary,
#cc-main .pm__btn--secondary {
    background: var(--cc-btn-secondary-bg) !important;
    color: var(--cc-btn-secondary-color) !important;
    border: 1px solid var(--cc-btn-secondary-color) !important;
}

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

/* Manage Preferences Link */
#cc-main .cm__btn {
    color: var(--cc-link-color) !important;
}

#cc-main .cm__btn:hover {
    color: #fff !important;
}

/* Preferences Modal */
#cc-main .pm {
    background: var(--cc-bg) !important;
}

#cc-main .pm__title {
    color: var(--cc-primary-color) !important;
}

#cc-main .pm__section-desc {
    color: var(--cc-secondary-color) !important;
}

/* Toggle Switches */
#cc-main .section__toggle.toggle--readonly .toggle__icon-on,
#cc-main .section__toggle:not(.toggle--readonly) .toggle__icon-on {
    background: var(--cc-toggle-on-bg) !important;
}

#cc-main .section__toggle .toggle__icon-off {
    background: var(--cc-toggle-off-bg) !important;
}

/* Footer */
#cc-main .cm__footer,
#cc-main .pm__footer {
    background: var(--cc-footer-bg) !important;
    border-top: 1px solid var(--cc-separator-border-color) !important;
}

#cc-main .cm__footer a,
#cc-main .pm__footer a {
    color: var(--cc-link-color) !important;
}

/* Cookie Category Blocks */
#cc-main .section {
    background: var(--cc-cookie-category-block-bg) !important;
    border: 1px solid var(--cc-cookie-category-block-border) !important;
}

#cc-main .section:hover {
    background: var(--cc-cookie-category-block-hover-bg) !important;
}

/* Overlay */
#cc-main #cm {
    background: var(--cc-overlay-bg) !important;
}

#cc-main #s-inr {
    background: var(--cc-overlay-bg) !important;
}

#cc-main .cm-wrapper,
#cc-main .pm-wrapper {
    background: var(--cc-overlay-bg) !important;
}

#cc-main .cm__link-group {
    justify-content: space-between;
}