@import url("_ev.css");
/* ==========================================================
   DInvite — Tema "Balon Doa" (koleksi Acara Spesial · Khitanan & Aqiqah)
   Langit pastel penuh balon bermotif bintang Islami yang terbang perlahan ke atas, awan lembut, dan bintang kecil. Lembut untuk aqiqah.
   Ilustrasi dari evkit.js, susunan di evbalon.js.
   ========================================================== */
.t-evbalon { --bg:#eef6ff; --card:#ffffff; --ink:#3d4b6b; --muted:#6f7c98; --line:rgba(124,198,254,.35); --accent:#5aa9e6; --accent-2:#ff8fb1; --on-accent:#fff; --hero-rgb:61,75,107; --tint-a:.3; --hero-ink:#3d4b6b; --deep:#3d4b6b; --soft:#dceeff; --field:#fbfdff;--k1:#7cc6fe; --k2:#ffadc6; --k3:#3d4b6b; --k4:#ffd56b; --k5:#a8e6cf; --k6:#ffffff;--fn:'Comfortaa', sans-serif; --fh:'Comfortaa', sans-serif; --fb:'Quicksand', sans-serif; --fn-w:700; --fn-k:.82; --fh-w:700; --card-r:28px; --cd-r:50%; color-scheme: light; }
body.t-evbalon .page { background: radial-gradient(70% 40% at 20% 10%, #ffe6ef, transparent 70%), radial-gradient(70% 40% at 90% 90%, #e2f6ee, transparent 70%), #eef6ff; }
.t-evbalon .cover, .t-evbalon .hero, .t-evbalon .aside, .t-evbalon .sec--closing, body.t-evbalon .cover.has-photo, body.t-evbalon .hero.has-photo, body.t-evbalon .aside.has-photo { background: radial-gradient(70% 40% at 20% 10%, #ffe6ef, transparent 70%), radial-gradient(70% 40% at 90% 90%, #e2f6ee, transparent 70%), #eef6ff; color: var(--ink); }
.t-evbalon .sec--tint, .t-evbalon .sec--countdown { background: linear-gradient(var(--soft), var(--soft)); }
.t-evbalon .cover, body.t-evbalon .cover.has-photo { place-items: center; overflow: hidden; }
.t-evbalon .cover__inner { gap: .5rem; max-width: 340px; }
.t-evbalon .hero, .t-evbalon .aside, body.t-evbalon .cover.has-photo, body.t-evbalon .hero.has-photo, body.t-evbalon .aside.has-photo { min-height: 100svh; place-items: center; padding: 4rem 1.6rem; overflow: hidden; }
.t-evbalon .sec--closing { overflow: hidden; padding-block: 6rem 9rem; }
.t-evbalon .cover__to small { color: var(--muted); }
.t-evbalon .cover__to strong { font: 700 1.4rem/1.2 var(--fh); color: var(--ink); }
.t-evbalon .cover .ek-frame { animation: evUp 1s var(--ease) .2s both; }
.t-evbalon .cover .names { animation: evUp 1.1s var(--ease) .45s both; }
.t-evbalon .cover .cover__date, .t-evbalon .cover .cover__to { animation: evUp 1s var(--ease) .65s both; }
.t-evbalon .cover .ibtn { animation: evUp 1s var(--ease) .85s both; }
body.t-evbalon:not(.is-locked) .hero .ek-frame { animation: evUp 1.1s var(--ease) .2s both; }
body.t-evbalon .sec--tint .event p, body.t-evbalon .sec--tint .event small, body.t-evbalon .sec--tint .event span { color: var(--muted); }
@media (max-height: 760px) { .t-evbalon .cover .ek-frame { --fw: min(124px, 34vw); } .t-evbalon .cover .ev-badge { --bw: 74px; } .t-evbalon .cover__to small:last-child { display: none; } .t-evbalon .cover__inner { gap: .3rem; } }

.t-evbalon .cover, body.t-evbalon .cover.has-photo { padding: 3rem 1.6rem; }
body.t-evbalon .names { color: var(--k3); }
body.t-evbalon .names i { color: var(--accent-2); font-style: normal; }
.t-evbalon .ek-frame { --fw: min(176px, 46vw); --frame-bg: radial-gradient(circle at 40% 35%, #fff, #dceeff); }
.t-evbalon .cover__to { padding: .8rem 1rem; border-radius: 24px; background: rgba(255,255,255,.75); }
.t-evbalon .cover.is-open { transform: translateY(-100%); opacity: 1; transition: transform 1.2s cubic-bezier(.6,0,.3,1); }
body.t-evbalon .countdown div { aspect-ratio: 1; display: grid; place-content: center; border: 3px solid var(--k1); }
body.t-evbalon .countdown div:nth-child(2) { border-color: var(--k2); } body.t-evbalon .countdown div:nth-child(3) { border-color: var(--k5); } body.t-evbalon .countdown div:nth-child(4) { border-color: var(--k4); }
body.t-evbalon .event { border: 3px solid var(--k1); }
body.t-evbalon .event:nth-child(2) { border-color: var(--k2); }
body.t-evbalon .ibtn--solid { background: linear-gradient(135deg, var(--k1), var(--accent)); }
body.t-evbalon .ek-tdeco { width: 30px; height: 60px; }