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

    /* DKFDS' status-paletfarver (https://designsystem.dk/styleguide/farver/).
       DKFDS bruger dem i .text-positive, .alert-warning, .toast-success m.fl.
       men eksponerer dem ikke som tokens — vi spejler dem her så projekt-CSS
       kan referere DKFDS-standardværdierne uden hex-literaler. ds-prefix så
       navngivningen ikke clasher hvis DKFDS senere selv tilføjer tokens.
       var(--color-*, hex) lader os automatisk picke deres token op den dag de
       eksponerer den, ellers falde tilbage til den kendte styleguide-værdi. */
    --ds-color-success: var(--color-success, #358000);
    --ds-color-warning: var(--color-warning, #febb30);
    --ds-color-error: var(--color-error, #CC0000);
}

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;
}

/* FDS 11.1.0 - disabled checkbox/radiobox labels are bold as they inherit font--weight from form-label. Fix for this */
.form-checkbox:disabled + label.form-label.disabled,
.form-radio:disabled + label.form-label.disabled {
    font-weight: 400;
}

/* 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;
    }
}

/* DKFDS v.11 tilbyder kun .xs-full-width på .button (dkfds.css:7853).
   Samme mønster genskabes her for inputs/selects/textareas så de kan fylde
   hele forælderen på xs (< 576px) og beholde naturlig bredde fra sm og op. */
.form-input.xs-full-width,
.form-select.xs-full-width,
textarea.xs-full-width {
    width: 100%;
}

@media (min-width: 576px) {
    .form-input.xs-full-width,
    .form-select.xs-full-width,
    textarea.xs-full-width {
        width: auto;
    }
}

/* DKFDS v.11 har ingen text-nowrap helper — tilføjes her som generel utility. */
.text-nowrap {
    white-space: nowrap;
}