/* gulspejder_test — sidelayout: header (SiteHeader/DesktopHeader), mobilmenu (MenuSheet), footer.
   Mobile first; desktop-headeren og -footeren starter ved 1024px. */

.gs-page{display:flex;flex-direction:column;min-height:100vh}
.gs-main{flex:1 0 auto}

/* ================= Header ================= */
.gs-header{position:sticky;top:0;z-index:30;height:var(--header-h);background:rgba(251,248,243,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}
.gs-header__inner{height:100%;display:flex;align-items:center;gap:12px;padding:0 8px 0 var(--gutter-mobile);box-sizing:border-box}
.gs-header__logo{display:flex;align-items:center;margin-right:auto;flex-shrink:0}
.gs-header__logo img{display:block;height:44px;width:auto}
.gs-header__inner:has(.gs-header__cta) .gs-header__logo img{height:40px}
.gs-header__logo-white{display:none!important}
.gs-header__nav,.gs-header__utility{display:none}
.gs-header__menubtn .gs-icon{width:22px;height:22px}

/* Mørk/transparent udgave oven på hero-foto */
.gs-header--dark{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom-color:transparent}
.gs-header--dark .gs-header__logo-color{display:none!important}
.gs-header--dark .gs-header__logo-white{display:block!important}
.gs-header--dark .gs-header__menubtn{background:rgba(255,255,255,.16);color:#fff}
.gs-header--dark .gs-header__menubtn:hover{background:rgba(255,255,255,.28)}
.gs-header--dark .gs-header__cta,.gs-header--dark .gs-header__cta:hover{color:var(--on-accent);border-color:var(--accent)}
.gs-header--dark .gs-header__cta{background:var(--accent)}
.gs-header--dark .gs-header__cta:hover{background:var(--yellow-300)}

/* Heroen trækkes op under headeren, så headeren ligger oven på fotoet */
.gs-page--hero .gs-top{margin-top:calc(-1 * var(--header-h))}

@media (min-width:1024px){
  .gs-header{height:var(--header-h-desktop);background:rgba(251,248,243,.92)}
  .gs-header__inner{max-width:var(--content-max);margin:0 auto;padding:0 var(--gutter-desktop);gap:36px}
  .gs-header__logo{margin-right:0}
  .gs-header__logo img,.gs-header__inner:has(.gs-header__cta) .gs-header__logo img{height:56px}
  .gs-header__nav{display:flex;height:100%;margin-right:auto}
  .gs-header__nav ul{display:flex;gap:28px;height:100%;margin:0;padding:0;list-style:none}
  .gs-header__nav li{display:flex;height:100%}
  .gs-navlink{position:relative;display:flex;align-items:center;height:100%;color:var(--text-strong);font-size:16px;font-weight:var(--fw-semibold);text-decoration:none;white-space:nowrap}
  .gs-navlink::after{content:"";position:absolute;left:0;right:0;bottom:20px;height:3px;border-radius:2px;background:var(--brand);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-base) var(--ease-out)}
  .gs-navlink:hover,.gs-navlink.is-active{color:var(--text-strong)}
  .gs-navlink:hover::after,.gs-navlink.is-active::after{transform:scaleX(1)}
  .gs-header__utility{display:flex;align-items:center;gap:8px;color:var(--text-strong);font-size:15px;font-weight:var(--fw-semibold);text-decoration:none;white-space:nowrap}
  .gs-header__utility:hover{color:var(--text-strong);text-decoration:underline}
  .gs-header__menubtn{display:none}

  .gs-header--dark{background:transparent;border-bottom:1px solid rgba(255,255,255,.2)}
  .gs-header--dark .gs-navlink,.gs-header--dark .gs-navlink:hover,.gs-header--dark .gs-header__utility,.gs-header--dark .gs-header__utility:hover{color:#fff}
  .gs-header--dark .gs-navlink::after{background:var(--yellow-500)}
  .gs-page--hero .gs-top{margin-top:calc(-1 * var(--header-h-desktop))}
}

/* ================= Mobilmenu (MenuSheet) ================= */
.gs-menusheet{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--surface-inverse);color:#fff;overflow-x:hidden;overflow-y:auto}
.gs-menusheet::backdrop{background:transparent}
.gs-menusheet[open]{animation:gs-sheet-in var(--dur-slow) var(--ease-out)}
@keyframes gs-sheet-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.gs-menusheet__lilje{right:-120px;bottom:-40px;height:520px;opacity:.08}
.gs-menusheet__top{position:relative;display:flex;align-items:center;height:var(--header-h);padding:0 8px 0 var(--gutter-mobile)}
.gs-menusheet__logo{height:44px;width:auto;margin-right:auto}
.gs-menusheet__body{position:relative;display:flex;flex-direction:column;gap:28px;padding:8px var(--gutter-mobile) 32px}
.gs-menusheet__group{display:flex;flex-direction:column}
.gs-menusheet__group .gs-overline{margin-bottom:6px}
.gs-menusheet__list{margin:0;padding:0;list-style:none}
.gs-menusheet__link{display:flex;align-items:center;gap:12px;min-height:52px;border-bottom:1px solid rgba(255,255,255,.12);color:#fff;text-decoration:none;font-size:17px;font-weight:var(--fw-medium)}
.gs-menusheet__link:hover{color:#fff;background:rgba(255,255,255,.04)}
.gs-menusheet__label{margin-right:auto}
.gs-menusheet__icon{color:var(--yellow-300)}
.gs-menusheet__chevron{color:rgba(255,255,255,.6)}
.gs-menusheet__list--large .gs-menusheet__link{font-family:var(--font-display);font-stretch:var(--display-stretch);font-weight:var(--fw-black);font-size:30px;text-transform:uppercase}
body:has(.gs-menusheet[open]){overflow:hidden}

/* ================= Footer ================= */
.gs-footer{position:relative;overflow:hidden;background:var(--forest-900);color:rgba(255,255,255,.85);font-size:15px;padding:36px 0 28px}
.gs-footer__lilje{right:-70px;top:-20px;height:360px;opacity:.1}
.gs-footer__inner{position:relative}
.gs-footer__grid{display:flex;flex-direction:column;gap:20px}
.gs-footer__logo{display:block;height:56px;width:auto}
.gs-footer__tagline{display:none}
.gs-footer a{color:#fff;text-decoration:none}
.gs-footer a:hover{color:#fff;text-decoration:underline}
.gs-footer ul{margin:0;padding:0;list-style:none}
/* Mobil: alle links i ét 2-kolonne-gitter, uden kolonneoverskrifter */
.gs-footer__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.gs-footer__col,.gs-footer__col ul{display:contents}
.gs-footer__coltitle{display:none}
.gs-footer__bottom{display:flex;flex-direction:column;gap:20px;margin-top:20px}
.gs-footer__social{order:-1;display:flex;gap:10px}
.gs-footer__socialbtn{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center}
.gs-footer__socialbtn:hover{background:rgba(255,255,255,.2)}
.gs-footer__meta{margin:0;font-size:13px;color:rgba(255,255,255,.75)}
.gs-footer__meta a{color:rgba(255,255,255,.75)}

@media (min-width:1024px){
  .gs-footer{padding:64px 0 32px}
  .gs-footer__lilje{right:0;top:-60px;height:520px;opacity:.08}
  .gs-footer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px}
  .gs-footer__logo{height:68px}
  .gs-footer__tagline{display:block;margin:18px 0 0;max-width:300px;line-height:1.55}
  .gs-footer__cols{display:contents}
  .gs-footer__col{display:flex;flex-direction:column;gap:10px}
  .gs-footer__col ul{display:flex;flex-direction:column;gap:10px}
  .gs-footer__coltitle{display:block;margin-bottom:4px}
  .gs-footer__bottom{flex-direction:row;flex-wrap:wrap;align-items:center;gap:16px;margin-top:48px;padding-top:24px;border-top:1px solid rgba(255,255,255,.14)}
  .gs-footer__social{order:0}
  .gs-footer__meta{margin-right:auto}
  .gs-footer__socialbtn{width:40px;height:40px}
  .gs-footer__socialbtn .gs-icon{width:18px;height:18px}
}
#page-content:focus{outline:none}