/* ==========================================================
   DInvite — Tema "Sunda Siger" (adat beranimasi)
   Krem, cokelat & emas dengan mega mendung biru berlapis. Tirai awan
   tersibak saat dibuka, awan melayang, siger berkilau dengan kembang
   goyang yang bergetar, dan kilau emas berjatuhan.
   ========================================================== */
.t-sunda {
    --bg: #f8f0e0; --bg-2: #f1e5cc; --card: #fffaf0; --ink: #3b2617; --muted: #7c6248;
    --accent: #a8762f; --accent-2: #c99a4a; --on-accent: #fffaf0; --line: rgba(168,118,47,.32);
    --hero-rgb: 248,240,224; --tint-a: .84; --hero-ink: #3b2617;
    --sd-blue: #2c4f80; --sd-navy: #1d355c;
    --am-seam: linear-gradient(#e2bb6a, #a8762f, #e2bb6a);
    color-scheme: light;
}
@keyframes sdRise { from { opacity: 0; transform: translateY(24px); } }
@keyframes sdFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
@keyframes sdShine { 0%, 60% { transform: translateX(-120%) skewX(-18deg); } 100% { transform: translateX(220%) skewX(-18deg); } }

.t-sunda .am-panel::before { background: url(../../img/themes/sunda/tirai.svg) right center / auto 100% no-repeat, radial-gradient(circle, rgba(168,118,47,.28) 1.4px, transparent 2px) 0 0 / 23px 23px, linear-gradient(90deg, #efe3c9, #f8f0e0); }
.t-sunda .am-drift { opacity: .72; height: 17%; }
.t-sunda .am-drift--top { display: none; }

/* Huruf */
.t-sunda .names { font-family: 'Pinyon Script', 'Great Vibes', cursive; font-weight: 400; color: var(--sd-navy); }
.t-sunda .names i { font-family: 'Marcellus', serif; font-style: normal; font-size: .4em; color: var(--accent); vertical-align: middle; }
.t-sunda .cover .names { font-size: clamp(3.1rem, 13vw, 4.6rem); line-height: 1.2; }
.t-sunda .names--md { color: var(--sd-navy); }
.t-sunda .kicker { font-family: 'Marcellus', serif; font-weight: 400; letter-spacing: .34em; color: var(--accent); }
.t-sunda .sec__title { font-family: 'Marcellus', serif; font-weight: 400; font-size: 1.6rem; letter-spacing: .05em; color: var(--sd-navy); }
.t-sunda .sec__title::after { content: ''; display: block; width: 210px; height: 40px; margin: .5rem auto 0; background: url(../../img/themes/sunda/pembatas.svg) center / contain no-repeat; }
.t-sunda .reveal .sec__title::after { opacity: 0; transform: translateY(8px) scale(.85); transition: opacity 1s ease .3s, transform 1.2s cubic-bezier(.2,.7,.2,1) .3s; }
.t-sunda .reveal.is-visible .sec__title::after { opacity: 1; transform: none; }
.t-sunda .cover__date, .t-sunda .hero__date, .t-sunda .aside__date, .t-sunda .thanks, .t-sunda .countdown__date { font-family: 'Cormorant Garamond', serif; font-style: italic; font-weight: 600; color: var(--ink); }
.t-sunda .cover__to strong { font-family: 'Marcellus', serif; font-weight: 400; color: var(--sd-navy); }
.t-sunda .quote { font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 1.22rem; line-height: 1.75; color: var(--ink); }

/* Sampul: tirai mega mendung, siger, sudut awan */
.t-sunda .cover::before { inset: 18px; border: 1.5px solid var(--line); border-radius: 0; z-index: 1; }
.t-sunda .cover::after { display: none; }
.t-sunda .cover__inner { padding: 1.5rem 1.3rem; border-radius: 26px; background: radial-gradient(ellipse at center, rgba(248,240,224,.95) 0%, rgba(248,240,224,.86) 58%, rgba(248,240,224,0) 80%); }
.t-sunda .tm-band { display: none; }
.t-sunda .tm-frame { z-index: 1; }
.t-sunda .tm-corner { width: clamp(60px, 16vw, 100px); }
.t-sunda .tm-house { filter: drop-shadow(0 12px 18px rgba(80,50,20,.25)); }
.t-sunda .cover .tm-house { width: min(200px, 54vw); animation: sdRise 1.4s ease both, sdFloat 5.5s ease-in-out 1.4s infinite; }
.t-sunda .hero .tm-house { width: min(210px, 56vw); }
.t-sunda .aside .tm-house { width: 250px; }
.t-sunda .tm-house--sm { width: 140px; }
.t-sunda .cover .kicker { animation: sdRise 1.1s ease .35s both; }
.t-sunda .cover .names { animation: sdRise 1.2s ease .55s both; }
.t-sunda .cover__date { animation: sdRise 1.1s ease .8s both; }
.t-sunda .cover__to { animation: sdRise 1.1s ease 1s both; }
.t-sunda .cover .ibtn { animation: sdRise 1.1s ease 1.2s both; }
.t-sunda .hero, .t-sunda .aside { background: linear-gradient(var(--hero-tint), var(--hero-tint)), var(--cover, none) center / cover no-repeat, var(--bg); overflow: hidden; }
.t-sunda .sec--tint { background-color: var(--bg-2); background-image: url(../../img/themes/sunda/pola.svg); background-size: 64px 64px; }

/* Kartu: krem dengan garis emas & aksen biru mega mendung */
.t-sunda .event, .t-sunda .gift, .t-sunda .rsvp, .t-sunda .wish, .t-sunda .qr-card, .t-sunda .lstory__card {
    border-radius: 16px; border: 1px solid var(--line); background: var(--card);
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset, 0 18px 34px -24px rgba(29,53,92,.45);
}
.t-sunda .event { position: relative; overflow: hidden; border-top: 3px solid var(--sd-blue); }
.t-sunda .event::before { inset: 8px; border-color: rgba(168,118,47,.22); border-radius: 11px; }
.t-sunda .event::after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 40%; background: linear-gradient(90deg, transparent, rgba(226,187,106,.18), transparent); animation: sdShine 8s ease-in-out infinite; pointer-events: none; }
.t-sunda .event h3 { font-family: 'Marcellus', serif; font-weight: 400; font-size: 1.5rem; color: var(--sd-navy); }
.t-sunda .reveal .event, .t-sunda .reveal .gift, .t-sunda .reveal .person { opacity: 0; transform: translateY(22px); transition: opacity 1s ease, transform 1s cubic-bezier(.2,.7,.2,1); }
.t-sunda .reveal.is-visible .event, .t-sunda .reveal.is-visible .gift, .t-sunda .reveal.is-visible .person { opacity: 1; transform: none; }
.t-sunda .reveal.is-visible .event:nth-child(2), .t-sunda .reveal.is-visible .gift:nth-child(2), .t-sunda .reveal.is-visible .person:nth-of-type(2) { transition-delay: .25s; }
.t-sunda .countdown div { border-radius: 14px; background: var(--card); border-color: var(--line); box-shadow: inset 0 -3px 0 var(--sd-blue); }
.t-sunda .countdown b { font-family: 'Marcellus', serif; color: var(--sd-navy); }
.t-sunda .divider { background: var(--sd-blue); }

.t-sunda .ibtn { border-color: var(--accent); color: var(--accent); }
.t-sunda .ibtn--solid { position: relative; overflow: hidden; background: linear-gradient(180deg, #2f5585, #1d355c); border-color: #1d355c; color: #fff6e2; box-shadow: 0 10px 24px -12px rgba(29,53,92,.7); }
.t-sunda .ibtn--solid::after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 45%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.4), transparent); animation: sdShine 5s ease-in-out infinite 1.5s; pointer-events: none; }
.t-sunda .ibtn--solid:hover { background: var(--accent); border-color: var(--accent); color: #fff; }
.t-sunda .att input:checked + span { background: var(--sd-navy); border-color: var(--sd-navy); }

.t-sunda .pframe::before { border-color: var(--accent); }
.t-sunda .pframe::after { background: var(--sd-blue); }
.t-sunda .lstory__dot { background: var(--sd-blue); }
.t-sunda .lstory__title { font-family: 'Marcellus', serif; color: var(--sd-navy); }
.t-sunda .gslider, .t-sunda .gallery__item { border-radius: 16px; }
.t-sunda .amp { font-family: 'Pinyon Script', cursive; color: var(--accent); }
.t-sunda .gift__bank { color: var(--sd-blue); }

@media (prefers-reduced-motion: reduce) {
    .t-sunda .reveal .event, .t-sunda .reveal .gift, .t-sunda .reveal .person { opacity: 1; transform: none; }
    .t-sunda .reveal .sec__title::after { opacity: 1; transform: none; }
}