/*
 * Header (oppfrisket okt. 2026) – samme formspråk som kategorisiden og checkout:
 * hvitt, tynn ramme #e1e1e1, Udir-grønn aksent, trykkflater ≥ 44px, Inter (css/fonts.css).
 * Mobil (< 768px): hamburger + tittel + søk-ikon + minikurv på én rad; menyen åpnes i flyten
 * under headeren (html.hd-nav-open, se js/nav-toggle.js). iPad stående (768–1023px): to rader.
 * Desktop (≥ 1024px): tittel | søk | kontolenker | minikurv | Udir.no. Lenkene og kurven
 * («dine ting») står tett sammen; DOM-en har samme rekkefølge (tab-rekkefølge).
 * Kategorimenyen står i en lys stripe under headeren fra 768px (den var mørk før).
 * Selektorene starter med .page-wrapper fordi styles-m/l.css lastes etter denne fila.
 */

.page-wrapper {
    --hd-border: #e1e1e1;
    --hd-text: #303030;
    --hd-muted: #5c5c5c;
    --hd-accent: #254b38;
    --hd-accent-soft: #bbe3ce;
    --hd-field-border: #767676;
    --hd-surface-alt: #f3f5f4;
    --hd-radius: 10px;
    --hd-tap: 44px;
}

.page-wrapper .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.page-wrapper .page-header {
    position: relative;
    margin-bottom: 0;
    background: #fff;
    border-bottom: 1px solid var(--hd-border);
}

.page-wrapper .page-header .panel.wrapper {
    background: #fff;
    color: var(--hd-text);
    border-bottom: 0;
    padding: 0;
}

.page-wrapper .page-header .panel.header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    grid-template-areas: "title search cart";
    align-items: center;
    column-gap: 8px;
    row-gap: 8px;
    box-sizing: border-box;
    max-width: 1280px;
    min-height: 72px;
    margin: 0 auto;
    padding: 14px 16px 14px 60px;
}

/* Lumas hilsen/konto-dropdown i panelet brukes ikke; vi har egne kontolenker. */
.page-wrapper .page-header .panel.header > .header.links,
.page-wrapper .nav-sections .header.links {
    display: none;
}

/* Logo-blokken rendrer bare meny-knappen (html/header/logo.phtml); ingen egen rad. */
.page-wrapper .header.content {
    position: static;
    min-height: 0;
    padding: 0;
}

.page-wrapper .logo {
    display: none;
}

/* ---------- Tittel ---------- */

.page-wrapper .host-name {
    grid-area: title;
    float: none;
    min-width: 0;
    margin: 0;
    font-family: inherit;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.3;
    text-align: left;
}

.page-wrapper .host-name a {
    color: var(--hd-text);
    text-decoration: none;
}

.page-wrapper .host-name a:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* ---------- Fokus (2.4.7) ---------- */

.page-wrapper .page-header a:focus-visible,
.page-wrapper .page-header button:focus-visible,
.page-wrapper .nav-sections a:focus-visible {
    outline: 3px solid var(--hd-accent);
    outline-offset: 2px;
}

/* ---------- Kontolenker (desktop; i mobilmenyen under 768px) ---------- */

.page-wrapper .header-wrapper-links {
    grid-area: links;
    display: none;
    float: none;
    margin: 0;
}

.page-wrapper .hd-account-links ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.page-wrapper .header-wrapper-links .hd-account-links ul {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
}

.page-wrapper .hd-account-links li {
    display: block;
    margin: 0;
    font-size: 15px;
}

.page-wrapper .header-wrapper-links .hd-account-links a {
    display: inline-flex;
    align-items: center;
    min-height: var(--hd-tap);
    padding: 0 10px;
    border: 0;
    border-radius: 6px;
    color: var(--hd-text);
    text-decoration: none;
}

.page-wrapper .header-wrapper-links .hd-account-links a:hover {
    color: var(--hd-accent);
    text-decoration: underline;
    text-underline-offset: 4px;
}

/* ---------- Søk ---------- */

