/* ============================================================
   FORK & FIRE Catering — Datenschutz-Leiste
   Nutzt die Tokens aus base.css.
   ============================================================ */
.consent{
  position:fixed; left:0; right:0; bottom:0; z-index:120;
  display:flex; align-items:center; justify-content:center; flex-wrap:wrap;
  gap:var(--flow) var(--gut);
  padding:14px var(--pad);
  padding-bottom:calc(14px + env(safe-area-inset-bottom));
  background:var(--ink); color:#fff;
  border-top:1px solid var(--line-l);
  opacity:0; pointer-events:none;
  transition:opacity .3s linear;
}
.consent.is-on{ opacity:1; pointer-events:auto; }

.consent__text{
  margin:0; font-size:var(--t-fine); line-height:1.5;
  color:var(--muted-l); max-width:64ch;
}
.consent__text .link-ul{ color:#fff; }
.consent__text .link-ul:hover{ color:var(--red); }

/* Button hell auf dunkler Leiste */
.consent__btn{ color:#fff; border-color:var(--line-l); flex:0 0 auto; }
.consent__btn:hover{ border-color:var(--red); }

/* Ueber dem Mobil-Dock bleiben */
@media (max-width:767px){
  .consent{
    bottom:calc(var(--dock-h) + env(safe-area-inset-bottom));
    padding:9px var(--pad); flex-wrap:nowrap; gap:12px; justify-content:space-between;
  }
  .consent__text{ font-size:.72rem; line-height:1.35; }
  .consent__text .link-ul{ text-transform:none; letter-spacing:0; font-size:inherit; padding:0; }
  .consent__btn{ padding:10px 16px; font-size:.68rem; min-height:44px; }
}

@media (prefers-reduced-motion: reduce){
  .consent{ transition:none; }
}

/* Offenes Menü hat Vorrang */
body.is-locked .consent{ visibility:hidden; }