/* Overview pages background color */
[data-document-type="55"],
[data-document-type="56"],
[data-document-type="66"],
[data-document-type="77"] {
    background-color: var(--root-color-background--primary);
}

/* Rainbow on toptask header and card  */
.ce-header .banner__content,
.ce-header .banner__content-frame,
.highlightmenu .card {
    position: relative;
}

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

.ce-header.banner--layout-3 .banner__content,
.ce-header.banner--layout-3.section--color-secondary .banner__content,
.ce-header.banner--layout-3.section--color-support .banner__content,
.ce-header.banner--layout-3.section--color-grey .banner__content {
    --color-background: var(--root-color-background--primary);
}

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

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

.ce-header:not(.banner--layout-3)::after,
.highlightmenu .card::after,
.top-tasks-header::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0.5rem;
    transform: translate(0, 50%);
    z-index: 1;
}

.highlightmenu .card::after {
    background: linear-gradient(90deg, #C9CE26 0%, var(--root-color--primary) 100%);
}

.ce-header:not(.banner--layout-3):not(.banner--layout-1) .banner__content-frame::after,
.ce-header.banner--layout-1 .banner__content::after,
.top-tasks-header::after {
    background: linear-gradient(90deg, var(--root-color--primary) 0%, #C9CE26 100%);
}

.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);
    --font-weight: var(--root-font-weight--bold);
}

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

/* No borders on contactpage collapsible */
[data-document-type="64"] .collapsible:not(.accordion__item) {
    border: 0;
    margin-bottom: 0.25rem;
    --color-border-horizontal: transparent;
}

[data-document-type="64"] .collapsible__button:focus,
[data-document-type="64"] .collapsible__button:hover {
    --color-background: #FBFCF0;
}