/* header.css — moderne header på hele sitet (1.67.0, 31.10.2026).
 * Necip: "Modernisere også headeren". Samme greb som footeren: kun udseende
 * oven på Astras header-builder. Menuer, links og knaptekst i wp-admin er
 * urørte. Samme palet og skrift som forsiden og footeren (ingen sort).
 *
 * - Fast petroleumsblå bjælke i stedet for temaets halvgennemsigtige grå
 *   (rgba(60,60,69,.39)), der lånte farve fra det, der lå under: hvidt logo på
 *   gråt på lyse sider. Bjælken har samme farve som båndet bag forsidens kort,
 *   så de flyder sammen.
 * - Lavere: 88 px på computer (før 140), 72 px på mobil (før 92).
 * - Menupunkter i Barlow med blå streg under det aktive/hover. Undermenuer
 *   som hvide kort med skygge i stedet for mørkegrå kasser.
 * - Ring-knappen i sitets blå med telefonikon. Mobilmenuen hvid med linjer.
 * Slås fra med DK_SEO_HEADER_V2 = false eller option dk_seo_header_v2 = '0'.
 * Selektorerne starter med #masthead (to id'er hvor de skal slå
 * seo-pages.css' !important-regler på genererede sider). */

@font-face{font-family:'DKF Barlow';font-style:normal;font-weight:400;font-display:swap;src:url(forside/barlow-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'DKF Barlow';font-style:normal;font-weight:600;font-display:swap;src:url(forside/barlow-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'DKF Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url(forside/barlow-condensed-latin-800-normal.woff2) format('woff2')}

header#masthead.site-header{--dkh-bund:#1e6a82;--dkh-blaa:#2bb3e8;--dkh-blaa-moerk:#0b6e96;--dkh-blaa-tekst:#0a2430;--dkh-tekst:#1c2b33;--dkh-tone:#e3f1f7;--dkh-linje:#e2e8eb;background-color:var(--dkh-bund)!important;font-family:'DKF Barlow','Helvetica Neue',Arial,sans-serif}

/* Bjælken (computer og mobil) */
#masthead #ast-desktop-header .main-header-bar,
#masthead #ast-mobile-header .main-header-bar,
#masthead #ast-desktop-header .ast-main-header-wrap,
#masthead #ast-mobile-header .ast-main-header-wrap{background:var(--dkh-bund)!important;background-image:none!important;border:0!important}
#masthead #ast-desktop-header .main-header-bar,
#masthead #ast-mobile-header .main-header-bar{box-shadow:inset 0 -1px 0 rgba(255,255,255,.12)}
#masthead #ast-desktop-header .site-primary-header-wrap{min-height:88px!important;background:transparent!important}
#masthead #ast-mobile-header .site-primary-header-wrap,
#masthead #ast-mobile-header .ast-primary-header-bar{min-height:72px!important}

/* Logo */
#masthead #ast-desktop-header .site-logo-img img{width:auto!important;height:56px!important;max-height:56px!important}
#masthead #ast-mobile-header .site-logo-img img{width:auto!important;height:46px!important;max-height:46px!important}
#masthead .site-logo-img{padding:0!important}

/* Menupunkter (computer) */
#masthead #ast-desktop-header .main-header-menu > .menu-item > .menu-link{position:relative;font-family:'DKF Barlow','Helvetica Neue',Arial,sans-serif!important;font-weight:600!important;font-size:16px!important;letter-spacing:.01em;color:#fff!important;padding:0 14px!important;line-height:88px!important;transition:color .15s ease}
#masthead #ast-desktop-header .main-header-menu > .menu-item > .menu-link::after{content:"";position:absolute;left:14px;right:14px;bottom:24px;height:3px;border-radius:2px;background:var(--dkh-blaa);transform:scaleX(0);transform-origin:left center;transition:transform .2s ease}
#masthead #ast-desktop-header .main-header-menu > .menu-item:hover > .menu-link::after,
#masthead #ast-desktop-header .main-header-menu > .menu-item > .menu-link:focus-visible::after,
#masthead #ast-desktop-header .main-header-menu > .current-menu-item > .menu-link::after,
#masthead #ast-desktop-header .main-header-menu > .current-menu-ancestor > .menu-link::after{transform:scaleX(1)}
#masthead #ast-desktop-header .main-header-menu > .menu-item-has-children > .menu-link::after{right:34px}
#masthead #ast-desktop-header .main-header-menu .dropdown-menu-toggle,
#masthead #ast-desktop-header .main-header-menu > .menu-item > .menu-link .ast-icon{color:rgba(255,255,255,.75)!important}

/* Undermenuer: hvide kort */
#masthead #ast-desktop-header .main-header-menu .sub-menu{background:#fff!important;border:0!important;border-radius:12px!important;box-shadow:0 18px 40px rgba(10,36,48,.18),0 2px 6px rgba(10,36,48,.08)!important;padding:8px!important;min-width:260px;top:calc(100% - 14px)}
#masthead #ast-desktop-header .main-header-menu .sub-menu .menu-item{border:0!important}
#masthead #ast-desktop-header .main-header-menu .sub-menu .menu-link{color:var(--dkh-tekst)!important;font-family:'DKF Barlow','Helvetica Neue',Arial,sans-serif!important;font-weight:600!important;font-size:15px!important;line-height:1.35!important;padding:10px 14px!important;border:0!important;border-radius:8px;background:transparent!important;transition:background .15s ease,color .15s ease}
#masthead #ast-desktop-header .main-header-menu .sub-menu .menu-link:hover,
#masthead #ast-desktop-header .main-header-menu .sub-menu .menu-link:focus-visible,
#masthead #ast-desktop-header .main-header-menu .sub-menu .current-menu-item > .menu-link{background:var(--dkh-tone)!important;color:var(--dkh-blaa-moerk)!important}
#masthead #ast-desktop-header .main-header-menu .sub-menu .sub-menu{top:-8px}

/* Ring-knappen */
#masthead .ast-header-button-1 .ast-custom-button{display:inline-flex!important;align-items:center;gap:8px;background:var(--dkh-blaa)!important;color:var(--dkh-blaa-tekst)!important;border:0!important;border-radius:9px!important;font-family:'DKF Barlow','Helvetica Neue',Arial,sans-serif!important;font-weight:600!important;font-size:16px!important;letter-spacing:.01em;padding:0 20px!important;height:48px;line-height:48px!important;white-space:nowrap!important;box-shadow:0 6px 16px rgba(10,36,48,.18);transition:background .15s ease,transform .15s ease}
#masthead .ast-header-button-1 .ast-custom-button::before{content:"";width:18px;height:18px;flex:0 0 18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3.5h3.5l1.8 4.5-2.3 1.5a11 11 0 0 0 6.5 6.5l1.5-2.3 4.5 1.8V19a2 2 0 0 1-2 2A17 17 0 0 1 3 5.5a2 2 0 0 1 2-2z'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3.5h3.5l1.8 4.5-2.3 1.5a11 11 0 0 0 6.5 6.5l1.5-2.3 4.5 1.8V19a2 2 0 0 1-2 2A17 17 0 0 1 3 5.5a2 2 0 0 1 2-2z'/%3E%3C/svg%3E") no-repeat center/contain}
#masthead .ast-header-button-1 .ast-custom-button-link:hover .ast-custom-button,
#masthead .ast-header-button-1 .ast-custom-button-link:focus-visible .ast-custom-button{background:#4cc3f0!important;transform:translateY(-1px)}
#masthead .ast-header-button-1 .ast-custom-button-link:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:10px}

/* Mobil: menuknappen */
#masthead #ast-mobile-header .menu-toggle{width:46px;height:46px;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center;background:var(--dkh-blaa)!important;border:0!important;border-radius:10px!important;color:var(--dkh-blaa-tekst)!important;box-shadow:0 4px 12px rgba(10,36,48,.18)}
#masthead #ast-mobile-header .menu-toggle .ast-mobile-svg,
#masthead #ast-mobile-header .menu-toggle svg{fill:var(--dkh-blaa-tekst)!important;width:22px;height:22px}

/* Mobil: menuen */
#masthead #ast-mobile-header .ast-mobile-header-content{background:#fff!important;border-top:0!important;box-shadow:0 18px 32px rgba(10,36,48,.16);padding:6px 0 14px!important}
#masthead #ast-mobile-header .ast-mobile-header-content .menu-item{border:0!important}
#masthead #ast-mobile-header .ast-mobile-header-content .menu-link{font-family:'DKF Barlow','Helvetica Neue',Arial,sans-serif!important;font-weight:600!important;font-size:17px!important;color:var(--dkh-tekst)!important;padding:14px 22px!important;border-bottom:1px solid var(--dkh-linje)!important;line-height:1.3!important}
#masthead #ast-mobile-header .ast-mobile-header-content .sub-menu .menu-link{font-weight:400!important;font-size:16px!important;padding-left:36px!important;background:#f6f9fa!important}
#masthead #ast-mobile-header .ast-mobile-header-content .current-menu-item > .menu-link{color:var(--dkh-blaa-moerk)!important;box-shadow:inset 3px 0 0 var(--dkh-blaa)}
#masthead #ast-mobile-header .ast-mobile-header-content .ast-menu-toggle{color:var(--dkh-blaa-moerk)!important;border:0!important;background:transparent!important}

/* 922-1240 px: temaets menu brød allerede over to linjer her (målt ved 1024 px:
 * 683 px menupunkter i 541 px plads). Tættere menupunkter og en kort ring-knap
 * (kun nummeret — knapteksten i wp-admin er urørt, den skjules med font-size:0)
 * holder det på én linje. */
@media (max-width:1240px){
#masthead #ast-desktop-header .main-header-menu > .menu-item > .menu-link{padding:0 8px!important;font-size:15px!important}
#masthead #ast-desktop-header .main-header-menu > .menu-item > .menu-link::after{left:8px;right:8px}
#masthead #ast-desktop-header .main-header-menu > .menu-item-has-children > .menu-link::after{right:26px}
#masthead #ast-desktop-header .site-logo-img img{height:48px!important;max-height:48px!important}
#masthead .ast-header-button-1 .ast-custom-button{font-size:0!important;gap:5px;padding:0 14px!important}
#masthead .ast-header-button-1 .ast-custom-button::after{content:"42 47 51 52";font-size:15px;font-weight:600}
}
@media (prefers-reduced-motion:reduce){
#masthead #ast-desktop-header .main-header-menu > .menu-item > .menu-link::after,#masthead .ast-header-button-1 .ast-custom-button{transition:none}
}