/* GM toplinje (2.10.0) — indlæses KUN for låste brugere (GMM_Topline::allowed). */

/* ── Klæbe-rettelsen ──
   Foodica sætter overflow-x:hidden på BÅDE html og body. Så bliver body sin egen scroll-container,
   og position:sticky på #hdr virker ikke. clip klipper det samme uden at lave en scroll-container. */
@supports (overflow-x:clip){html,body{overflow-x:clip!important}}

/* Menuen klæber lige under linjen. !important slår den værdi, gmm-frontend.js måler sig frem til. */
html{--gmtl-h:40px;--hdr-top:calc(var(--wp-admin--admin-bar--height,0px) + var(--gmtl-h))!important}
/* Plads til den faste linje — også til det, annoncerne indsætter øverst i body. */
body.gmtl.gmtl{padding-top:var(--gmtl-h)!important}

/* ── Linjen ── */
#gm-topbar.gmtl{position:fixed;top:var(--wp-admin--admin-bar--height,0px);left:0;right:0;z-index:99998;height:var(--gmtl-h);background:#1E3529;color:#FAF8F3;font:400 13.5px/1.2 'DM Sans',system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
#gm-topbar.gmtl,#gm-topbar.gmtl *{box-sizing:border-box}
/* Temaet tvinger sin serif (Merriweather) ind på div/span/a — samme hårde overstyring som menuen bruger. */
#gm-topbar.gmtl,#gm-topbar.gmtl *{font-family:'DM Sans',system-ui,-apple-system,sans-serif!important;text-transform:none!important;letter-spacing:0!important}
#gm-topbar.gmtl a,#gm-topbar.gmtl button{text-decoration:none!important}
#gm-topbar.gmtl button{margin:0;min-height:0;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;line-height:inherit!important;cursor:pointer}
.gmtl-in{display:flex;align-items:center;gap:22px;height:var(--gmtl-h);max-width:1200px;margin:0 auto;padding:0 24px}
.gmtl-m-only{display:none!important}
.gmtl-i{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.gmtl-cv{width:10px;height:10px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s cubic-bezier(.22,1,.36,1)}

/* Budskaberne skifter */
.gmtl-tk{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
.gmtl-dots{display:flex;align-items:center;gap:5px;flex:none}
.gmtl-d{width:6px;height:4px;border-radius:2px;background:rgba(255,255,255,.28);overflow:hidden;transition:width .4s ease}
.gmtl-d i{display:block;height:100%;background:#E8C87A;transform:scaleX(0);transform-origin:left center}
.gmtl-d.on{width:22px}
.gmtl-d.on i{animation:gmtlBar 5s linear both}
.gmtl-tk.paused .gmtl-d.on i{animation-play-state:paused}
@keyframes gmtlBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.gmtl-view{position:relative;flex:1;min-width:0;height:var(--gmtl-h);overflow:hidden}
.gmtl-s{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;gap:14px;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .45s ease,transform .6s cubic-bezier(.22,1,.36,1)}
.gmtl-s.on{opacity:1;transform:none;pointer-events:auto}
.gmtl-s.out{opacity:0;transform:translateY(-14px);transition:opacity .3s ease,transform .45s ease}
.gmtl-txt{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgba(250,248,243,.8)!important}
.gmtl-txt b{font-weight:600;color:#fff!important}
.gmtl-b{flex:none;display:inline-flex;align-items:center;gap:6px;height:var(--gmtl-h);color:#E8C87A!important;font-size:13.5px;font-weight:600;opacity:0;transform:translateY(8px);transition:opacity .4s ease .12s,transform .5s cubic-bezier(.22,1,.36,1) .12s,color .2s}
.gmtl-s.on .gmtl-b{opacity:1;transform:none}
.gmtl-b:hover{color:#fff!important}
.gmtl-b .gmtl-i{width:14px;height:14px;stroke-width:1.8;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.gmtl-b:hover .gmtl-i{transform:translateX(3px)}

/* De faste links til højre */
.gmtl-r{display:flex;align-items:center;gap:22px;flex:none}
.gmtl-a{display:inline-flex;align-items:center;gap:7px;height:var(--gmtl-h);color:#fff!important;font-size:13.5px;font-weight:400;white-space:nowrap;transition:color .2s}
.gmtl-a:hover{color:#E8C87A!important}
#gm-topbar.gmtl a:focus-visible,#gm-topbar.gmtl button:focus-visible{outline:2px solid #E8C87A;outline-offset:2px;border-radius:4px!important}

/* Sprogvælger (links og flag kommer fra gm-i18n) */
.gmtl-lg{position:relative;display:inline-flex}
.gmtl-lg>button.gmtl-a{font-weight:600}
.gmtl-lg.open .gmtl-cv{transform:rotate(180deg)}
.gmtl-lgm{position:absolute;top:calc(100% + 6px);right:0;display:flex;flex-direction:column;gap:2px;width:212px;padding:6px;background:#fff;border:1px solid #EAE4D8;border-radius:14px;box-shadow:0 18px 40px -16px rgba(28,26,22,.45);opacity:0;transform:translateY(-6px) scale(.97);transform-origin:top right;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .35s cubic-bezier(.22,1,.36,1),visibility 0s linear .35s}
.gmtl-lg.open .gmtl-lgm{opacity:1;transform:none;visibility:visible;pointer-events:auto;transition-delay:0s}
.gmtl-lgm a{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border-radius:9px;color:#1C1A16!important;font-size:14px;font-weight:500;transition:background .15s}
.gmtl-lgm a:hover{background:#F5F1E8}
.gmtl-lgm a[aria-checked="true"]{background:#F5F1E8;font-weight:600}
.gmtl-lgm a[aria-checked="true"]::after{content:"";width:6px;height:11px;margin:0 4px 3px auto;border:solid #2C4A3A;border-width:0 2px 2px 0;transform:rotate(45deg)}
/* Linjen har sin egen sprogvælger på computer; den gamle pille i menuen skjules dér. */
@media(min-width:861px){body.gmtl #hdr .gmi-lang{display:none!important}}

@media(max-width:1100px){.gmtl-xl{display:none}.gmtl-r{gap:18px}}

/* ── Mobil (samme skift som menuen: 860px) ── */
@media(max-width:860px){
  .gmtl-m-only{display:inline!important}
  .gmtl-d-only{display:none!important}
  .gmtl-in{gap:10px;padding:0 16px}
  .gmtl-r{display:none}
  .gmtl-s{gap:10px;cursor:pointer}
}
@media(max-width:782px){
  /* WordPress' admin-linje er ikke fast på mobil; skjul den for testerne, så de ser siden som besøgende. */
  html:root{margin-top:0!important;--hdr-top:var(--gmtl-h)!important}
  body.gmtl #wpadminbar{display:none!important}
  #gm-topbar.gmtl{top:0}
}
@media(max-width:420px){
  .gmtl-dots,.gmtl-bl{display:none}
}
/* Et fast annonce-banner øverst i vinduet (fx Concept X' sticky top) dækker linje og række. gmm-nymenu.js måler,
   hvor langt ned det går, og sætter --gm-ad-top; linje og række flytter sig ned under det med transform
   (ingen layout-skub) — annoncen røres ikke. 0 når der ikke er noget. */
html{--gm-ad-top:0px}
#gm-topbar.gmtl,body.gmnm-on #hdr.gmnm{transform:translateY(var(--gm-ad-top));transition:transform .35s cubic-bezier(.22,1,.36,1)}
/* Mobil: linjen og rækken glider væk ved scroll ned, ind igen ved scroll op. */
#gm-topbar.gmtl.tuck,body.gmnm-on #hdr.gmnm.tuck{transform:translateY(calc(var(--gm-ad-top) - var(--gmtl-h)))}
@media(prefers-reduced-motion:reduce){
  #gm-topbar.gmtl *{transition-duration:.01ms!important;animation-duration:.01ms!important;transition-delay:0s!important}
}