.page-wrapper .block-search {
    grid-area: search;
    position: static;
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
    z-index: 4;
}

.page-wrapper .block-search .block-title,
.page-wrapper .block-search .nested {
    display: none;
}

.page-wrapper .block-search .block-content {
    margin: 0;
}

/* Mobil: Lumas søk-ikon (label) er knappen; feltet legger seg under headeren når det er aktivt. */
.page-wrapper .block-search .label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    float: none;
    width: var(--hd-tap);
    height: var(--hd-tap);
    border-radius: 6px;
    cursor: pointer;
}

.page-wrapper .block-search .label:before {
    margin: 0;
    color: var(--hd-text);
}

.page-wrapper .block-search .control {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 5;
    margin: 0;
    padding: 10px 16px 14px;
    border: 0;
    border-bottom: 1px solid var(--hd-border);
    background: #fff;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);
    /* Skjult uten display:none, så <label for="search"> fortsatt kan gi feltet fokus
       (Lumas form-mini setter .active på fokus). */
    opacity: 0;
    pointer-events: none;
    transform: translateY(-6px);
    transition: opacity 0.15s, transform 0.15s;
}

.page-wrapper .block-search .label.active + .control {
    opacity: 1;
    pointer-events: auto;
    transform: none;
}

.page-wrapper .block-search input {
    position: static;
    box-sizing: border-box;
    width: 100%;
    height: var(--hd-tap);
    margin: 0;
    padding: 0 44px 0 12px;
    border: 1px solid var(--hd-field-border);
    border-radius: var(--hd-radius);
    background: #fff;
    color: var(--hd-text);
    font-size: 16px;
}

.page-wrapper .block-search input:focus {
    border-color: var(--hd-accent);
    box-shadow: 0 0 0 3px var(--hd-accent-soft);
    outline: 0;
}

.page-wrapper .block-search .action.search {
    display: none;
}

.page-wrapper .search-autocomplete {
    margin-top: 0;
}

/* ---------- Minikurv ---------- */

.page-wrapper .minicart-wrapper {
    grid-area: cart;
    float: none;
    margin: 0;
}

/* .active: Luma setter inline-block på åpen kurv, så ikonet og tallet hoppet opp. */
.page-wrapper .minicart-wrapper .action.showcart,
.page-wrapper .minicart-wrapper .action.showcart.active {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: var(--hd-tap);
    height: var(--hd-tap);
    padding: 0 6px;
    border-radius: 6px;
    text-decoration: none;
}

.page-wrapper .minicart-wrapper .action.showcart:before,
.page-wrapper .minicart-wrapper .action.showcart.active:before {
    margin: 0;
    color: var(--hd-text);
    font-size: 26px;
    line-height: 1;
}

.page-wrapper .minicart-wrapper .action.showcart .counter.qty {
    display: inline-block;
    box-sizing: border-box;
    height: 22px;
    min-width: 22px;
    margin: 0 0 0 6px;
    padding: 0 7px;
    border-radius: 11px;
    background: var(--hd-accent);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 22px;
    text-align: center;
}

.page-wrapper .minicart-wrapper .action.showcart .counter.qty.empty {
    display: none;
}

.page-wrapper .minicart-wrapper .block-minicart {
    right: 0;
    width: min(360px, calc(100vw - 32px));
    margin-top: 6px;
    padding: 20px;
    border: 1px solid var(--hd-border);
    border-radius: var(--hd-radius);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
}

.page-wrapper .minicart-wrapper .block-minicart:before,
.page-wrapper .minicart-wrapper .block-minicart:after {
    right: 16px;
}

/*
 * Antall i minikurven: −/+ som på handlekurvsiden, lagres av seg selv
 * (js/minicart/sidebar-mixin.js). Endre/slett står til høyre på samme rad som −/+,
 * så ingenting dukker opp oppå ikonene. Rutenett: navn og detaljer over, pris og antall
 * til venstre, ikonene nederst til høyre.
 */
