@import url("_ev.css");
/* ==========================================================
   DInvite — Tema "Bulan Bintang" (koleksi Acara Spesial · Khitanan & Aqiqah)
   Malam yang tenang: bulan sabit tersenyum, bintang-bintang berkelip, awan lembut yang melayang. Manis untuk aqiqah & khitanan.
   Ilustrasi dari evkit.js, susunan di evbulan.js.
   ========================================================== */
.t-evbulan { --bg:#232d63; --card:rgba(255,255,255,.08); --ink:#fff7e8; --muted:#c8cdee; --line:rgba(255,255,255,.18); --accent:#f5d36b; --accent-2:#9fb6ff; --on-accent:#1b2250; --hero-rgb:27,34,80; --tint-a:.5; --hero-ink:#fff7e8; --deep:#141b40; --soft:#2f3a7a; --field:rgba(255,255,255,.08); --foot-brand:#fff7e8;--k1:#2a3570; --k2:#9fb6ff; --k3:#141b40; --k4:#f5d36b; --k5:#ff9fb2; --k6:#ffffff;--fn:'Baloo 2', sans-serif; --fh:'Baloo 2', sans-serif; --fb:'Quicksand', sans-serif; --fn-w:800; --fn-k:.9; --fh-w:700; --card-r:24px; --cd-r:50%; color-scheme: dark; }
body.t-evbulan .page { background: radial-gradient(120% 70% at 80% 0%, #3a3f8f, transparent 60%), linear-gradient(180deg, #1b2250, #2b3577 70%, #3a3f8f); }
.t-evbulan .cover, .t-evbulan .hero, .t-evbulan .aside, .t-evbulan .sec--closing, body.t-evbulan .cover.has-photo, body.t-evbulan .hero.has-photo, body.t-evbulan .aside.has-photo { background: radial-gradient(120% 70% at 80% 0%, #3a3f8f, transparent 60%), linear-gradient(180deg, #1b2250, #2b3577 70%, #3a3f8f); color: var(--ink); }
.t-evbulan .sec--tint, .t-evbulan .sec--countdown { background: linear-gradient(var(--soft), var(--soft)); }
.t-evbulan .cover, body.t-evbulan .cover.has-photo { place-items: center; overflow: hidden; }
.t-evbulan .cover__inner { gap: .5rem; max-width: 340px; }
.t-evbulan .hero, .t-evbulan .aside, body.t-evbulan .cover.has-photo, body.t-evbulan .hero.has-photo, body.t-evbulan .aside.has-photo { min-height: 100svh; place-items: center; padding: 4rem 1.6rem; overflow: hidden; }
.t-evbulan .sec--closing { overflow: hidden; padding-block: 6rem 9rem; }
.t-evbulan .cover__to small { color: var(--muted); }
.t-evbulan .cover__to strong { font: 700 1.4rem/1.2 var(--fh); color: var(--ink); }
.t-evbulan .cover .ek-frame { animation: evUp 1s var(--ease) .2s both; }
.t-evbulan .cover .names { animation: evUp 1.1s var(--ease) .45s both; }
.t-evbulan .cover .cover__date, .t-evbulan .cover .cover__to { animation: evUp 1s var(--ease) .65s both; }
.t-evbulan .cover .ibtn { animation: evUp 1s var(--ease) .85s both; }
body.t-evbulan:not(.is-locked) .hero .ek-frame { animation: evUp 1.1s var(--ease) .2s both; }
body.t-evbulan .sec--tint .event p, body.t-evbulan .sec--tint .event small, body.t-evbulan .sec--tint .event span { color: var(--muted); }
@media (max-height: 760px) { .t-evbulan .cover .ek-frame { --fw: min(124px, 34vw); } .t-evbulan .cover .ev-badge { --bw: 74px; } .t-evbulan .cover__to small:last-child { display: none; } .t-evbulan .cover__inner { gap: .3rem; } }

.t-evbulan .cover, body.t-evbulan .cover.has-photo { padding: 3rem 1.6rem; }
body.t-evbulan .cover .names, body.t-evbulan .hero .names, body.t-evbulan .aside .names { color: #fff7e8; text-shadow: 0 0 24px rgba(245,211,107,.35) !important; }
body.t-evbulan .names i { color: var(--k4); font-style: normal; }
.t-evbulan .ek-frame { --frame-bg: radial-gradient(circle at 40% 35%, #3a4590, #232d63); --frame-sh: 0 0 0 6px rgba(255,255,255,.12), 0 0 40px 6px rgba(245,211,107,.25); }
body.t-evbulan .kicker { color: var(--k4); }
.t-evbulan .cover__to { padding: .8rem 1rem; border-radius: 20px; background: rgba(255,255,255,.08); border: 1px solid var(--line); }
.t-evbulan .cover.is-open { transform: scale(1.1); opacity: 0; transition: transform 1s ease, opacity .9s ease; pointer-events: none; }
body.t-evbulan .countdown div { background: rgba(255,255,255,.08); aspect-ratio: 1; display: grid; place-content: center; }
body.t-evbulan .countdown b { color: var(--k4); }
body.t-evbulan .event { background: rgba(255,255,255,.07); }
body.t-evbulan .event h3 { color: var(--k4); }
body.t-evbulan .ibtn--solid { background: var(--k4); color: #1b2250; }