/* ==========================================================
   DeInvite — Tema "Tionghoa Klasik"
   Merah pernis · emas · gading. Sepasang lentera, jendela bulan berkisi
   dengan ranting bunga plum, dan ukiran awan (xiangyun).
   Sengaja tenang: satu-satunya gerak adalah pintu pernis yang terbuka.
   ========================================================== */
.t-tionghoa {
    --bg: #5b0a0f; --bg-2: #6f0d13; --card: #3d0609; --ink: #fbeed2; --muted: #e2c793;
    --accent: #e2b25a; --accent-2: #f6d58a; --on-accent: #3d0609; --line: rgba(226,178,90,.38);
    --hero-rgb: 70,7,11; --tint-a: .86; --hero-ink: #fbeed2;
    /* Kisi jendela: belah ketupat emas tipis di atas merah pernis */
    --pattern:
        linear-gradient(45deg, rgba(226,178,90,.06) 1px, transparent 1px) 0 0 / 26px 26px,
        linear-gradient(-45deg, rgba(226,178,90,.06) 1px, transparent 1px) 0 0 / 26px 26px;
    color-scheme: dark;
}

/* Huruf: Shippori Mincho (nuansa oriental) untuk nama & judul, Cormorant untuk teks miring */
.t-tionghoa .names { font-family: 'Shippori Mincho', 'Cormorant Garamond', serif; font-weight: 600; letter-spacing: .04em; color: var(--accent-2); text-shadow: 0 2px 12px rgba(0,0,0,.35); }
.t-tionghoa .names i { font-family: 'Cormorant Garamond', serif; font-style: italic; font-weight: 500; color: var(--accent); }
.t-tionghoa .cover .names { font-size: clamp(2.3rem, 9.6vw, 3.4rem); line-height: 1.2; }
.t-tionghoa .names--md { color: var(--accent-2); }
.t-tionghoa .kicker { font-family: 'Shippori Mincho', serif; font-weight: 600; font-size: .72rem; letter-spacing: .36em; color: var(--accent); }
.t-tionghoa .sec__title { font-family: 'Shippori Mincho', serif; font-weight: 600; font-size: 1.5rem; letter-spacing: .08em; color: var(--accent-2); }
.t-tionghoa .sec__title::after { content: ''; display: block; width: 220px; height: 22px; margin: .65rem auto 0; background: url(../../img/themes/tionghoa/pembatas.svg) center / contain no-repeat; }
.t-tionghoa .cover__date, .t-tionghoa .hero__date, .t-tionghoa .aside__date, .t-tionghoa .thanks, .t-tionghoa .countdown__date { font-family: 'Cormorant Garamond', serif; font-style: italic; font-weight: 600; color: var(--muted); }
.t-tionghoa .cover__to strong { font-family: 'Shippori Mincho', serif; font-weight: 600; color: var(--ink); }
.t-tionghoa .quote { font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 1.2rem; line-height: 1.75; color: var(--ink); }

