/* Page type background colors */
[data-document-type="1"].layout-1,
[data-document-type="55"],
[data-document-type="56"],
[data-document-type="77"],
[data-document-type="66"] {
    background-color: var(--root-color-background--grey);
}

/* Selected facet buttons in facetting list */
.facets-selection .button__body {
    --background-color: var(--root-color--white);
    --border-top-width: var(--root-border-width);
    --border-right-width: var(--root-border-width);
    --border-bottom-width: var(--root-border-width);
    --border-left-width: var(--root-border-width);
    --color: var(--root-color--primary);
}

.facets-selection .button__body:active,
.facets-selection .button__body:focus,
.facets-selection .button__body:hover {
    --background-color: var(--root-color--white-dark);
}

/* CE Header */
.ce-header.banner--layout-3:not(.section--color) .banner__content {
    --color-background: var(--root-color-background--primary);
}

.ce-header.banner--layout-3:not(.section--color) .ce-header__header {
    --color: var(--root-color--primary);
}

.ce-header.banner--layout-3:not(.section--color) .ce-header__text {
    --color: var(--root-color--primary);
}