.page-wrapper .minicart-wrapper .minicart-items .product-item-details {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
        "name name"
        "options options"
        "pricing actions";
    column-gap: 8px;
    /* Luma rykker inn 88px forbi bildet (float); som rutenett står blokka allerede ved siden av. */
    padding-left: 13px;
}

.page-wrapper .minicart-wrapper .minicart-items .product-item-name {
    grid-area: name;
}

.page-wrapper .minicart-wrapper .minicart-items .product-item-details > .product.options {
    grid-area: options;
}

.page-wrapper .minicart-wrapper .minicart-items .product-item-pricing {
    grid-area: pricing;
}

.page-wrapper .minicart-wrapper .minicart-items .details-qty {
    margin-top: 8px;
}

.page-wrapper .minicart-wrapper .minicart-items .details-qty .label {
    display: block;
    margin: 0 0 4px;
}

.page-wrapper .minicart-wrapper .minicart-items .product.actions {
    grid-area: actions;
    align-self: end;
    display: flex;
    float: none;
    margin: 0;
}

.page-wrapper .minicart-wrapper .minicart-items .product.actions > .primary,
.page-wrapper .minicart-wrapper .minicart-items .product.actions > .secondary {
    display: block;
    margin: 0;
}

.page-wrapper .minicart-wrapper .minicart-items .product.actions .action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: var(--hd-tap);
    margin: 0;
    border-radius: 6px;
}

.page-wrapper .minicart-wrapper .minicart-items .product.actions .action:hover {
    background: var(--hd-surface-alt);
}

.page-wrapper .mc-minicart-qty {
    position: relative;
    display: inline-flex;
    box-sizing: content-box; /* rammen kommer i tillegg, så knappene blir hele 44px */
    height: var(--hd-tap);
    border: 1px solid var(--hd-field-border);
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.page-wrapper .mc-minicart-qty:focus-within {
    border-color: var(--hd-accent);
    box-shadow: 0 0 0 3px var(--hd-accent-soft);
}

.page-wrapper .mc-minicart-qty__button {
    flex: none;
    width: var(--hd-tap);
    height: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: #fff;
    color: var(--hd-text);
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    box-shadow: none;
}

.page-wrapper .mc-minicart-qty__button:hover {
    border: 0;
    background: var(--hd-accent-soft);
    color: var(--hd-text);
}

.page-wrapper .page-header .mc-minicart-qty__button:focus-visible {
    outline: 2px solid var(--hd-accent);
    outline-offset: -2px;
}

.page-wrapper .mc-minicart-qty__button:disabled {
    background: #fff;
    color: var(--hd-muted);
    opacity: 0.5;
    cursor: default;
}

.page-wrapper .minicart-wrapper .minicart-items .mc-minicart-qty .item-qty {
    box-sizing: border-box;
    width: 44px;
    height: 100%;
    margin: 0;
    padding: 0 4px;
    border: 0;
    border-radius: 0;
    color: var(--hd-text);
    font-size: 16px; /* under 16px zoomer iOS inn når feltet får fokus */
    text-align: center;
    box-shadow: none;
    -moz-appearance: textfield;
    appearance: textfield;
}

.page-wrapper .minicart-wrapper .minicart-items .mc-minicart-qty .item-qty::-webkit-inner-spin-button,
.page-wrapper .minicart-wrapper .minicart-items .mc-minicart-qty .item-qty::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Under lagring: spinner over tallet, knappene kan ikke trykkes. */
.page-wrapper .mc-minicart-qty.mc-minicart-saving {
    pointer-events: none;
}

.page-wrapper .mc-minicart-qty.mc-minicart-saving .item-qty {
    color: transparent;
}

.page-wrapper .mc-minicart-qty.mc-minicart-saving::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    margin: -9px 0 0 -9px;
    border: 2px solid var(--hd-accent-soft);
    border-top-color: var(--hd-accent);
    border-radius: 50%;
    animation: mc-minicart-spin 0.8s linear infinite;
}

@keyframes mc-minicart-spin {
    to {
        transform: rotate(360deg);
    }
}

/* ---------- Udir.no ---------- */