/* Pintu pernis merah berpaku emas dengan gelang pegangan (satu-satunya animasi) */
.t-tionghoa .am-panel::before {
    background:
        radial-gradient(circle at calc(100% - 26px) 50%, transparent 0 12px, #e2b25a 12.5px 15px, transparent 15.5px),
        radial-gradient(circle at calc(100% - 26px) calc(50% - 19px), #f6d58a 0 4px, #b98632 4.5px 5.5px, transparent 6px),
        radial-gradient(circle, rgba(246,213,138,.85) 0 2.4px, rgba(150,96,28,.9) 2.8px 3.4px, transparent 3.8px) 17px 17px / 34px 34px,
        linear-gradient(90deg, #7a0a10, #a3141b 45%, #8e1016);
    box-shadow: inset 0 0 0 10px #4a070b, inset 0 0 0 12px #e2b25a, inset 0 0 0 22px #8e1016, inset 0 0 0 23px rgba(226,178,90,.55);
}
.t-tionghoa .cover::before { inset: 18px; border: 1.5px solid var(--line); border-radius: 0; z-index: 1; }
.t-tionghoa .cover::after { inset: 25px; border: 1px solid rgba(226,178,90,.18); border-radius: 0; z-index: 1; opacity: 1; }
.t-tionghoa .cover__inner { width: min(320px, calc(100vw - 64px)); gap: .6rem; padding: 1.4rem 1.1rem 1.4rem; border-radius: 6px;
    background: radial-gradient(ellipse at 50% 30%, rgba(163,20,27,.55), transparent 70%), rgba(61,6,9,.86);
    border: 1px solid rgba(226,178,90,.65); box-shadow: inset 0 0 0 5px rgba(61,6,9,.86), inset 0 0 0 6px rgba(226,178,90,.35), 0 26px 50px -22px rgba(0,0,0,.8); }
@media (min-width: 960px) { .t-tionghoa .cover__inner { width: 370px; } }
@media (max-height: 700px) { .t-tionghoa .cover .tm-house { width: 120px; } .t-tionghoa .cover__inner { gap: .4rem; padding-top: 1rem; } }
.t-tionghoa .tm-band { display: none; }
.t-tionghoa .tm-frame { z-index: 1; }
.t-tionghoa .tm-corner { width: clamp(58px, 15vw, 92px); opacity: .9; }
.t-tionghoa .tm-house { filter: drop-shadow(0 12px 20px rgba(0,0,0,.4)); }
.t-tionghoa .cover .tm-house { width: min(150px, 40vw); }
.t-tionghoa .hero .tm-house { width: min(220px, 60vw); }
.t-tionghoa .aside .tm-house { width: 260px; }
.t-tionghoa .tm-house--sm { width: 170px; }

/* Sampul / pembuka / panel kiri: merah pernis berkisi, cahaya hangat di tengah */
.t-tionghoa .cover, .t-tionghoa .hero, .t-tionghoa .aside {
    overflow: hidden;
    background:
        radial-gradient(ellipse at 50% 38%, rgba(226,178,90,calc(var(--tint-a) * .16)), transparent 60%),
        linear-gradient(var(--hero-tint), var(--hero-tint)),
        var(--cover, none) center / cover no-repeat,
        var(--pattern), var(--bg);
}
.t-tionghoa .hero__inner, .t-tionghoa .aside__inner { position: relative; z-index: 1; }
.t-tionghoa .page { background-color: var(--bg); background-image: var(--pattern); }
.t-tionghoa .sec--tint { background-color: var(--bg-2); background-image: var(--pattern); }

/* Kartu: pernis gelap, bingkai emas ganda, sudut tegas */
.t-tionghoa .event, .t-tionghoa .gift, .t-tionghoa .rsvp, .t-tionghoa .wish, .t-tionghoa .qr-card, .t-tionghoa .lstory__card, .t-tionghoa .evinfo__dc, .t-tionghoa .gaddr, .t-tionghoa .glist__item {
    border-radius: 4px; border: 1px solid var(--line); background: var(--card);
    box-shadow: inset 0 0 0 4px var(--card), inset 0 0 0 5px rgba(226,178,90,.25), 0 16px 30px -20px rgba(0,0,0,.7);
}
.t-tionghoa .event h3 { font-family: 'Shippori Mincho', serif; font-weight: 600; font-size: 1.45rem; letter-spacing: .04em; color: var(--accent-2); }
.t-tionghoa .countdown div { border-radius: 4px; background: var(--card); border-color: var(--line); box-shadow: inset 0 -3px 0 rgba(226,178,90,.55); }
.t-tionghoa .countdown b { font-family: 'Shippori Mincho', serif; color: var(--accent-2); }
.t-tionghoa .ibtn { border-radius: 4px; border-width: 1.5px; letter-spacing: .04em; }
.t-tionghoa .ibtn--solid { background: linear-gradient(180deg, #f6d58a, #c99436); color: #3d0609; border-color: #f6d58a; box-shadow: 0 10px 22px -12px rgba(226,178,90,.75); }
.t-tionghoa .music { border-radius: 4px; }
.t-tionghoa .gslider, .t-tionghoa .gallery__item { border-radius: 4px; box-shadow: 0 0 0 1px var(--line); }
.t-tionghoa .divider { background: var(--accent); height: 1.5px; }
.t-tionghoa .amp { font-family: 'Cormorant Garamond', serif; font-style: italic; color: var(--accent); }
.t-tionghoa .pframe, .t-tionghoa .person__photo { border-radius: 50%; box-shadow: 0 0 0 2px var(--accent), 0 0 0 7px rgba(61,6,9,.9), 0 0 0 8px rgba(226,178,90,.5); }
.t-tionghoa .ifoot { border-top: 1px solid var(--line); }
.t-tionghoa .tm-frame::before { content: ''; position: absolute; inset: 0; background: var(--pattern); opacity: calc(var(--tint-a) * .9); }
