/* Mẫu Cơ Bản — phần riêng: bìa ảnh tràn khung, hai gia đình + khung ảnh. Phần chung ở templates/_ewed/ewed.css. */

.t-co-ban {
  --f-azkia: "UTM Azkia", "Great Vibes", cursive;
  --cal-ink: #7b6252;
  --gate-bg: #f4f2ef;
  --accent-strong: #910000;
}

/* ---------- 1. bìa ---------- */
.t-co-ban .s-hero { height: 799px; overflow: hidden; }
.t-co-ban .hero-photo { left: -56px; top: -11px; width: 541px; height: 811px; }
.t-co-ban .hero-fade { left: 0; top: 600px; width: 420px; height: 200px; background: linear-gradient(rgba(255, 255, 255, 0), #fff); }
.t-co-ban .hero-names {
  left: 4px; top: 22px; width: 413px;
  font-family: var(--f-azkia); font-size: 45px; line-height: 67.5px;
  text-align: center; white-space: nowrap;
}
.t-co-ban .hero-kicker { left: 83px; top: 635px; width: 254px; font-family: var(--f-barlow); font-size: 22px; line-height: 33px; text-align: center; text-transform: uppercase; }
.t-co-ban .hero-line { left: 92px; width: 236px; height: 1px; background: linear-gradient(90deg, transparent, #222 12%, #222 88%, transparent); }
.t-co-ban .hero-line--top { top: 676px; }
.t-co-ban .hero-line--bottom { top: 759px; }
.t-co-ban .hero-time { left: 83px; top: 688px; width: 254px; font-family: var(--f-roboto); font-size: 18px; line-height: 27px; font-weight: 700; text-align: center; }
.t-co-ban .hero-date { left: 83px; top: 718px; width: 254px; font-family: var(--f-roboto); font-size: 22px; line-height: 33px; font-weight: 700; letter-spacing: 7px; text-align: center; }

/* ---------- 2. hai gia đình ---------- */
.t-co-ban .s-family { height: 641px; }
.t-co-ban .fam-quote { left: -3px; top: 15px; width: 427px; font-family: var(--f-pinyon); font-size: 20px; line-height: 22px; text-align: center; }
.t-co-ban .fam-side, .t-co-ban .fam-parents { width: 200px; font-family: var(--f-cond); font-size: 16px; line-height: 24px; text-align: center; text-transform: uppercase; }
.t-co-ban .fam-addr { width: 200px; font-family: var(--f-roboto); font-size: 14px; line-height: 20px; text-align: center; }
.t-co-ban .fam-role { width: 200px; font-family: var(--f-upright); font-size: 17px; line-height: 25.5px; text-align: center; }
.t-co-ban .fam-name { width: 210px; font-family: var(--f-ephesis); font-size: 26px; line-height: 39px; text-align: center; white-space: nowrap; }
.t-co-ban .fam-side--groom { left: -3px; top: 88px; }
.t-co-ban .fam-parents--groom { left: 0; top: 114px; }
.t-co-ban .fam-addr--groom { left: 0; top: 165px; }
.t-co-ban .fam-role--groom { left: 0; top: 243px; }
.t-co-ban .fam-name--groom { left: -5px; top: 268px; }
.t-co-ban .fam-side--bride { left: 220px; top: 88px; }
.t-co-ban .fam-parents--bride { left: 220px; top: 112px; }
.t-co-ban .fam-addr--bride { left: 220px; top: 165px; }
.t-co-ban .fam-role--bride { left: 220px; top: 243px; }
.t-co-ban .fam-name--bride { left: 215px; top: 268px; }
.t-co-ban .fam-heart { left: 130px; top: 154px; width: 159px; height: 159px; }
.t-co-ban .fam-band { left: 8px; top: 325px; width: 405px; height: 309px; background: rgb(193, 190, 184); }
.t-co-ban .fam-photo--groom { left: 18px; top: 338px; width: 186px; height: 283px; }
.t-co-ban .fam-photo--bride { left: 217px; top: 338px; width: 186px; height: 283px; }

/* ---------- ghi đè phần chung ---------- */
.t-co-ban .s-invite { height: 361px; }
.t-co-ban .inv-title { top: 9px; }
.t-co-ban .inv-sub { top: 59px; }

.t-co-ban .s-ceremony p { font-size: 14px; line-height: 21px; }
.t-co-ban .cer-title { top: 16px; font-size: 16px !important; line-height: 24px !important; }
.t-co-ban .cer-at { top: 39px; }
.t-co-ban .cer-weekday { top: 75px; }
.t-co-ban .cer-day { top: 88px; font-size: 35px !important; line-height: 52.5px !important; }
.t-co-ban .cer-month { top: 140px; }
.t-co-ban .cer-time { top: 107px; }
.t-co-ban .cer-year { top: 107px; }
.t-co-ban .cer-bar { top: 83px; background: #536077; }
.t-co-ban .cer-bar--l { left: 127px; }
.t-co-ban .cer-lunar { top: 172px; font-size: 13px !important; line-height: 19.5px !important; }
.t-co-ban .cer-place { top: 208px; font-size: 16px !important; line-height: 24px !important; }

.t-co-ban .s-party { height: 269px; }
.t-co-ban .party-box { top: 19px; background: rgba(0, 0, 0, .04); }
.t-co-ban .party-title { top: 37px; font-size: 16px; line-height: 24px; }
.t-co-ban .party-time { top: 77px; font-size: 16px; line-height: 24px; }
.t-co-ban .party-date { top: 103px; font-size: 16px; line-height: 24px; }
.t-co-ban .party-lunar { top: 139px; font-size: 13px; line-height: 19.5px; }
.t-co-ban .party-venue { top: 170px; }

.t-co-ban .s-calendar--year { height: 430px; }
.t-co-ban .cal-flourish { left: 142px; top: 374px; }

.t-co-ban .closing-btn--gift { background: #910000; color: #fff; }