/*
Theme Name: Vår kärlek – Filmisk v19.24
Author: Privat
Description: En sammanhängande filmisk kärlekshistoria med scrollstyrda mjuka bildövergångar.
Version: 19.26
Requires PHP: 7.4
*/
:root{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:#0b090c;color:#fff}body{font-family:Georgia,serif}.brand{position:fixed;top:25px;left:0;right:0;text-align:center;z-index:10;pointer-events:none;font:11px system-ui;letter-spacing:.3em;text-transform:uppercase;text-shadow:0 2px 12px #000}.scene{height:170svh;position:relative}.scene:last-child{height:120svh}.frame{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;place-items:center}.photo{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.05);will-change:opacity,transform}.photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0005 0%,#0002 35%,#000b 100%)}.caption{position:relative;z-index:1;text-align:center;max-width:780px;padding:30px 25px;margin-top:22vh;text-shadow:0 2px 20px #0009;will-change:opacity,transform}.caption h2{font-size:clamp(38px,6vw,82px);font-weight:400;line-height:1.1;margin:0 0 22px}.caption p{font-size:clamp(18px,2vw,24px);line-height:1.7;margin:0}.eyebrow{font:11px system-ui;letter-spacing:.3em;text-transform:uppercase;color:#e7c8aa;margin-bottom:24px!important}.empty{min-height:100svh;display:grid;place-items:center;text-align:center;padding:30px}.empty h1{font-weight:400;font-size:clamp(35px,6vw,70px)}.end{padding:100px 20px;text-align:center;font-size:clamp(20px,3vw,32px);font-style:italic;color:#e7c8aa}a{color:#e7c8aa}.plain{max-width:760px;margin:120px auto;padding:20px;line-height:1.8}.plain img{max-width:100%;height:auto}@media(prefers-reduced-motion:reduce){.scene{height:100svh}.photo,.caption{will-change:auto}}

/* Filmiskt intro: svart ridå, tre textsekvenser och mjuk övertoning. */
.film-intro{position:fixed;inset:0;z-index:100;background:#080609;display:grid;place-items:center;opacity:1;visibility:visible;transition:opacity 1.65s ease,visibility 1.65s ease}
.film-intro.is-ending{opacity:0;visibility:hidden;pointer-events:none}
.film-intro__content{position:relative;text-align:center;width:min(900px,94vw);padding:30px 20px;min-height:230px;display:flex;flex-direction:column;justify-content:center}
.film-intro__eyebrow{font:11px system-ui,sans-serif;letter-spacing:.4em;color:#d8b995;margin:0 0 32px;opacity:0;animation:intro-text 1.2s ease .25s forwards}
.film-intro__line{font:400 clamp(23px,4vw,48px)/1.35 Georgia,serif;margin:7px 0;opacity:0;transform:translateY(12px)}
.film-intro__line--one{animation:intro-text 1.2s ease .7s forwards}
.film-intro__line--two{animation:intro-text 1.2s ease 1.75s forwards}
.film-intro__line--three{color:#f0d5b6;animation:intro-text 1.3s ease 2.8s forwards}
@keyframes intro-text{to{opacity:1;transform:translateY(0)}}
.film-intro__skip{position:absolute;bottom:clamp(20px,5vh,60px);right:clamp(18px,4vw,65px);border:1px solid #ffffff55;border-radius:30px;background:#ffffff0d;color:#fff;font:12px system-ui,sans-serif;letter-spacing:.08em;padding:12px 18px;cursor:pointer}
.film-intro__skip:hover{background:#ffffff25}
body.film-intro-active{overflow:hidden}
@media(prefers-reduced-motion:reduce){.film-intro,.film-intro__line,.film-intro__eyebrow{animation:none!important;transition:none!important}}

.film-ending{min-height:120svh;background:#080609;display:grid;place-items:center;padding:90px 22px 120px}.film-ending__inner{max-width:940px;text-align:center;opacity:0;transform:translateY(35px);transition:opacity 1.8s ease,transform 1.8s ease}.film-ending.is-visible .film-ending__inner{opacity:1;transform:none}.film-ending__eyebrow{font:11px system-ui;letter-spacing:.34em;color:#d8b995;margin-bottom:34px}.film-ending h2{font:400 clamp(27px,4.5vw,58px)/1.35 Georgia,serif}.film-ending__last{font:italic clamp(19px,2.5vw,28px) Georgia,serif;color:#e7c8aa;margin-top:45px}@media(prefers-reduced-motion:reduce){.film-ending__inner{opacity:1;transform:none;transition:none}}

/* Meningarna träder fram efter hand som man scrollar. */
.scene{height:220svh}
.scene:last-of-type{height:220svh}
.caption{margin-top:16vh}
.caption .film-sentence{opacity:0;transform:translateY(18px);transition:none;margin:.35em 0;will-change:opacity,transform}
@media(prefers-reduced-motion:reduce){
  .scene,.scene:last-of-type{height:100svh}
  .caption .film-sentence{opacity:1!important;transform:none!important;will-change:auto}
}

/* Fullskärmsbildspel med filmiska övertoningar */
.film-hero{height:100svh;min-height:500px;position:relative;isolation:isolate;display:grid;place-items:center;overflow:hidden;background:#080609}
.film-hero__slides,.film-hero__slide{position:absolute;inset:0}
.film-hero__slide{background-size:cover;background-position:center;opacity:0;transform:scale(1.03);transition:opacity 2s ease;z-index:0}
.film-hero__slide.is-active{opacity:1;z-index:1;animation:film-kenburns 9s linear both}
.film-hero__slides:after{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,#08060966 0%,#08060935 40%,#080609b8 100%);pointer-events:none}
@keyframes film-kenburns{from{transform:scale(1.03)}to{transform:scale(1.11)}}
.film-hero__copy{position:relative;z-index:3;max-width:850px;padding:0 25px;text-align:center;text-shadow:0 2px 16px #0009;margin-top:10vh}
.film-hero__copy h1{font-size:clamp(38px,6.4vw,82px);font-weight:400;line-height:1.13;margin:16px 0 22px}
.film-hero__copy>p:last-child{font-size:clamp(17px,2.1vw,24px);line-height:1.65;margin:0}
.film-hero__controls{position:absolute;z-index:4;bottom:65px;display:flex;gap:18px;align-items:center;font:13px system-ui,sans-serif}
.film-hero__controls button{background:#08060966;border:1px solid #ffffff77;color:#fff;border-radius:40px;min-width:42px;min-height:42px;cursor:pointer;font-size:21px}
.film-hero__controls .film-hero__toggle{font-size:12px;padding:0 15px}
.film-hero__scroll{position:absolute;z-index:4;bottom:22px;left:50%;transform:translateX(-50%);font:11px system-ui,sans-serif;letter-spacing:.15em;text-decoration:none;color:#f5e6da}
@media(prefers-reduced-motion:reduce){.film-hero__slide{transition:none;animation:none!important}}

/* Flytande navigering */
.film-nav{position:fixed;z-index:95;top:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:25px;max-width:calc(100% - 26px);padding:14px 23px;border:1px solid #ffffff33;border-radius:40px;background:#161116cb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 12px 35px #0007;font:13px/1.4 system-ui,sans-serif}
.film-nav a{color:#f6f0eb;text-decoration:none;white-space:nowrap}.film-nav a:hover,.film-nav a[aria-current="page"]{color:#e7c8aa}.film-nav__home{font-weight:600}.film-nav__links{display:flex;gap:24px;overflow-x:auto;scrollbar-width:none}.film-nav__toggle{display:none;background:none;color:#fff;border:0;font-size:22px;cursor:pointer}
@media(max-width:720px){.film-nav{width:calc(100% - 28px);justify-content:space-between;border-radius:17px;flex-wrap:wrap}.film-nav__toggle{display:block}.film-nav__links{display:none;flex-basis:100%;flex-direction:column;gap:0;max-height:65vh;overflow:auto}.film-nav.is-open .film-nav__links{display:flex}.film-nav__links a{padding:13px 3px;border-top:1px solid #ffffff25}}

/* Individuell bildstorlek i Våra minnen; standardlayouten påverkas inte. */
.photo.photo--contained{inset:auto;position:absolute;width:var(--photo-width,85%);height:var(--photo-height,85%);max-width:100%;max-height:100%;background-size:contain;background-repeat:no-repeat;background-position:center;box-shadow:0 20px 70px #0005}
.photo.photo--contained[style*="--photo-position:top"]{top:0;left:50%;translate:-50% 0}
.photo.photo--contained[style*="--photo-position:bottom"]{bottom:0;left:50%;translate:-50% 0}
.photo.photo--contained[style*="--photo-position:left"]{left:0;top:50%;translate:0 -50%}
.photo.photo--contained[style*="--photo-position:right"]{right:0;top:50%;translate:0 -50%}
.photo.photo--contained[style*="--photo-position:center"]{left:50%;top:50%;translate:-50% -50%}
/* Behåll bakgrundens mörka filmkänsla och se till att texten är läsbar. */
.frame:has(.photo--contained){background:radial-gradient(ellipse at center,#231a21,#080609 75%)}
.photo--contained:after{background:linear-gradient(180deg,#0002,#0001 35%,#0009)}
@media(max-width:700px){.photo.photo--contained{width:min(96%,var(--photo-width,85%));height:var(--photo-height,85%)}}

/* Filmisk navigation mellan varje minne – placerad över fotografiet. */
.film-next-memory{position:absolute;z-index:5;bottom:22px;left:50%;transform:translateX(-50%);padding:12px 20px;max-width:calc(100% - 24px);white-space:nowrap;border:1px solid #ffffff50;border-radius:30px;background:#100b11b8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#f5e6da;font:12px system-ui,sans-serif;letter-spacing:.06em;cursor:pointer;transition:background .25s,border-color .25s}
.film-next-memory:hover,.film-next-memory:focus-visible{background:#2c1b2bcc;border-color:#e7c8aa;outline-offset:3px}
.film-next-memory span,.film-hero__scroll span{color:#e7c8aa;margin:0 .25em}
.film-hero__scroll{border:1px solid #ffffff50;border-radius:30px;background:#100b11b8;backdrop-filter:blur(12px);padding:12px 20px;white-space:nowrap;letter-spacing:.06em}
@media(prefers-reduced-motion:reduce){.film-next-memory{transition:none}}

/* Uppspelningsknapp för den filmiska minnesvandringen. */
.film-auto-memory{position:absolute;z-index:20;bottom:75px;left:50%;transform:translateX(-50%);border:1px solid rgba(255,255,255,.55);background:rgba(15,11,17,.72);color:#f8f0eb;border-radius:40px;padding:10px 22px;min-height:44px;font:13px/1.4 system-ui,sans-serif;letter-spacing:.04em;cursor:pointer;white-space:nowrap;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.film-auto-memory:hover,.film-auto-memory:focus-visible{border-color:#ebd1b4;background:rgba(40,29,39,.9)}
.film-auto-memory--hero{bottom:85px}
@media(max-width:640px){.film-auto-memory{bottom:80px;padding:9px 16px;font-size:12px}.film-auto-memory--hero{bottom:100px}}

/* v12: Båda knapparna på samma rad, under bildspelets kontroller. */
.film-memory-actions{position:absolute;z-index:22;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:12px;width:max-content;max-width:calc(100% - 20px)}
.film-memory-actions .film-auto-memory,.film-memory-actions .film-next-memory,.film-memory-actions .film-hero__scroll{position:static;bottom:auto;left:auto;transform:none;flex:0 1 auto;max-width:none;min-height:44px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;line-height:1.35;text-align:center}
.film-memory-actions--hero{bottom:18px}
.film-hero__controls{bottom:91px}
@media(max-width:600px){.film-memory-actions{gap:8px;width:calc(100% - 20px)}.film-memory-actions .film-auto-memory,.film-memory-actions .film-next-memory,.film-memory-actions .film-hero__scroll{font-size:11px;padding:10px 12px;white-space:normal}.film-memory-actions--hero{bottom:14px}.film-hero__controls{bottom:90px}}

/* v14: Hela textblocket visas samtidigt med rubriken, även under automatisk resa. */
.caption .film-sentence{opacity:1;transform:none;transition:none;will-change:auto}

/* v15: hela rubriken och texten framträder tillsammans på 1,6 sekunder. */
.scene .caption{opacity:0;transform:translateY(22px);transition:opacity 1.6s ease,transform 1.6s cubic-bezier(.2,.7,.2,1)}
.scene.is-caption-visible .caption{opacity:1;transform:translateY(0)}
.caption .film-sentence{opacity:1!important;transform:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.scene .caption{opacity:1!important;transform:none!important;transition:none!important}}

/* v16: Diskret tidsindikator direkt under de två berättarknapparna. */
.film-memory-actions{flex-wrap:wrap;row-gap:9px}
.film-memory-progress{
 flex:0 0 100%;height:4px;max-width:420px;margin:0 auto;
 background:rgba(255,255,255,.26);border-radius:999px;
 overflow:hidden;pointer-events:none;
}
.film-memory-progress__fill{
 display:block;width:0;height:100%;border-radius:inherit;
 background:linear-gradient(90deg,#b89577,#f4d9b9);
 box-shadow:0 0 7px rgba(244,217,185,.45);
}
@media(max-width:600px){
 .film-memory-actions{row-gap:8px}
 .film-memory-progress{max-width:calc(100% - 20px)}
}

/* v17 – diskret flytande knapp tillbaka till toppen */
.film-back-to-top{
 position:fixed;right:clamp(16px,3vw,34px);bottom:clamp(18px,3vw,34px);
 z-index:9999;width:48px;height:48px;border:1px solid rgba(244,217,185,.45);
 border-radius:50%;background:rgba(23,19,23,.76);color:#f4d9b9;
 font-size:28px;line-height:1;display:flex;align-items:center;justify-content:center;
 box-shadow:0 6px 24px rgba(0,0,0,.24);backdrop-filter:blur(10px);
 opacity:0;visibility:hidden;transform:translateY(12px);pointer-events:none;
 transition:opacity .3s ease,transform .3s ease,visibility .3s ease,background .2s ease;
 cursor:pointer;
}
.film-back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.film-back-to-top:hover{background:rgba(75,48,53,.94)}
.film-back-to-top:focus-visible{outline:2px solid #f4d9b9;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.film-back-to-top{transition:none}}

/* v18 – Rubrik och kärlekstext per bild med gemensam mjuk entré. */
.film-hero__copy-content--enter{animation:film-slide-copy-enter 1.6s ease both}
@keyframes film-slide-copy-enter{
 from{opacity:0;transform:translateY(12px)}
 to{opacity:1;transform:translateY(0)}
}
@media(prefers-reduced-motion:reduce){
 .film-hero__copy-content--enter{animation:none}
}

/* v19: privat resas lösenordsruta */
.film19-lock{min-height:100svh;display:grid;place-items:center;padding:110px 22px 60px;background:radial-gradient(circle at 50% 20%,#3b2633,#0b090c 70%)}
.film19-lock__box{width:min(480px,100%);padding:42px 32px;text-align:center;background:#ffffff09;border:1px solid #ffffff25;border-radius:18px;box-shadow:0 25px 70px #0006}
.film19-lock__icon{font-size:26px;color:#e7c8aa}.film19-lock h1{font-size:clamp(30px,5vw,48px);font-weight:400}.film19-lock p{line-height:1.7;color:#e7c8aa}
.film19-lock form{display:flex;flex-direction:column;gap:13px;margin-top:28px;text-align:left}.film19-lock input{padding:14px 16px;border:1px solid #ffffff50;border-radius:8px;background:#1c171c;color:#fff;font:16px system-ui}.film19-lock button{padding:14px;border:1px solid #e7c8aa;border-radius:8px;background:#e7c8aa;color:#211721;font:600 15px system-ui;cursor:pointer}.film19-lock__error{color:#ffb6b6!important}

/* v19.1: Mobil – undvik att berättarknappar och uppåtpil överlappar. */
@media (max-width: 600px) {
  .film-memory-actions {
    width: min(360px, calc(100% - 36px));
    max-width: calc(100% - 36px);
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 8px;
    bottom: 18px;
  }
  .film-memory-actions--hero { bottom: 18px; }
  .film-memory-actions .film-auto-memory,
  .film-memory-actions .film-next-memory,
  .film-memory-actions .film-hero__scroll {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 10px 14px;
    font-size: 12px;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  .film-memory-progress {
    flex: 0 0 4px;
    width: 100%;
    max-width: 100%;
    margin-top: 2px;
  }
  .film-hero__controls { bottom: 148px; }
  .film-back-to-top {
    right: 14px;
    bottom: max(160px, calc(160px + env(safe-area-inset-bottom)));
    width: 44px;
    height: 44px;
    font-size: 25px;
  }
}

/* v19.2 – flytande knapprad längst ner, separat från innehållets scrollning. */
.film-memory-actions,
.film-memory-actions--hero {
 position:fixed;
 left:50%;
 bottom:calc(18px + env(safe-area-inset-bottom, 0px));
 transform:translateX(-50%);
 z-index:9990;
 visibility:hidden;
 opacity:0;
 pointer-events:none;
 transition:opacity .18s ease, visibility .18s ease;
 width:max-content;
 max-width:calc(100vw - 100px);
 flex-direction:row;
 flex-wrap:wrap;
 align-items:center;
 justify-content:center;
 gap:9px;
}
.film-memory-actions--active {
 visibility:visible;
 opacity:1;
 pointer-events:auto;
}
.film-memory-actions .film-auto-memory,
.film-memory-actions .film-next-memory,
.film-memory-actions .film-hero__scroll {
 width:auto;
 min-width:0;
 flex:0 1 auto;
 white-space:nowrap;
 font-size:clamp(11px, 2.8vw, 13px);
 padding:10px 14px;
}
.film-memory-actions .film-memory-progress { flex:0 0 100%;width:100%;max-width:100%;margin-top:0; }
.film-back-to-top { bottom:calc(90px + env(safe-area-inset-bottom, 0px)); }
.film-hero__controls { bottom:calc(108px + env(safe-area-inset-bottom, 0px)); }
@media(max-width:600px){
 .film-memory-actions,.film-memory-actions--hero {
  bottom:calc(12px + env(safe-area-inset-bottom, 0px));
  width:max-content;
  max-width:calc(100vw - 28px);
  flex-direction:row;
  align-items:center;
  gap:7px;
 }
 .film-memory-actions .film-auto-memory,
 .film-memory-actions .film-next-memory,
 .film-memory-actions .film-hero__scroll {
  width:auto;max-width:none;flex:0 1 auto;
  font-size:12px;padding:10px 12px;white-space:nowrap;overflow-wrap:normal;
 }
 .film-memory-actions .film-memory-progress { flex:0 0 100%;width:100%;max-width:100%;margin-top:0; }
 .film-back-to-top {right:12px;bottom:calc(91px + env(safe-area-inset-bottom, 0px));width:44px;height:44px;}
 .film-hero__controls {bottom:calc(108px + env(safe-area-inset-bottom, 0px));}
}

/* v19.7 – valbart rutnätsgalleri */
.film197-gallery{min-height:100svh;padding:125px clamp(18px,4vw,75px) 80px;background:#0b090c}.film197-gallery-header{text-align:center;margin:0 auto 45px;max-width:800px}.film197-gallery-header h1{font-size:clamp(38px,6vw,75px);font-weight:400;margin:12px 0}.film197-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1500px;margin:auto}.film197-tile{display:block;padding:0;border:0;background:#211c21;aspect-ratio:4/3;overflow:hidden;cursor:zoom-in}.film197-tile img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.film197-tile:hover img{transform:scale(1.04)}.film197-lightbox:not([hidden]){position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.96);display:flex;align-items:center;justify-content:space-between;gap:8px;padding:55px 14px 25px}.film197-lightbox figure{margin:0;min-width:0;max-width:calc(100vw - 115px);text-align:center}.film197-lightbox img{max-width:100%;max-height:78svh;object-fit:contain}.film197-lightbox figcaption{font:14px system-ui,sans-serif;margin:12px 0;color:#eee}.film197-lightbox button{color:#fff;background:#ffffff18;border:1px solid #ffffff40;border-radius:50%;width:46px;height:46px;font-size:32px;cursor:pointer;flex-shrink:0}.film197-lightbox .film197-close{position:absolute;top:12px;right:18px}.film197-tile:focus-visible,.film197-lightbox button:focus-visible{outline:3px solid #e7c8aa;outline-offset:3px}@media(max-width:800px){.film197-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}@media(max-width:480px){.film197-gallery-grid{grid-template-columns:1fr 1fr;gap:6px}.film197-tile{aspect-ratio:1}.film197-lightbox figure{max-width:calc(100vw - 95px)}.film197-lightbox button{width:36px;height:36px;font-size:26px}}

/* v19.9: översikt och halvtransparent lightbox */
.film197-lightbox:not([hidden]){background:rgba(0,0,0,.5)}
.film199-overview{min-height:100svh;padding:130px clamp(18px,5vw,90px) 90px;background:#0b090c}.film199-overview h1{text-align:center;font-size:clamp(40px,6vw,76px);font-weight:400;margin:0 0 14px}.film199-overview>p{text-align:center;color:#d9c9c9;margin:0 0 50px}.film199-cards{max-width:1500px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 12px}.film199-card{display:block;text-decoration:none;text-align:center;color:#fff}.film199-card__image{display:block;aspect-ratio:4/3;overflow:hidden;background:#30262a}.film199-card img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.film199-card:hover img{transform:scale(1.05)}.film199-card strong{display:block;font:600 17px system-ui,sans-serif;margin:9px 0 3px}.film199-card small{display:block;font:15px system-ui,sans-serif;color:#e7c8aa}.film199-card:focus-visible{outline:3px solid #e7c8aa;outline-offset:5px}@media(max-width:900px){.film199-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.film199-cards{gap:20px 9px}.film199-card strong{font-size:14px}.film199-card small{font-size:12px}}
.film199-caption-input{width:100%;max-width:260px;margin:5px 0 8px;display:block}

/* v19.11 – undersidor med galleriöversikt */
.film1911-overview{min-height:75vh;padding:clamp(5rem,9vw,9rem) max(20px,7vw);color:#fff}.film1911-overview h1{text-align:center;font-size:clamp(2rem,5vw,4rem)}.film1911-overview>p{text-align:center;margin-bottom:2rem}.film1911-overview .film199-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px;max-width:1300px;margin:auto}.film1911-overview .film199-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;text-align:center}.film1911-overview .film199-card__image{display:block;aspect-ratio:4/3;overflow:hidden;background:#292929}.film1911-overview .film199-card__image img{width:100%;height:100%;object-fit:cover}.film1911-overview .film199-card strong{padding-top:10px;font-size:1.15rem}.film1911-overview .film199-card small{opacity:.8;padding-top:5px}

/* v19.15 – 30 % genomskinlig lightboxbakgrund och mindre galleriminitatyrer. */
.film197-lightbox:not([hidden]){background:rgba(0,0,0,.70)}
/* Tidigare 3 kolumner -> 6: halverad bredd och höjd vid samma bildproportion. */
.film197-gallery-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
@media(max-width:800px){.film197-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}}
@media(max-width:480px){.film197-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}}

/* v19.22 – Hantering av galleribilder i admin */
.film1921-drag{display:block;cursor:grab;margin-top:8px;color:#2271b1;font-weight:600}.film1921-remove-public,.film1921-remove-private{margin-top:8px!important}.film1921-private-card{padding:10px;border:1px solid #ddd;border-radius:6px;background:white}.film1921-placeholder{width:190px;min-height:140px;border:2px dashed #2271b1;background:#eef6fc}