.page-wrapper .udir-link {
    grid-area: udir;
    display: none;
    float: none;
    margin: 0;
    background: transparent;
}

.page-wrapper .udir-link a {
    display: inline-flex;
    align-items: center;
    min-height: var(--hd-tap);
    padding: 0 16px;
    border-radius: 999px;
    background: var(--hd-accent-soft);
    color: var(--hd-accent);
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
}

.page-wrapper .udir-link a div {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    width: auto;
    height: auto;
}

.page-wrapper .udir-link a:hover {
    background: var(--hd-accent);
    color: #fff;
}

/* ---------- Mobilmeny-knapp ---------- */

.page-wrapper .nav-toggle {
    display: block;
    position: absolute;
    left: 8px;
    top: 10px;
    z-index: 14;
    width: var(--hd-tap);
    height: var(--hd-tap);
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
    box-shadow: none;
    font-size: 0;
    cursor: pointer;
}

.page-wrapper .nav-toggle:before {
    color: var(--hd-text);
    font-size: 28px;
    line-height: var(--hd-tap);
}

.page-wrapper .nav-toggle:hover:before {
    color: var(--hd-accent);
}

html.hd-nav-open .page-wrapper .nav-toggle:before {
    content: '\e616';
}

.page-wrapper .nav-toggle:after {
    display: none;
}

/* Innlogging og passordsidene har ingen meny (toppmenyen er fjernet der),
   så tittelen trenger ikke plass til meny-knappen. */
.customer-account-login .page-wrapper .nav-toggle,
.customer-account-login .page-wrapper .nav-sections,
.customer-account-forgotpassword .page-wrapper .nav-toggle,
.customer-account-forgotpassword .page-wrapper .nav-sections,
.customer-account-createpassword .page-wrapper .nav-toggle,
.customer-account-createpassword .page-wrapper .nav-sections {
    display: none !important;
}

.customer-account-login .page-wrapper .page-header .panel.header,
.customer-account-forgotpassword .page-wrapper .page-header .panel.header,
.customer-account-createpassword .page-wrapper .page-header .panel.header {
    padding-left: 16px;
}

@media only screen and (max-width: 767px) {
    /* Luma skjuler meny-knappen i checkout; her er den lik på alle sider. */
    .checkout-index-index .page-wrapper .nav-toggle {
        display: block;
    }

    /* Lumas «Min konto»-nedtrekk på kontosidene er posisjonert oppå toppen av
       innholdet (absolute, top: -21px) og havnet over headeren. Legg den i flyten. */
    .account .page-wrapper .block-collapsible-nav {
        position: relative;
        top: auto;
        margin: 0 0 20px;
    }

    .account .page-wrapper .sidebar-main {
        order: 0;
    }
}

/* ---------- Mobilmeny (i flyten under headeren) ---------- */

.page-wrapper .nav-sections {
    display: none;
    position: static;
    left: auto;
    top: auto;
    width: auto;
    height: auto;
    margin-bottom: 0;
    overflow: visible;
    background: #fff;
    border-bottom: 1px solid var(--hd-border);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);
    transition: none;
}

html.hd-nav-open .page-wrapper .nav-sections {
    display: block;
}

.page-wrapper .nav-sections-items {
    max-width: 1280px;
    margin: 0 auto;
    padding: 4px 16px 12px;
}

.page-wrapper .nav-sections-item-content {
    display: block;
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
}

.page-wrapper .nav-sections .navigation {
    padding: 0;
    background: transparent;
}

.page-wrapper .nav-sections ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.page-wrapper .nav-sections li,
.page-wrapper .nav-sections .navigation .level0,
.page-wrapper .nav-sections .navigation li.level0:last-child {
    margin: 0;
    border: 0;
    border-top: 1px solid var(--hd-border);
    font-size: 17px;
}

.page-wrapper .nav-sections .navigation li.level0:first-child {
    border-top: 0;
}

.page-wrapper .nav-sections li a,
.page-wrapper .nav-sections .navigation .level0 > .level-top {
    display: flex;
    align-items: center;
    min-height: 48px;
    padding: 0 8px;
    border: 0;
    color: var(--hd-text);
    font-weight: 600;
    line-height: 1.3;
    text-transform: none;
    text-decoration: none;
}

