/* Café Rita Golfen – lysboks (hører til lysboks.js). Bruger sidens farver, hvis de findes. */
html.lysboks-aaben { overflow: hidden; }
.lysboks { position: fixed; inset: 0; width: 100%; height: 100%; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; background: rgba(10, 16, 12, .94); color: #fff; overflow: hidden; }
.lysboks::backdrop { background: rgba(10, 16, 12, .6); }
.lysboks[open] { display: grid; animation: lysboks-ind .2s ease-out; }
@keyframes lysboks-ind { from { opacity: 0; } to { opacity: 1; } }
.lysboks__scene { display: grid; place-items: center; width: 100%; height: 100%; padding: 64px clamp(12px, 8vw, 96px) 72px; touch-action: pan-y; }
.lysboks__fig { margin: 0; display: grid; justify-items: center; gap: 14px; max-width: 100%; max-height: 100%; }
.lysboks__img { display: block; max-width: 100%; max-height: calc(100svh - 190px); width: auto; height: auto; object-fit: contain; border-radius: 6px; box-shadow: 0 30px 80px -30px rgba(0, 0, 0, .7); opacity: 0; transition: opacity .25s ease, transform .2s ease; user-select: none; -webkit-user-drag: none; }
.lysboks__img.er-klar { opacity: 1; }
.lysboks__tekst { font: 500 .95rem/1.4 var(--sans, system-ui, sans-serif); color: rgba(255, 255, 255, .85); text-align: center; max-width: 48em; }
.lysboks__tal { position: absolute; top: 22px; left: 22px; margin: 0; font: 600 .8rem/1 var(--sans, system-ui, sans-serif); letter-spacing: .14em; text-transform: uppercase; color: rgba(255, 255, 255, .7); }
.lysboks__knap { position: absolute; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .3); background: rgba(255, 255, 255, .08); color: #fff; cursor: pointer; transition: background .15s, border-color .15s; }
.lysboks__knap:hover { background: rgba(255, 255, 255, .2); border-color: rgba(255, 255, 255, .6); }
.lysboks__knap:focus-visible { outline: 3px solid var(--sand-lys, #dcc592); outline-offset: 3px; }
.lysboks__knap[hidden] { display: none; }
.lysboks__luk { top: 12px; right: 12px; }
.lysboks__pil { top: 50%; transform: translateY(-50%); }
.lysboks__pil--forrige { left: clamp(8px, 2vw, 24px); }
.lysboks__pil--naeste { right: clamp(8px, 2vw, 24px); }
@media (max-width: 640px) {
  .lysboks__scene { padding: 64px 8px 96px; }
  .lysboks__img { max-height: calc(100svh - 210px); }
  .lysboks__pil { top: auto; bottom: 20px; transform: none; }
  .lysboks__pil--forrige { left: calc(50% - 60px); }
  .lysboks__pil--naeste { right: calc(50% - 60px); }
}
@media (prefers-reduced-motion: reduce) { .lysboks[open] { animation: none; } .lysboks__img { transition: none; } }