/* ==========================================
   SAFE MOTION – FELLES CSS
   Navy: #151720
   Blå: #009CFF
   Grå: #CCCCCC
   Font: Montserrat
========================================== */


/* ==========================================
   1. MOBIL – HINDRE HORISONTAL SCROLL
========================================== */

@media (max-width: 767px) {
    html,
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: clip;
    }
}


/* ==========================================
   2. ASTRA – MOBILMENY
========================================== */

@media (max-width: 921px) {

    .ast-header-break-point
    .main-header-menu
    .menu-item-has-children {
        position: relative;
    }

    .ast-header-break-point
    .main-header-menu
    .menu-item-has-children > a.menu-link {
        position: relative;
        z-index: 3;
        pointer-events: none;
    }

    .ast-header-break-point
    .main-header-menu
    .menu-item-has-children > .ast-menu-toggle {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 48px;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding-right: 18px;
        background: transparent;
    }
}



/* Astra-header: ingen stiplet markering ved museklikk; behold tastaturfokus. */
#masthead a:focus:not(:focus-visible){outline:none!important;box-shadow:none!important}
#masthead a:focus-visible{outline:2px solid #009cff!important;outline-offset:4px;box-shadow:none!important}
/* Felles språkvelgere på offentlige sider og i portalen. */
.smep-language a:focus:not(:focus-visible),[data-sm-switch]:focus:not(:focus-visible){outline:none!important;box-shadow:none!important}
.smep-language a:focus-visible,[data-sm-switch]:focus-visible{outline:2px solid #009cff!important;outline-offset:3px;box-shadow:none!important}
/* Nyhetsbrev: bruk hele footerraden */
#colophon .site-footer-section:has(.smnl-cta),
#colophon .footer-widget-area:has(.smnl-cta),
#colophon .widget:has(.smnl-cta) {
  width: 100% !important;
  max-width: none !important;
}

#colophon .smnl-cta {
  width: 100%;
  max-width: 1140px;
  margin-inline: auto;
}
/* La nyhetsbrevet fylle sin egen footerrad */
#colophon .ast-builder-grid-row:has(.smnl-cta) {
  grid-template-columns: minmax(0, 1fr) !important;
}

#colophon .site-footer-section:has(.smnl-cta) {
  grid-column: 1 / -1;
  min-width: 0;
}

#colophon .smnl-cta {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
}