.page-wrapper .nav-sections li a:hover,
.page-wrapper .nav-sections .navigation .level0 > .level-top:hover {
    color: var(--hd-accent);
    text-decoration: underline;
    text-underline-offset: 4px;
}

/* Svært smale skjermer (320px): tittelen får mindre skrift så den holder seg på to–tre linjer. */
@media only screen and (max-width: 359px) {
    /* For smalt til −/+ og ikonene på samme rad: ikonene på egen linje under. */
    .page-wrapper .minicart-wrapper .minicart-items .product-item-details {
        grid-template-areas:
            "name name"
            "options options"
            "pricing pricing"
            ". actions";
    }

    .page-wrapper .host-name {
        font-size: 15px;
    }
}

/* ---------- iPad stående og større ---------- */

@media only screen and (min-width: 768px) {
    .page-wrapper .page-header .panel.header {
        grid-template-columns: minmax(0, 1fr) auto auto;
        grid-template-areas:
            "title cart udir"
            "search links links";
        column-gap: 20px;
        row-gap: 14px;
        padding: 22px 20px;
    }

    .page-wrapper .host-name {
        font-size: 20px;
    }

    .page-wrapper .header-wrapper-links,
    .page-wrapper .udir-link {
        display: block;
    }

    /* Rad 1 (tittel, kurv, Udir.no) skal ligge inntil høyre kant selv om søkefeltet under er bredere. */
    .page-wrapper .minicart-wrapper,
    .page-wrapper .udir-link {
        justify-self: end;
    }

    .page-wrapper .block-search {
        position: relative;
        justify-self: start;
        width: 260px;
    }

    .page-wrapper .header-wrapper-links {
        justify-self: end;
    }

    .page-wrapper .block-search .label {
        display: none;
    }

    .page-wrapper .block-search .control {
        position: static;
        padding: 0;
        border: 0;
        box-shadow: none;
        opacity: 1;
        pointer-events: auto;
        transform: none;
        transition: none;
    }

    .page-wrapper .block-search .action.search {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1;
        width: var(--hd-tap);
        height: var(--hd-tap);
        padding: 0;
        border: 0;
        border-radius: 0 var(--hd-radius) var(--hd-radius) 0;
        background: transparent;
    }

    .page-wrapper .block-search .action.search:before {
        color: var(--hd-muted);
        font-size: 22px;
        line-height: 1;
    }

    .page-wrapper .block-search .action.search:not([disabled]):hover:before {
        color: var(--hd-accent);
    }

    .page-wrapper .nav-toggle {
        display: none;
    }

    /* Kategorimenyen: lys stripe under headeren (var mørk før okt. 2026). Kontolenkene i
       mobilmenyen skjules her av Luma (.nav-sections-item-content > *); de står i headeren. */
    .page-wrapper .nav-sections,
    html.hd-nav-open .page-wrapper .nav-sections,
    .checkout-index-index .page-wrapper .nav-sections {
        display: block;
        margin-bottom: 0;
        background: var(--hd-surface-alt);
        box-shadow: none;
    }

    .page-wrapper .nav-sections-items {
        padding: 0 20px;
    }

    .page-wrapper .nav-sections .navigation {
        background: transparent;
        font-weight: 600;
    }

    .page-wrapper .nav-sections .navigation ul.topmenu_categories {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 4px 24px;
    }

    .page-wrapper .nav-sections .navigation .level0,
    .page-wrapper .nav-sections .navigation li.level0:last-child {
        margin: 0;
        border: 0;
        font-size: 15px;
    }

    .page-wrapper .nav-sections .navigation .level0 > .level-top {
        min-height: 48px;
        padding: 0;
        line-height: 1.3;
        color: var(--hd-text);
    }
}

