@import url("_ev.css");
/* ==========================================================
   DInvite — Tema "Gurun Kurma" (koleksi Acara Spesial · Khitanan & Aqiqah)
   Petualangan di gurun: unta lucu yang berjalan pelan, pohon kurma, bukit pasir hangat, dan matahari yang bersinar. Seru untuk khitanan.
   Ilustrasi dari evkit.js, susunan di evgurun.js.
   ========================================================== */
.t-evgurun { --bg:#fcebd2; --card:#fff8ec; --ink:#5b3a22; --muted:#8b6a50; --line:rgba(200,116,58,.25); --accent:#c8743a; --accent-2:#3f8f5f; --on-accent:#fff8ec; --hero-rgb:91,58,34; --tint-a:.35; --hero-ink:#5b3a22; --deep:#4a2f1b; --soft:#f7dcb6; --field:#fffaf2;--k1:#c8743a; --k2:#d99a4e; --k3:#5b3a22; --k4:#ffd166; --k5:#3f8f5f; --k6:#fff4e0;--fn:'Lilita One', sans-serif; --fh:'Lilita One', sans-serif; --fb:'Nunito', sans-serif; --fn-w:400; --fn-k:.95; --fh-w:400; --card-r:20px; --cd-r:16px; color-scheme: light; }
body.t-evgurun .page { background: radial-gradient(130% 40% at 30% 112%, #e9b47a 0 50%, transparent 50.5%), radial-gradient(120% 34% at 85% 108%, #f0c48e 0 50%, transparent 50.5%), radial-gradient(circle at 82% 14%, rgba(255,209,102,.9) 0 34px, rgba(255,209,102,.25) 35px 70px, transparent 71px), #fcebd2; }
.t-evgurun .cover, .t-evgurun .hero, .t-evgurun .aside, .t-evgurun .sec--closing, body.t-evgurun .cover.has-photo, body.t-evgurun .hero.has-photo, body.t-evgurun .aside.has-photo { background: radial-gradient(130% 40% at 30% 112%, #e9b47a 0 50%, transparent 50.5%), radial-gradient(120% 34% at 85% 108%, #f0c48e 0 50%, transparent 50.5%), radial-gradient(circle at 82% 14%, rgba(255,209,102,.9) 0 34px, rgba(255,209,102,.25) 35px 70px, transparent 71px), #fcebd2; color: var(--ink); }
.t-evgurun .sec--tint, .t-evgurun .sec--countdown { background: linear-gradient(var(--soft), var(--soft)); }
.t-evgurun .cover, body.t-evgurun .cover.has-photo { place-items: center; overflow: hidden; }
.t-evgurun .cover__inner { gap: .5rem; max-width: 340px; }
.t-evgurun .hero, .t-evgurun .aside, body.t-evgurun .cover.has-photo, body.t-evgurun .hero.has-photo, body.t-evgurun .aside.has-photo { min-height: 100svh; place-items: center; padding: 4rem 1.6rem; overflow: hidden; }
.t-evgurun .sec--closing { overflow: hidden; padding-block: 6rem 9rem; }
.t-evgurun .cover__to small { color: var(--muted); }
.t-evgurun .cover__to strong { font: 700 1.4rem/1.2 var(--fh); color: var(--ink); }
.t-evgurun .cover .ek-frame { animation: evUp 1s var(--ease) .2s both; }
.t-evgurun .cover .names { animation: evUp 1.1s var(--ease) .45s both; }
.t-evgurun .cover .cover__date, .t-evgurun .cover .cover__to { animation: evUp 1s var(--ease) .65s both; }
.t-evgurun .cover .ibtn { animation: evUp 1s var(--ease) .85s both; }
body.t-evgurun:not(.is-locked) .hero .ek-frame { animation: evUp 1.1s var(--ease) .2s both; }
body.t-evgurun .sec--tint .event p, body.t-evgurun .sec--tint .event small, body.t-evgurun .sec--tint .event span { color: var(--muted); }
@media (max-height: 760px) { .t-evgurun .cover .ek-frame { --fw: min(124px, 34vw); } .t-evgurun .cover .ev-badge { --bw: 74px; } .t-evgurun .cover__to small:last-child { display: none; } .t-evgurun .cover__inner { gap: .3rem; } }

.t-evgurun .cover, body.t-evgurun .cover.has-photo { padding: 3rem 1.6rem 9rem; }
body.t-evgurun .names { color: var(--k3); letter-spacing: .01em; }
body.t-evgurun .names i { color: var(--k1); font-style: normal; }
.t-evgurun .ek-frame { --fw: min(170px, 46vw); --frame-bg: linear-gradient(180deg, #ffe7b8, #f7c98a); --frame-sh: 0 0 0 6px #fff8ec, 0 0 0 9px var(--k1), 0 16px 28px -14px rgba(91,58,34,.5); }
.t-evgurun .cover.is-open { transform: translateX(-100%); opacity: 1; transition: transform 1s cubic-bezier(.7,0,.25,1); }
body.t-evgurun .event { border: 0; box-shadow: 0 6px 0 rgba(200,116,58,.25), 0 18px 30px -24px rgba(91,58,34,.5); }
body.t-evgurun .event h3 { color: var(--k1); }
body.t-evgurun .ibtn--solid { background: var(--k1); box-shadow: 0 5px 0 var(--k3); }