/* Page header menu */
@media (min-width: 62em) {
    .page-header__menu {
        --color-background: transparent;
    }

    .page-header__menu__text {
        --color-text: var(--root-color--white);
        --color-text__active: var(--root-color--white);
        --color-text__hover: var(--root-color--white);
    }
}

/* Cards */
.card:not(.card--image-none):not(.card--color),
.section--color .card.card--image-none:not(.card--color) {
    border-bottom: 0.1875rem solid var(--root-color--secondary);
}

@container main-column not style(--list--color-background: transparent) {
    .section:not(.section--color) .card:not(.card--color).card--image-none {
        border-bottom: 0.1875rem solid var(--root-color--secondary);
    }
}

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

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

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

@media (min-width: 62em) {
    .ce-header.banner--layout-2 .banner__content {
        --color-background: var(--root-color--primary);
    }

    .ce-header.banner--layout-2 .ce-header__header {
        --color: var(--root-color--white);
    }

    .ce-header.banner--layout-2 .ce-header__text {
        --color: var(--root-color--white);
    }
}

/* Follow-up general */
.follow-up .metadata__item .icon {
    fill: var(--root-color--primary);
}

/* Facetting */
.facets-selection .button--small {
    --background-color: var(--root-color--white);
    --border-top-color: var(--root-color--primary);
    --border-right-color: var(--root-color--primary);
    --border-bottom-color: var(--root-color--primary);
    --border-left-color: var(--root-color--primary);
    --color: var(--root-color--primary);
}

.facets-selection .button--small:active,
.facets-selection .button--small:focus,
.facets-selection .button--small:hover {
    --border-top-color: var(--root-color--primary);
    --border-right-color: var(--root-color--primary);
    --border-bottom-color: var(--root-color--primary);
    --border-left-color: var(--root-color--primary);
    --background-color: var(--root-color--white-dark);
}

/* To overview button */
.button.to-overview {
    --background-color: var(--root-color--white);
    --border-top-color: var(--root-color--primary);
    --border-right-color: var(--root-color--primary);
    --border-bottom-color: var(--root-color--primary);
    --border-left-color: var(--root-color--primary);
    --color: var(--root-color--primary);
}

.button.to-overview:active,
.button.to-overview:focus,
.button.to-overview:hover {
    --border-top-color: var(--root-color--primary);
    --border-right-color: var(--root-color--primary);
    --border-bottom-color: var(--root-color--primary);
    --border-left-color: var(--root-color--primary);
    --background-color: var(--root-color--white-dark);
}