@import url("_ev.css");
/* ==========================================================
   DInvite — Tema "Kubah Ceria" (koleksi Acara Spesial · Khitanan & Aqiqah)
   Ceria & Islami: kubah masjid berwarna tosca, lentera yang berayun, bulan sabit & bintang berkelip. Cocok untuk khitanan dan aqiqah.
   Ilustrasi dari evkit.js, susunan di evkubah.js.
   ========================================================== */
.t-evkubah { --bg:#e8f6f0; --card:#ffffff; --ink:#1f4a44; --muted:#5d7f79; --line:rgba(47,143,131,.22); --accent:#2f8f83; --accent-2:#e8a33d; --on-accent:#fff; --hero-rgb:31,74,68; --tint-a:.35; --hero-ink:#1f4a44; --deep:#1f4a44; --soft:#d2eee6; --field:#fbfffd;--k1:#2f8f83; --k2:#e8a33d; --k3:#1f4a44; --k4:#f5c542; --k5:#e57a6e; --k6:#fffaf0;--fn:'Fredoka', sans-serif; --fh:'Fredoka', sans-serif; --fb:'Nunito', sans-serif; --fn-w:600; --fn-k:.95; --fh-w:600; --card-r:22px; --btn-r:999px; --cd-r:18px; --ph-r:18px; color-scheme: light; }
body.t-evkubah .page { background: radial-gradient(circle at 50% 120%, rgba(47,143,131,.18), transparent 55%), radial-gradient(circle, rgba(232,163,61,.14) 1.5px, transparent 2px) 0 0 / 26px 26px, var(--bg); }
.t-evkubah .cover, .t-evkubah .hero, .t-evkubah .aside, .t-evkubah .sec--closing, body.t-evkubah .cover.has-photo, body.t-evkubah .hero.has-photo, body.t-evkubah .aside.has-photo { background: radial-gradient(circle at 50% 120%, rgba(47,143,131,.18), transparent 55%), radial-gradient(circle, rgba(232,163,61,.14) 1.5px, transparent 2px) 0 0 / 26px 26px, var(--bg); color: var(--ink); }
.t-evkubah .sec--tint, .t-evkubah .sec--countdown { background: linear-gradient(var(--soft), var(--soft)); }
.t-evkubah .cover, body.t-evkubah .cover.has-photo { place-items: center; overflow: hidden; }
.t-evkubah .cover__inner { gap: .5rem; max-width: 340px; }
.t-evkubah .hero, .t-evkubah .aside, body.t-evkubah .cover.has-photo, body.t-evkubah .hero.has-photo, body.t-evkubah .aside.has-photo { min-height: 100svh; place-items: center; padding: 4rem 1.6rem; overflow: hidden; }
.t-evkubah .sec--closing { overflow: hidden; padding-block: 6rem 9rem; }
.t-evkubah .cover__to small { color: var(--muted); }
.t-evkubah .cover__to strong { font: 700 1.4rem/1.2 var(--fh); color: var(--ink); }
.t-evkubah .cover .ek-frame { animation: evUp 1s var(--ease) .2s both; }
.t-evkubah .cover .names { animation: evUp 1.1s var(--ease) .45s both; }
.t-evkubah .cover .cover__date, .t-evkubah .cover .cover__to { animation: evUp 1s var(--ease) .65s both; }
.t-evkubah .cover .ibtn { animation: evUp 1s var(--ease) .85s both; }
body.t-evkubah:not(.is-locked) .hero .ek-frame { animation: evUp 1.1s var(--ease) .2s both; }
body.t-evkubah .sec--tint .event p, body.t-evkubah .sec--tint .event small, body.t-evkubah .sec--tint .event span { color: var(--muted); }
@media (max-height: 760px) { .t-evkubah .cover .ek-frame { --fw: min(124px, 34vw); } .t-evkubah .cover .ev-badge { --bw: 74px; } .t-evkubah .cover__to small:last-child { display: none; } .t-evkubah .cover__inner { gap: .3rem; } }

.t-evkubah .cover, body.t-evkubah .cover.has-photo { padding: 5.6rem 1.6rem 7rem; }
body.t-evkubah .cover .names, body.t-evkubah .hero .names { color: var(--k3); }
body.t-evkubah .names i { color: var(--k2); font-family: var(--fn); font-style: normal; }
.t-evkubah .ek-frame { --fw: min(190px, 50vw); --frame-bg: radial-gradient(circle at 50% 30%, #fff, #d2eee6); --frame-sh: none; filter: drop-shadow(0 0 0 6px #fff) drop-shadow(0 14px 18px rgba(31,74,68,.25)); }
.t-evkubah .ek-frame::after { content: ''; position: absolute; inset: -8px; clip-path: polygon(50% 0, 64% 8%, 76% 20%, 84% 34%, 88% 48%, 88% 100%, 12% 100%, 12% 48%, 16% 34%, 24% 20%, 36% 8%); background: var(--k2); z-index: -1; }
.t-evkubah .cover.is-open { transform: translateY(-100%); opacity: 1; transition: transform 1s cubic-bezier(.7,0,.25,1); }
body.t-evkubah .sec__title { color: var(--k3); }
body.t-evkubah .event { border: 2px solid var(--line); }
body.t-evkubah .event h3 { color: var(--accent); }