/* ============================================================
   KEGS · FÆLLES UI (sprogvælger + cookie-popup)
   Bruger sidens eksisterende design-tokens (--orange, --cream osv.)
   ============================================================ */

/* ---------- SPROGVÆLGER ---------- */
.kegs-lang{
  display:inline-flex;align-items:center;gap:4px;
  background:var(--paper);
  border:1.5px solid var(--line);
  border-radius:999px;padding:4px;
  flex-shrink:0;
}
.kegs-lang button{
  background:none;border:2px solid transparent;cursor:pointer;
  padding:2px;border-radius:6px;line-height:0;display:flex;opacity:.45;
  transition:transform .12s, border-color .15s, opacity .15s, box-shadow .2s;
}
.kegs-lang button svg{
  width:26px;height:18px;border-radius:3px;display:block;overflow:hidden;
  box-shadow:0 0 0 1px rgba(0,0,0,0.08);
}
.kegs-lang button:hover{opacity:.85;transform:translateY(-1px)}
.kegs-lang button.active{
  opacity:1;border-color:var(--orange);
  box-shadow:0 0 10px rgba(247,166,36,0.45);
}
@media(max-width:780px){
  .kegs-lang{margin-left:auto}
}

/* ---------- COOKIE-POPUP (kompakt) ---------- */
.kegs-cc{
  position:fixed;left:0;right:0;bottom:0;z-index:11000;
  display:flex;justify-content:center;
  padding:10px;pointer-events:none;
  opacity:0;transform:translateY(10px);
  transition:opacity .25s ease, transform .25s ease;
}
.kegs-cc.show{opacity:1;transform:none;pointer-events:auto}
.kegs-cc-box{
  width:100%;max-width:540px;
  background:var(--paper);
  border:1.5px solid var(--line);
  border-radius:12px;
  box-shadow:0 10px 30px -10px rgba(42,33,24,0.3);
  padding:10px 12px;
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  font-family:'Outfit',sans-serif;
}
.kegs-cc-text{
  flex:1 1 220px;min-width:0;margin:0;
  font-size:12px;line-height:1.4;color:var(--ink-soft);font-weight:500;
}
.kegs-cc-text a{color:var(--orange-deep);font-weight:700;text-decoration:none;white-space:nowrap}
.kegs-cc-text a:hover{text-decoration:underline;text-underline-offset:2px}
.kegs-cc-actions{display:flex;gap:6px;flex-shrink:0;margin-left:auto}
.kegs-cc-btn{
  font-family:'Outfit',sans-serif;font-size:12.5px;font-weight:700;
  padding:8px 14px;border-radius:8px;cursor:pointer;line-height:1;white-space:nowrap;
  transition:transform .1s, box-shadow .18s, background .15s, border-color .15s;
}
.kegs-cc-btn:active{transform:scale(.97)}
.kegs-cc-btn.ghost{background:var(--paper);border:1.5px solid var(--line);color:var(--ink-soft)}
.kegs-cc-btn.ghost:hover{border-color:var(--orange);color:var(--orange-deep)}
.kegs-cc-btn.solid{background:var(--orange);border:1.5px solid var(--orange);color:#fff;box-shadow:0 0 14px rgba(247,166,36,0.4)}
.kegs-cc-btn.solid:hover{background:var(--orange-deep);border-color:var(--orange-deep)}
@media(max-width:480px){
  .kegs-cc-box{padding:10px}
  .kegs-cc-actions{width:100%;margin-left:0}
  .kegs-cc-btn{flex:1}
}


/* footer cookie-link */
.kegs-footer-cookies{
  background:none;border:none;cursor:pointer;padding:0;
  font-family:inherit;font-size:inherit;color:inherit;text-decoration:none;
}
.kegs-footer-cookies:hover{color:var(--orange-deep);text-decoration:underline;text-underline-offset:3px}

/* ---------- SPROG-BLOKKE (til sider med længere brødtekst) ---------- */
.lang-en{display:none}
html[lang="en"] .lang-da{display:none}
html[lang="en"] .lang-en{display:block}
html[lang="en"] span.lang-en,
html[lang="en"] a.lang-en{display:inline}

/* ---------- NAV HØJRE-GRUPPE (sprogvælger + CTA) på alle sider ---------- */
.kegs-nav-right{display:flex;align-items:center;gap:10px;flex-shrink:0}
@media(max-width:780px){
  .kegs-nav-right{width:100%;order:2;justify-content:space-between;padding-bottom:6px}
  .kegs-nav-right .kegs-lang{margin-left:0}
  .kegs-nav-right .kegs-cta{flex:1;text-align:center}
}

/* ---------- MENUKORT: ingredienser + alkohol pr. drink ---------- */
.m-alko{margin-top:10px;padding-top:10px;border-top:1.5px dashed var(--line)}
.m-ing{font-size:12.5px;color:var(--ink-soft);line-height:1.5;font-weight:500}
.m-ing strong{color:var(--ink);font-weight:700}
.m-spirit{margin-top:5px;font-size:12px;font-weight:700;color:var(--orange-deep);font-variant-numeric:tabular-nums}