/* Off-white background on all pages except the root page */
[data-document-type]:not([data-document-site-root="1"]) {
    background-color: var(--root-color-background--grey);
}

/* CE Header */
.ce-header.banner--layout-0 .banner__content-frame {
    position: relative;
}

.ce-header.banner--layout-0 .banner__content-frame::after {
    background-color: var(--root-color--white);
    bottom: 0;
    content: "";
    display: block;
    height: 2rem;
    left: 50%;
    position: absolute;
    transform: translateX(-50%) rotate(45deg) translateY(70%);
    width: 2rem;
}

.ce-header.banner--layout-0:not(.section--color) .banner__content {
    --color-background: var(--root-color--primary);
}

.ce-header.banner--layout-0:not(.section--color) .ce-header__header,
.ce-header.banner--layout-0:not(.section--color) .ce-header__text {
    --color: var(--root-color--white);
}

.ce-header.banner--layout-0:not(.section--color) .banner__content-frame::after {
    background-color: var(--root-color--primary);
}

@media (min-width: 48rem) {
    .ce-header.banner--layout-1 .ce-header__container {
        background-color: var(--root-color--white);
    }

    .ce-header.banner--layout-1 .banner__visual {
        -webkit-mask: url("data:image/svg+xml,%3Csvg width='3000' height='1000' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,807.59C479.08,933.025 981.718,1000 1500,1000C2018.28,1000 2520.92,933.023 3000,807.59L3000,0L0,0L0,807.59Z' fill='%23333' fill-rule='evenodd'/%3E%3C/svg%3E");
        mask: url("data:image/svg+xml,%3Csvg width='3000' height='1000' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,807.59C479.08,933.025 981.718,1000 1500,1000C2018.28,1000 2520.92,933.023 3000,807.59L3000,0L0,0L0,807.59Z' fill='%23333' fill-rule='evenodd'/%3E%3C/svg%3E");
        -webkit-mask-size: 100% auto;
        mask-size: 100% auto;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
    }
}

@media (min-width: 100rem) {
    .ce-header.banner--layout-1 .banner__visual {
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='4000' height='1000' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m 0,807.59 c 638.77334,125.435 1308.9573,192.40997 2000,192.40997 691.04,0 1361.2267,-66.97697 2000,-192.40997 V 0 H 0 Z' fill='%2523333' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
        mask-image: url("data:image/svg+xml,%3Csvg width='4000' height='1000' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m 0,807.59 c 638.77334,125.435 1308.9573,192.40997 2000,192.40997 691.04,0 1361.2267,-66.97697 2000,-192.40997 V 0 H 0 Z' fill='%2523333' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
    }
}

/* Make cards with no image in 1 column transparent */
.section:not(.section--color) .card:not(.card--color).card--image-none,
.section:not(.section--color) .card:not(.card--color).card--image-none .card__link,
.section:not(.section--color) .card:not(.card--color).card--image-none .card__link:focus,
.section:not(.section--color) .card:not(.card--color).card--image-none .card__link:hover {
    background-color: transparent;
}

.section:not(.section--color) .card.card--image-none .card__link:focus,
.section:not(.section--color) .card.card--image-none .card__link:hover {
    box-shadow: none;
}

/* Accordion transparent background color when no section color */
.ce-accordion:not(.section--color) .accordion__button,
.ce-accordion:not(.section--color) .accordion__panel {
    --color-background: transparent;
}

.ce-accordion:not(.section--color) .accordion__button:focus,
.ce-accordion:not(.section--color) .accordion__button:hover {
    --color-background: hsla(0, 0%, 0%, 0.025);
}

/* Facetting */
@media (min-width: 62rem) {
    .facets-filter .collapsible__button,
    .facets-filter .collapsible__panel {
        --color-background: transparent;
    }
}