@import url("_ev.css");
/* ==========================================================
   DInvite — Tema "Domba Kecil" (koleksi Acara Spesial · Khitanan & Aqiqah)
   Padang rumput yang hijau dengan domba-domba kecil yang menggemaskan, bunga liar, dan awan putih. Hangat dan lucu untuk aqiqah.
   Ilustrasi dari evkit.js, susunan di evdomba.js.
   ========================================================== */
.t-evdomba { --bg:#f1f7ea; --card:#fffdf7; --ink:#4a4038; --muted:#7a6f63; --line:rgba(127,176,105,.3); --accent:#6a9f55; --accent-2:#f09a86; --on-accent:#fff; --hero-rgb:74,64,56; --tint-a:.3; --hero-ink:#4a4038; --deep:#3d4a33; --soft:#e2efd6; --field:#fffefa;--k1:#7fb069; --k2:#f4a6a0; --k3:#4a4038; --k4:#ffd98e; --k5:#f2c6b4; --k6:#ffffff;--fn:'Sniglet', sans-serif; --fh:'Sniglet', sans-serif; --fb:'Nunito', sans-serif; --fn-w:800; --fn-k:.9; --fh-w:800; --card-r:26px; --cd-r:22px; color-scheme: light; }
body.t-evdomba .page { background: radial-gradient(140% 30% at 50% 108%, #9ccc7f 0 50%, transparent 50.5%), radial-gradient(90% 22% at 10% 104%, #b7dd98 0 50%, transparent 50.5%), linear-gradient(#e6f4ff, #f1f7ea 60%); }
.t-evdomba .cover, .t-evdomba .hero, .t-evdomba .aside, .t-evdomba .sec--closing, body.t-evdomba .cover.has-photo, body.t-evdomba .hero.has-photo, body.t-evdomba .aside.has-photo { background: radial-gradient(140% 30% at 50% 108%, #9ccc7f 0 50%, transparent 50.5%), radial-gradient(90% 22% at 10% 104%, #b7dd98 0 50%, transparent 50.5%), linear-gradient(#e6f4ff, #f1f7ea 60%); color: var(--ink); }
.t-evdomba .sec--tint, .t-evdomba .sec--countdown { background: linear-gradient(var(--soft), var(--soft)); }
.t-evdomba .cover, body.t-evdomba .cover.has-photo { place-items: center; overflow: hidden; }
.t-evdomba .cover__inner { gap: .5rem; max-width: 340px; }
.t-evdomba .hero, .t-evdomba .aside, body.t-evdomba .cover.has-photo, body.t-evdomba .hero.has-photo, body.t-evdomba .aside.has-photo { min-height: 100svh; place-items: center; padding: 4rem 1.6rem; overflow: hidden; }
.t-evdomba .sec--closing { overflow: hidden; padding-block: 6rem 9rem; }
.t-evdomba .cover__to small { color: var(--muted); }
.t-evdomba .cover__to strong { font: 700 1.4rem/1.2 var(--fh); color: var(--ink); }
.t-evdomba .cover .ek-frame { animation: evUp 1s var(--ease) .2s both; }
.t-evdomba .cover .names { animation: evUp 1.1s var(--ease) .45s both; }
.t-evdomba .cover .cover__date, .t-evdomba .cover .cover__to { animation: evUp 1s var(--ease) .65s both; }
.t-evdomba .cover .ibtn { animation: evUp 1s var(--ease) .85s both; }
body.t-evdomba:not(.is-locked) .hero .ek-frame { animation: evUp 1.1s var(--ease) .2s both; }
body.t-evdomba .sec--tint .event p, body.t-evdomba .sec--tint .event small, body.t-evdomba .sec--tint .event span { color: var(--muted); }
@media (max-height: 760px) { .t-evdomba .cover .ek-frame { --fw: min(124px, 34vw); } .t-evdomba .cover .ev-badge { --bw: 74px; } .t-evdomba .cover__to small:last-child { display: none; } .t-evdomba .cover__inner { gap: .3rem; } }

.t-evdomba .cover, body.t-evdomba .cover.has-photo { padding: 3rem 1.6rem 8.5rem; }
body.t-evdomba .names { color: var(--k3); }
body.t-evdomba .names i { color: var(--accent-2); font-style: normal; }
.t-evdomba .ek-frame { --fw: min(176px, 46vw); --frame-bg: radial-gradient(circle at 40% 35%, #fff, #e2efd6); --frame-sh: 0 0 0 7px #fff, 0 18px 30px -16px rgba(74,64,56,.4); }
.t-evdomba .cover.is-open { transform: translateY(-100%); opacity: 1; transition: transform 1s cubic-bezier(.7,0,.25,1); }
body.t-evdomba .event { border: 2px dashed var(--line); }
body.t-evdomba .event h3 { color: var(--accent); }
body.t-evdomba .ibtn--solid { background: var(--accent); }