:root {
    --bg-primary-background-color: var(--color-primary);
    --bg-primary-text-color: var(--color-white);
}

body {
    min-height: 100dvh;
}

.bg-primary {
    /*
        consider adding .bg-primary * to selector to avoid overwrite by _normalize.scss
    */
    background-color: var(--bg-primary-background-color);
    color: var(--bg-primary-text-color);
}

header.header .portal-info {
    background-color: #f1f1f1;
}

    header.header .portal-info .portal-info-inner {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    header.header .portal-info .logo {
        background-image: var(--portal-logo);
        height: 42px;
    }

.header .portal-info .portal-header .logo {
    max-height: 4.8rem !important;
    width: var(--portal-logo-width) !important;
    height: var(--portal-logo-height) !important;
}

.header .portal-info .portal-header .logo {
    max-height: 4.8rem !important;
    width: var(--portal-logo-width) !important;
    height: var(--portal-logo-height) !important;
}

footer .footer .logo {
    background-image: var(--footer-logo);
    max-width: 14.50rem !important;
    max-height: 7.44rem !important;
}

/* ABR: hides section outlets without render fragments */
.header .nav .navbar:has(.navbar-inner:empty),
.header .nav .navbar .navbar-inner:has(.nav-actions:empty) {
    display: none;
}

/* ABR: unsetting overflow to ensure proper display of overflow menu */
.card {
    overflow: unset;
}

.form-checkbox:disabled, .form-radio:disabled, .form-input:disabled {
    cursor: not-allowed;
}

/* MIM (on solicitation from USE): Hide burger-menu when there is no buttons in .portal-user, i.e. no login  button */
body > header > div.portal-info > .portal-info-inner > button.button-menu-open:not(:has(~ .portal-user button)) {
    display: none;
}

fieldset[aria-readonly=true] input[type=radio],
fieldset[aria-readonly=true] input[type=radio] + label.form-label,
input[type=checkbox][aria-readonly=true],
input[type=checkbox][aria-readonly=true] + label.form-label {
    cursor: default;
}


    fieldset[aria-readonly=true] input[type=radio] + label.form-label:before,
    fieldset[aria-readonly=true] input[type=radio] + label.form-label:after,
    input[type=checkbox][aria-readonly=true] + label.form-label:before,
    input[type=checkbox][aria-readonly=true]:checked + label.form-label:before,
    input[type=checkbox][aria-readonly=true][aria-checked=mixed] + label.form-label:before {
        cursor: default;
        opacity: 0.3;
    }

@media(max-width: 768px) {
    .accordion-content {
        padding-left: 1.6rem;
    }
}