/* Background color for ALL pages */
body {
    background-color: hsl(150, 20%, 98%);
}

/* Section background overlay image */
.section--color:not(.banner):not(.section--color-grey) {
    position: relative;
}

.section--color:not(.banner):not(.section--color-grey)::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xml:space='preserve'%3E%3Cpath d='M0 11.5h11.5V0h1v11.5H24v1H12.5V24h-1V12.5H0v-1Z' style='fill:%23fff;fill-opacity:.5'/%3E%3C/svg%3E");
    background-repeat: repeat;
    background-size: 1.5rem;
}

/* CE Header */
@media (min-width: 62rem) {
    .ce-header.banner--layout-2 .banner__content-frame {
        background-color: transparent;
        box-shadow: none;
    }
}

.spotlight__content {
    --color-background: transparent;
}

/* Collapsible */
.collapsible.collapsible--open .collapsible__button {
    --color-background: var(--root-color--white);
}

/* Facets selection */
.facets-selection .button {
    --border-radius: 1.5rem;
}

.facets-filter > .collapsible__header > .collapsible__button,
.facets-filter > .collapsible__panel {
    --color-background: transparent;
}

.facets-filter > .collapsible__header > .collapsible__button:hover,
.facets-filter > .collapsible__header > .collapsible__button:focus,
.facets-filter > .collapsible__header > .collapsible__button:active {
    --color-background: transparent;
}

.facets-filter > .collapsible__header > .collapsible__button > .collapsible__toggle-icon {
    margin-left: auto;
}

/* Footer */
.page-footer-link {
    position: relative;
}

.page-footer-link::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xml:space='preserve'%3E%3Cpath d='M0 11.5h11.5V0h1v11.5H24v1H12.5V24h-1V12.5H0v-1Z' style='fill:%23fff;fill-opacity:.5'/%3E%3C/svg%3E");
    background-repeat: repeat;
    background-size: 1.5rem;
}

/* List pages */
.section.list {
    position: relative;
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.section.list::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xml:space='preserve'%3E%3Cpath d='M0 11.5h11.5V0h1v11.5H24v1H12.5V24h-1V12.5H0v-1Z' style='fill:%23fff;fill-opacity:.5'/%3E%3C/svg%3E");
    background-repeat: repeat;
    background-size: 1.5rem;
}