/* Lentera — langit malam sinematik, parallax berlapis. Dipakai bersama inti.css */
[data-tema="lentera"]{
  --latar-luar:#070B1C; --latar:transparent; --latar-alt:transparent; --kartu:rgba(14,20,46,.62); --kartu-teks:#F5EEDC;
  --tinta:#F5EEDC; --redup:#BFC6DE; --aksen:#F0C46A; --aksen-2:#F6D58E; --aksen-terang:#FFE2A3;
  --aksen-lembut:rgba(240,196,106,.35); --aksen-lembut-2:rgba(160,180,255,.25); --garis:rgba(240,196,106,.28); --gelap:#070B1C;
  --sampul-teks:#FFF6E2; --kaca:rgba(10,16,40,.45); --kaca-garis:rgba(240,196,106,.45); --plakat:rgba(10,15,38,.42);
  --tombol-buka:linear-gradient(135deg,#F6D58E,#E9A54B); --tombol-buka-teks:#1A1530; --tombol:#F0C46A; --tombol-teks:#141A38; --nav:rgba(12,18,42,.78);
  --judul:"Cormorant Garamond",Georgia,serif; --judul-tebal:500; --judul-besar:40px; --nama:"Pinyon Script",cursive; --nama-gaya:normal; --kutip:"Cormorant Garamond",Georgia,serif;
  --r-bingkai:999px 999px 0 0; --r-bingkai-luar:999px 999px 0 0; --r-potret:999px 999px 0 0; --r-acara:26px; --r-acara-dalam:20px; --r-galeri:20px;
  --kartu-acara:rgba(14,20,46,.62); --amplop-tutup:linear-gradient(135deg,#F6D58E,#E9A54B); --segel:#141A38; --segel-cincin:rgba(240,196,106,.6);
  --tanggal-op:0;
}
[data-tema="lentera"] body,body[data-tema="lentera"]{background:#070B1C}

/* ===== adegan langit (dipakai di sampul & latar tetap) ===== */
.adegan{position:absolute;inset:0;overflow:hidden;background:linear-gradient(180deg,#070B1C 0%,#111A3E 38%,#2A2856 62%,#5B3B5E 78%,#C97B4E 92%,#E9A15A 100%)}
.lap{position:absolute;left:-6%;right:-6%;will-change:transform;transition:transform .25s ease-out}
.l-bintang{inset:-10% -6%;background-image:radial-gradient(1.4px 1.4px at 12% 18%,#fff 60%,transparent),radial-gradient(1px 1px at 27% 9%,#fff 60%,transparent),radial-gradient(1.6px 1.6px at 44% 22%,#FFE9B8 60%,transparent),radial-gradient(1px 1px at 61% 12%,#fff 60%,transparent),radial-gradient(1.3px 1.3px at 78% 26%,#fff 60%,transparent),radial-gradient(1px 1px at 90% 8%,#fff 60%,transparent),radial-gradient(1.2px 1.2px at 8% 38%,#fff 60%,transparent),radial-gradient(1px 1px at 35% 40%,#fff 60%,transparent),radial-gradient(1.4px 1.4px at 70% 44%,#fff 60%,transparent),radial-gradient(1px 1px at 52% 5%,#fff 60%,transparent);background-size:100% 100%}
.l-bintang.b2{background-image:radial-gradient(1px 1px at 18% 28%,#fff 60%,transparent),radial-gradient(1.2px 1.2px at 33% 16%,#fff 60%,transparent),radial-gradient(1px 1px at 57% 32%,#fff 60%,transparent),radial-gradient(1.5px 1.5px at 84% 17%,#FFE9B8 60%,transparent),radial-gradient(1px 1px at 95% 34%,#fff 60%,transparent),radial-gradient(1px 1px at 4% 12%,#fff 60%,transparent),radial-gradient(1.2px 1.2px at 66% 3%,#fff 60%,transparent),radial-gradient(1px 1px at 22% 46%,#fff 60%,transparent)}
.l-bulan{top:9%;left:auto;right:12%;width:86px;height:86px;border-radius:50%;background:radial-gradient(circle at 38% 36%,#FFF8E6,#F7E2AE 55%,#E9C77E);box-shadow:0 0 40px 12px rgba(255,226,163,.35),0 0 120px 40px rgba(255,200,120,.15)}
.l-bulan::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 64% 60%,rgba(200,160,90,.25) 0 10%,transparent 11%),radial-gradient(circle at 40% 70%,rgba(200,160,90,.18) 0 7%,transparent 8%)}
.l-bukit{bottom:-2%;height:46%;width:112%}
.l-bukit svg{width:100%;height:100%;display:block}
.l-bukit.k3{height:40%;bottom:6%}
.l-bukit.k2{height:34%;bottom:0}
.l-bukit.k1{height:22%;bottom:-3%}
.l-lentera{inset:0;pointer-events:none}
.lt{position:absolute;bottom:-12%;width:var(--w,16px);height:calc(var(--w,16px)*1.3);border-radius:38% 38% 30% 30%/30% 30% 40% 40%;background:radial-gradient(ellipse at 50% 70%,#FFF3C4 0%,#FFC768 35%,#E8833A 75%,#B4532A 100%);box-shadow:0 0 calc(var(--w,16px)*1.2) calc(var(--w,16px)*.35) rgba(255,170,80,.45);opacity:0;filter:blur(var(--b,0px));animation:terbang var(--d,14s) linear var(--t,0s) infinite}
.lt::after{content:"";position:absolute;left:50%;bottom:-3px;width:40%;height:3px;transform:translateX(-50%);border-radius:2px;background:#8A3E1E}
@keyframes terbang{0%{transform:translate(0,0);opacity:0}8%{opacity:var(--o,1)}50%{transform:translate(var(--x,10px),-60vh)}88%{opacity:var(--o,1)}100%{transform:translate(calc(var(--x,10px)*-.6),-125vh);opacity:0}}
@keyframes kelip{0%,100%{opacity:1}50%{opacity:.45}}
.l-bintang.b1{animation:kelip 4.5s ease-in-out infinite}.l-bintang.b2{animation:kelip 3.2s ease-in-out infinite 1.1s}

/* sampul langit */
.mode-langit .sampul{background:#070B1C}
.mode-langit .sampul .plakat .papan{background:rgba(10,15,38,.38);border-color:rgba(240,196,106,.4)}
.mode-langit .sampul h1{font-size:clamp(64px,19vw,86px);line-height:.9;color:#FFF6E2;text-shadow:0 0 30px rgba(255,210,130,.35)}
.mode-langit .sampul h1 span{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:.36em;color:#F6D58E;margin:6px 0}
.mode-langit .huruf{display:inline-block;opacity:0;transform:translateY(14px);filter:blur(4px);animation:huruf .9s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes huruf{to{opacity:1;transform:none;filter:none}}
.mode-langit .sampul .adegan{transition:transform 1.7s cubic-bezier(.65,0,.25,1),opacity .6s ease 1.2s}
.mode-langit .sampul.membuka .adegan .k1{transform:translateY(60%)!important;transition:transform 1.5s cubic-bezier(.6,0,.3,1)}
.mode-langit .sampul.membuka .adegan .k2{transform:translateY(40%)!important;transition:transform 1.5s cubic-bezier(.6,0,.3,1)}
.mode-langit .sampul.membuka .adegan .k3{transform:translateY(24%)!important;transition:transform 1.5s cubic-bezier(.6,0,.3,1)}
.mode-langit .sampul.membuka .adegan .l-bulan{transform:translateY(-30%) scale(1.15)!important;transition:transform 1.6s cubic-bezier(.6,0,.3,1)}
.mode-langit .sampul.membuka .adegan{opacity:0}
.mode-langit .sampul.membuka{background:transparent}

/* langit tetap di belakang isi */
.langit-tetap{position:fixed;inset:0;z-index:0;pointer-events:none}
.langit-tetap .adegan{background:linear-gradient(180deg,#070B1C 0%,#0E1636 45%,#1E2350 72%,#3B2C55 90%,#6B3F55 100%)}
.langit-tetap .l-bukit{opacity:.9}
[data-tema="lentera"] .panggung{position:relative;z-index:1;display:block}
[data-tema="lentera"] .samping{display:none}
[data-tema="lentera"] .undangan{background:transparent;box-shadow:none;margin:0 auto;max-width:480px}

/* isi: panel kaca agar teks jelas */
[data-tema="lentera"] .bag,[data-tema="lentera"] .hero{background:transparent}
[data-tema="lentera"] .bag>.label,[data-tema="lentera"] .bag>.judul,[data-tema="lentera"] .bag>.sub{text-shadow:0 2px 14px rgba(5,8,25,.8)}
[data-tema="lentera"] .judul{color:#FFF6E2}
[data-tema="lentera"] .hero h2{font-size:72px;line-height:1;color:#FFF6E2;text-shadow:0 0 26px rgba(255,210,130,.35)}
[data-tema="lentera"] .hero h2 span{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:.4em;color:#F6D58E}
[data-tema="lentera"] .hero .tgl{color:#E9DEC4}
[data-tema="lentera"] .salam-atas{color:#F6D58E}
[data-tema="lentera"] .bingkai::after{border-color:rgba(246,213,142,.8);box-shadow:0 0 30px rgba(255,200,120,.35)}
[data-tema="lentera"] .bingkai img{box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}
[data-tema="lentera"] .ayat,[data-tema="lentera"] .bag.panel{margin:0 14px;border-radius:28px;background:rgba(10,16,40,.55);border:1px solid rgba(240,196,106,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:48px 22px}
[data-tema="lentera"] .ayat .arab{color:#FFF6E2}
[data-tema="lentera"] .orang h3{font-size:46px;color:#FFF6E2}
[data-tema="lentera"] .orang .potret::before{background:rgba(240,196,106,.25)}
[data-tema="lentera"] .dan{color:#F6D58E}
[data-tema="lentera"] .acara{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(240,196,106,.2)}
[data-tema="lentera"] .acara .hari b{color:#FFF6E2}
[data-tema="lentera"] .kartu{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
[data-tema="lentera"] .pilih button,[data-tema="lentera"] .jumlah,[data-tema="lentera"] .form-uc input,[data-tema="lentera"] .form-uc textarea{background:rgba(7,11,28,.55);color:#F5EEDC}
[data-tema="lentera"] .form-uc input::placeholder,[data-tema="lentera"] .form-uc textarea::placeholder{color:#8E96B4}
[data-tema="lentera"] .stepper button{background:rgba(255,255,255,.08);color:#F5EEDC}
[data-tema="lentera"] .cepat button{background:rgba(255,255,255,.06);color:#F5EEDC}
[data-tema="lentera"] .uc{background:rgba(10,16,40,.6);border:1px solid rgba(240,196,106,.14);backdrop-filter:blur(8px)}
[data-tema="lentera"] .amp{background:rgba(14,20,46,.7);backdrop-filter:blur(10px)}
[data-tema="lentera"] .segel{color:#F6D58E;border:1px solid #F0C46A}
[data-tema="lentera"] .tiket .qr{border-color:#F0C46A}
[data-tema="lentera"] .btn{border-color:rgba(245,238,220,.7);color:#F5EEDC}
[data-tema="lentera"] .btn-isi{border-color:#F0C46A;color:#141A38}
[data-tema="lentera"] .tanggal{background:transparent}
[data-tema="lentera"] .kisah li{border-color:rgba(240,196,106,.2)}
[data-tema="lentera"] .lencana-mh b{color:#F6D58E}

/* bulan hitung mundur */
[data-tema="lentera"] .tanggal .hitung{position:relative;width:260px;height:260px;margin:30px auto 0;border-radius:50%;align-items:center;background:radial-gradient(circle at 40% 36%,rgba(255,248,230,.16),rgba(247,226,174,.08) 60%,transparent 70%);box-shadow:inset 0 0 0 1px rgba(246,213,142,.35),0 0 60px rgba(255,210,130,.18)}
[data-tema="lentera"] .tanggal .hitung div{padding:0 8px;min-width:0}
[data-tema="lentera"] .tanggal .hitung b{font-size:36px;color:#FFF6E2}

/* ungkap foto seperti lensa */
@media (prefers-reduced-motion:no-preference){
  [data-tema="lentera"] .lensa{clip-path:circle(0% at 50% 50%);transition:clip-path 1.4s cubic-bezier(.2,.7,.2,1)}
  [data-tema="lentera"] .lensa.ya{clip-path:circle(75% at 50% 50%)}
  [data-tema="lentera"] .geser-kiri{opacity:0;transform:translateX(-22px);transition:opacity 1s,transform 1s cubic-bezier(.2,.7,.2,1)}
  [data-tema="lentera"] .geser-kanan{opacity:0;transform:translateX(22px);transition:opacity 1s,transform 1s cubic-bezier(.2,.7,.2,1)}
  [data-tema="lentera"] .geser-kiri.ya,[data-tema="lentera"] .geser-kanan.ya{opacity:1;transform:none}
}

/* kisah: lentera menyala */
[data-tema="lentera"] .kisah{padding-left:16px}
[data-tema="lentera"] .kisah li{position:relative}
[data-tema="lentera"] .kisah .th{color:#F6D58E;transition:text-shadow .8s,color .8s}
[data-tema="lentera"] .kisah li.ya .th{text-shadow:0 0 18px rgba(255,200,110,.85)}
[data-tema="lentera"] .kisah li::before{content:"";position:absolute;left:-14px;top:22px;width:9px;height:12px;border-radius:40%;background:#3A3550;transition:background .8s,box-shadow .8s}
[data-tema="lentera"] .kisah li.ya::before{background:radial-gradient(ellipse at 50% 70%,#FFF3C4,#FFC768 45%,#E8833A);box-shadow:0 0 14px 4px rgba(255,170,80,.5)}

/* galeri coverflow */
[data-tema="lentera"] .galeri{grid-auto-columns:64%;padding-left:18%;padding-right:18%;scroll-padding-inline:18%;perspective:900px;padding-top:36px;padding-bottom:20px}
[data-tema="lentera"] .galeri button{transition:transform .15s ease-out,filter .15s;transform-style:preserve-3d;box-shadow:0 26px 40px -22px rgba(0,0,0,.8)}

/* terbangkan lentera doa */
.doa-lentera{position:fixed;inset:0;pointer-events:none;z-index:85}
.doa-lentera .lt{animation:terbang-doa 7s cubic-bezier(.3,.2,.4,1) forwards;opacity:1;bottom:12%}
.doa-lentera .lt span{position:absolute;left:50%;top:calc(100% + 10px);transform:translateX(-50%);white-space:nowrap;font:500 12px "Jost",sans-serif;color:#FFE2A3;text-shadow:0 0 8px rgba(255,170,80,.8)}
@keyframes terbang-doa{0%{transform:translate(0,0) scale(1);opacity:0}6%{opacity:1}100%{transform:translate(var(--x,20px),-95vh) scale(.55);opacity:0}}
.tombol-lentera{margin-top:22px}
@media (prefers-reduced-motion:reduce){.lt,.l-bintang{animation:none!important}.lt{opacity:.8}}
.mode-langit .sampul h1 .huruf{display:inline-block;font-size:1em;color:inherit;margin:0;font-family:inherit}
.langit-tetap .l-bulan{width:58px;height:58px;top:5%;right:7%;opacity:.55;box-shadow:0 0 30px 8px rgba(255,226,163,.22)}