@media only screen and (min-width: 1024px) {
    .page-wrapper .page-header .panel.header {
        grid-template-columns: minmax(0, 1fr) auto auto auto auto;
        grid-template-areas: "title search links cart udir";
        column-gap: 0;
        padding: 26px 20px;
    }

    /* Luft: søk – lenker 20px (+ lenkenes egen polstring), kurven inntil lenkene, Udir.no for seg. */
    .page-wrapper .block-search {
        justify-self: end;
        margin-left: 24px;
    }

    .page-wrapper .header-wrapper-links {
        margin-left: 20px;
    }

    .page-wrapper .minicart-wrapper {
        margin-left: 6px;
    }

    .page-wrapper .udir-link {
        margin-left: 24px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .page-wrapper .block-search .control {
        transition: none;
    }

    .page-wrapper .mc-minicart-qty.mc-minicart-saving::after {
        animation-duration: 2.4s;
    }
}

/* WCAG 2.1 AA – 1.4.3: kontrast hev fra 3.71:1 til 4.55:1 mot hvit tekst */
.action.primary {
    background: #5e798e !important;
    border-color: #5e798e !important;
}

.action.primary:hover {
    background: #43596b !important;
    border-color: #43596b !important;
}

.checkout-index-index .payment-option._collapsible.opc-payment-additional.discount-code
{
    display: none;
}

#kontaktinformasjon {
    width:90%;
    margin: auto;
    text-align:center;
}

/** footer **/

.page-footer {
    background-color: #303030 !important;
    padding-bottom: 0px !important;
}

.custom-footer {
    display: flex;
    text-align: center;
    color: #FFF;
    align-items: center;
}

.custom-footer .parent-element {
   flex: 1;
}

/* height-attributtet på <img> overstyres av Magentos img { height: auto } */
.custom-footer .parent-element img {
    box-sizing: content-box;
    height: 70px;
    width: auto;
    padding: 8px 12px;
    background: #FFF;
}

.custom-footer .info-links ul {
    padding: 0 !important;
}

.custom-footer .info-links li {
    display:inline-block;
    padding-left: 10px;
    padding-right:11px;
}

.custom-footer .info-links li:not(:last-child){
    border-right: 1px solid #dad9d6;
}

.custom-footer .udir {
    background:#b9e1cb;
    padding:8px;
    color: #303030 !important;
}

.custom-footer .udir:hover{
    background:#00468e;
    color: #FFF !important;
}

.custom-footer a {
    color: #FFF !important;
}

.custom-footer .info-links a:hover {
    color: #B9E1CC !important;
}

.copyright {
    background: #303030 !important;
}

/* add margin-top to checkout cause of adjusments in header we have done */
#checkout {
    margin-top: 20px;
}


@media only screen and (max-width: 768px){
    .custom-footer {
        display: block;
    }

    .custom-footer div{
        width: 100%;
        margin-top: 40px;
        margin-bottom: 20px;
    }

}

/* WCAG 2.1 AA – 1.4.1: lenker i tekstinnhold må skille seg fra brødtekst med mer enn farge */
.column.main p a,
.column.main li a,
.column.main td a,
.column.main dd a,
.column.main .field.note a,
.cms-content a,
#login-form .field.note a,
.box-content a,
.account .data.table a,
.product.attribute.description a {
    text-decoration: underline;
}

.column.main p a:hover,
.column.main li a:hover,
.column.main td a:hover,
.column.main dd a:hover,
.cms-content a:hover,
#login-form .field.note a:hover {
    text-decoration: none;
}

/* WCAG 2.1 AA – 2.4.7: synlig fokusindikator må fungere også mot mørke bakgrunner */
.custom-footer a:focus,
.custom-footer a:focus-visible {
    outline: 3px solid #ffd84a !important;
    outline-offset: 2px;
    text-decoration: underline !important;
}

.custom-footer .udir:focus,
.custom-footer .udir:focus-visible {
    background: #00468e !important;
    color: #FFF !important;
    outline: 3px solid #ffd84a !important;
    outline-offset: 2px;
}

.page-footer a:focus,
.page-footer a:focus-visible {
    outline: 3px solid #ffd84a !important;
    outline-offset: 2px;
}