/* ==========================================================
   DeInvite — W-104 "Coquette Pita"
   Merah muda pudar · krem · mutiara. Pita satin & untaian mutiara.
   ========================================================== */
.t-trcoquette {
    --bg: #fdf6f3; --bg-2: #fbe9ec; --card: #fffaf8; --ink: #5a3a42; --muted: #9a7a80;
    --accent: #c97a8c; --accent-2: #e8a7b5; --on-accent: #ffffff; --line: rgba(201,122,140,.3);
    --hero-rgb: 253,246,243; --tint-a: .86; --hero-ink: #5a3a42;
    --dots: radial-gradient(circle, rgba(232,167,181,.32) 1.4px, transparent 1.8px) 0 0 / 22px 22px;
    color-scheme: light;
}
.t-trcoquette .names { font-family: 'Parisienne', cursive; font-weight: 400; color: var(--accent); }
.t-trcoquette .names i { font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: .55em; color: var(--accent-2); vertical-align: middle; }
.t-trcoquette .cover .names { font-size: clamp(2.8rem, 12vw, 4rem); line-height: 1.15; }
.t-trcoquette .kicker { font-family: 'Cormorant Garamond', serif; font-weight: 600; font-size: .78rem; letter-spacing: .3em; color: var(--accent); }
.t-trcoquette .sec__title { font-family: 'Parisienne', cursive; font-weight: 400; font-size: 2.3rem; color: var(--accent); }
.t-trcoquette .sec__title::after { content: ''; display: block; width: 210px; height: 34px; margin: .2rem auto 0; background: url(../../img/themes/trcoquette/pembatas.svg) center / contain no-repeat; }
.t-trcoquette .cover__date, .t-trcoquette .hero__date, .t-trcoquette .aside__date, .t-trcoquette .thanks, .t-trcoquette .countdown__date, .t-trcoquette .quote { font-family: 'Cormorant Garamond', serif; font-style: italic; font-weight: 600; color: var(--muted); }
.t-trcoquette .cover__to strong { font-family: 'Cormorant Garamond', serif; font-weight: 600; font-size: 1.15rem; color: var(--ink); }

.t-trcoquette .cover, .t-trcoquette .hero, .t-trcoquette .aside { background: linear-gradient(var(--hero-tint), var(--hero-tint)), var(--cover, none) center / cover no-repeat, var(--dots), linear-gradient(180deg, #fdf6f3, #fbe9ec); }
.t-trcoquette .cover::before { inset: 14px; border: 1px solid var(--accent-2); border-radius: 22px; }
.t-trcoquette .cover::after { inset: 20px; border: 1px solid rgba(232,167,181,.35); border-radius: 18px; }
.t-trcoquette .cover__inner { width: min(310px, calc(100vw - 64px)); gap: .5rem; }
.t-trcoquette .cover .tm-house { width: min(150px, 40vw); }
.t-trcoquette .hero .tm-house { width: min(150px, 40vw); }
.t-trcoquette .aside .tm-house { width: 170px; }
.t-trcoquette .tm-house--sm { width: 96px; }
.t-trcoquette .tm-corner { width: clamp(52px, 14vw, 82px); }
.t-trcoquette .tm-band { display: none; }
.t-trcoquette .page, .t-trcoquette .sec--tint { background-image: var(--dots); }

.t-trcoquette .event, .t-trcoquette .gift, .t-trcoquette .rsvp, .t-trcoquette .wish, .t-trcoquette .qr-card, .t-trcoquette .lstory__card, .t-trcoquette .evinfo__dc, .t-trcoquette .gaddr, .t-trcoquette .glist__item { border-radius: 22px; background: var(--card); border: 1px solid var(--line); box-shadow: inset 0 0 0 5px var(--card), inset 0 0 0 6px rgba(232,167,181,.35), 0 16px 32px -24px rgba(201,122,140,.55); }
.t-trcoquette .event h3 { font-family: 'Parisienne', cursive; font-weight: 400; font-size: 2rem; color: var(--accent); }
.t-trcoquette .countdown div { border-radius: 18px; background: var(--card); border-color: var(--line); }
.t-trcoquette .countdown b { font-family: 'Cormorant Garamond', serif; font-weight: 600; color: var(--accent); }
.t-trcoquette .ibtn { border-radius: 999px; letter-spacing: .03em; }
.t-trcoquette .ibtn--solid { background: linear-gradient(180deg, #e8a7b5, #c97a8c); border-color: #e8a7b5; color: #fff; box-shadow: 0 10px 22px -12px rgba(201,122,140,.8); }
.t-trcoquette .amp { font-family: 'Parisienne', cursive; color: var(--accent-2); }
.t-trcoquette .pframe, .t-trcoquette .person__photo { border-radius: 50% / 46%; box-shadow: 0 0 0 2px var(--accent-2), 0 0 0 7px var(--card), 0 0 0 8px var(--line); }
.t-trcoquette .divider { background: var(--accent-2); }

/* Foto pengantin di bingkai oval mutiara berpita */
.t-trcoquette .cportrait { aspect-ratio: 240 / 290; }
.t-trcoquette .cportrait::before { content: ''; position: absolute; inset: 0; z-index: 2; background: url(../../img/themes/trcoquette/bingkai-mutiara.svg) center / contain no-repeat; pointer-events: none; }
.t-trcoquette .cportrait__in { left: 18.5%; right: 18.5%; top: 17.5%; bottom: 13.5%; border-radius: 50%; }
.t-trcoquette .cover .cportrait { width: min(160px, 44vw); }
.t-trcoquette .hero .cportrait { width: min(220px, 60vw); }
.t-trcoquette { --accent: #b5607a; }
.t-trcoquette .cportrait__in { background: #fff8f6; }
.t-trcoquette .cportrait__init { font-family: 'Parisienne', cursive; font-size: 2.2rem; color: var(--accent); }