/* LUN MC — Bildegalleri per tur */

.tur-galleri{margin-top:40px;padding-top:36px;border-top:1px solid var(--line-soft)}

/* ---- Verktøy: opplasting + lenke ---- */
.lun-gal-verktoy{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:18px 0 6px}
.lun-gal-last{display:inline-flex;align-items:center;gap:8px;cursor:pointer}
.lun-gal-lenke-form{display:flex;gap:8px;flex:1 1 280px;min-width:240px}
.lun-gal-lenke-input{flex:1;min-width:0;padding:9px 12px;font-family:var(--font-body);font-size:14px;
  color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}
.lun-gal-lenke-input:focus{outline:none;border-color:var(--accent)}

/* ---- Fremdrift ---- */
.lun-gal-progress{display:flex;align-items:center;gap:12px;margin:14px 0}
.lun-gal-bar{flex:1;height:6px;background:var(--panel-3);border-radius:99px;overflow:hidden}
.lun-gal-bar span{display:block;height:100%;width:0;background:var(--accent);transition:width .15s var(--ease)}
.lun-gal-status{font-family:var(--font-cond);font-size:13px;color:var(--ink-3);white-space:nowrap}

/* ---- Grid ---- */
.lun-galleri-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:16px}
@media(min-width:700px){.lun-galleri-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}

.lun-gal-item{position:relative;margin:0;aspect-ratio:1;border-radius:var(--radius);overflow:hidden;
  background:var(--panel-3);cursor:pointer;border:1px solid var(--line-soft)}
.lun-gal-item img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .4s var(--ease)}
.lun-gal-item:hover img{transform:scale(1.04)}

/* Film/embed-flate */
.lun-gal-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:var(--panel-3) center/cover no-repeat;color:#fff}
.lun-gal-film .lun-gal-ph::after{content:"";position:absolute;inset:0;background:rgba(10,14,18,.34)}
.lun-gal-play{position:relative;z-index:1;color:#fff;filter:drop-shadow(0 1px 4px rgba(0,0,0,.5));opacity:.92}
.lun-gal-item:hover .lun-gal-play{opacity:1}

/* Slette-knapp */
.lun-gal-slett{position:absolute;top:6px;right:6px;z-index:2;width:26px;height:26px;line-height:24px;
  text-align:center;font-size:18px;color:#fff;background:rgba(10,14,18,.55);border:none;border-radius:50%;
  cursor:pointer;opacity:0;transition:opacity .15s var(--ease)}
.lun-gal-item:hover .lun-gal-slett,.lun-gal-slett:focus{opacity:1}
.lun-gal-slett:hover{background:var(--accent)}

.lun-gal-tom{font-size:15px;color:var(--ink-3);margin:16px 0 0}

/* ---- Lightbox ---- */
.lun-lb{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;
  padding:24px;background:rgba(8,12,16,.9);backdrop-filter:blur(3px)}
.lun-lb-inn{max-width:min(1100px,94vw);max-height:90vh;display:flex}
.lun-lb-inn img,.lun-lb-inn video{max-width:100%;max-height:90vh;width:auto;height:auto;
  border-radius:var(--radius);display:block;box-shadow:0 12px 40px rgba(0,0,0,.5)}
.lun-lb-embed{position:relative;width:min(1000px,92vw);aspect-ratio:16/9}
.lun-lb-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:var(--radius)}
.lun-lb-lukk{position:fixed;top:16px;right:20px;z-index:2;width:42px;height:42px;font-size:26px;line-height:40px;
  color:#fff;background:rgba(255,255,255,.12);border:none;border-radius:50%;cursor:pointer}
.lun-lb-lukk:hover{background:rgba(255,255,255,.24)}
.lun-lb-slett{position:fixed;top:16px;left:20px;z-index:2;display:inline-flex;align-items:center;gap:7px;
  height:42px;padding:0 18px;font-family:var(--font-cond);font-size:15px;letter-spacing:.03em;
  color:#fff;background:var(--accent);border:none;border-radius:99px;cursor:pointer;
  box-shadow:0 4px 16px rgba(0,0,0,.4)}
.lun-lb-slett:hover{background:var(--accent-2)}
.lun-lb-slett svg{width:16px;height:16px}
@media(max-width:560px){.lun-lb-slett{top:auto;bottom:18px;left:50%;transform:translateX(-50%)}}

.lun-lb-nav{position:fixed;top:50%;transform:translateY(-50%);z-index:1;width:48px;height:48px;
  font-size:34px;line-height:44px;color:#fff;background:rgba(255,255,255,.12);border:none;border-radius:50%;cursor:pointer}
.lun-lb-nav:hover{background:rgba(255,255,255,.24)}
.lun-lb-forrige{left:16px}
.lun-lb-neste{right:16px}
@media(max-width:560px){
  .lun-lb-nav{width:40px;height:40px;font-size:28px;line-height:36px}
  .lun-lb-forrige{left:8px}.lun-lb-neste{right:8px}
}