/* Mẫu Xanh Dương — phần riêng: bìa hoa xanh, hai gia đình, màu lịch/địa điểm. Phần chung ở templates/_ewed/ewed.css. */

.t-xanh-duong {
  --navy: rgb(0, 50, 99);
  --blue: rgb(27, 87, 157);
  --blue-soft: rgb(226, 236, 255);
  --gate-bg: #eef5fe;
  --accent-strong: #1b579d;
}

/* ---------- 1. bìa ---------- */
.t-xanh-duong .s-hero { height: 799px; background: linear-gradient(#e4f0fd, #fff 22%, #fff 78%, #edf5fe); }
.t-xanh-duong .deco-blue { left: 0; top: 0; width: 420px; height: 800px; }
.t-xanh-duong .hero-save {
  left: 64px; top: 77px; width: 293px;
  font-family: "Black Mango", var(--f-serif); font-size: 27px; line-height: 40.5px;
  color: var(--navy); text-align: center; text-transform: uppercase; white-space: nowrap;
}
.t-xanh-duong .hero-names {
  left: 3px; top: 128px; width: 414px;
  font-family: var(--f-script); font-size: 45px; line-height: 67.5px;
  color: var(--navy); text-align: center; white-space: nowrap;
}
.t-xanh-duong .hero-border { left: 74px; top: 196px; width: 273px; height: 409px; background: var(--blue-soft); }
.t-xanh-duong .hero-cover { left: 82px; top: 204px; width: 257px; height: 394px; }
.t-xanh-duong .hero-time, .t-xanh-duong .hero-date, .t-xanh-duong .hero-year { font-family: var(--f-serif); font-weight: 600; text-align: center; }
.t-xanh-duong .hero-time { left: 56px; top: 616px; width: 127px; font-size: 18px; line-height: 23.4px; letter-spacing: 1px; }
.t-xanh-duong .hero-bar { left: 184px; top: 621px; width: 1px; height: 43px; background: var(--line); }
.t-xanh-duong .hero-date { left: 184px; top: 620px; width: 127px; font-size: 34px; line-height: 44px; }
.t-xanh-duong .hero-year { left: 254px; top: 620px; width: 127px; font-size: 17px; line-height: 22px; }
.t-xanh-duong .hero-lunar {
  left: 0; top: 675px; width: 420px;
  font-family: var(--f-barlow); font-style: italic; font-size: 15px; line-height: 22.5px; text-align: center;
}

/* ---------- 2. hai gia đình ---------- */
.t-xanh-duong .s-family { height: 746px; }
.t-xanh-duong .fam-quote { left: -3px; top: 17px; width: 427px; font-family: var(--f-pinyon); font-size: 20px; line-height: 22px; text-align: center; }
.t-xanh-duong .fam-frame { width: 210px; height: 320px; border: 5px solid var(--blue-soft); }
.t-xanh-duong .fam-frame .ph { inset: 0; }
.t-xanh-duong .fam-frame--groom { left: 0; top: 90px; }
.t-xanh-duong .fam-frame--bride { left: 210px; top: 410px; }
.t-xanh-duong .fam-side, .t-xanh-duong .fam-parents { font-family: var(--f-cond); font-size: 16px; line-height: 24px; text-transform: uppercase; text-align: center; }
.t-xanh-duong .fam-addr { font-family: var(--f-roboto); font-size: 14px; line-height: 20px; text-align: center; }
.t-xanh-duong .fam-role { font-family: var(--f-upright); font-size: 17px; line-height: 25.5px; text-align: center; width: 109px; }
.t-xanh-duong .fam-name { font-family: var(--f-script); font-size: 35px; line-height: 52.5px; text-align: center; width: 210px; white-space: nowrap; }
.t-xanh-duong .fam-side--groom { left: 215px; top: 133px; width: 200px; }
.t-xanh-duong .fam-parents--groom { left: 215px; top: 156px; width: 200px; }
.t-xanh-duong .fam-addr--groom { left: 215px; top: 206px; width: 200px; }
.t-xanh-duong .fam-role--groom { left: 261px; top: 272px; }
.t-xanh-duong .fam-name--groom { left: 210px; top: 295px; }
.t-xanh-duong .fam-side--bride { left: 5px; top: 459px; width: 200px; }
.t-xanh-duong .fam-parents--bride { left: 5px; top: 483px; width: 200px; }
.t-xanh-duong .fam-addr--bride { left: 5px; top: 533px; width: 200px; }
.t-xanh-duong .fam-role--bride { left: 51px; top: 600px; }
.t-xanh-duong .fam-name--bride { left: 0; top: 622px; }

/* ---------- ghi đè phần chung ---------- */
.t-xanh-duong .party-box { background: rgba(0, 95, 188, .03); }

.t-xanh-duong .cal-head, .t-xanh-duong .cal-month { left: 25px; font-family: "Kaisei Decol", var(--f-serif); color: var(--blue); }
.t-xanh-duong .cal-grid { left: 25px; }
.t-xanh-duong .cal-row span { color: var(--blue); }
.t-xanh-duong .cal-row--head { background: var(--blue); }
.t-xanh-duong .cal-row--head span { color: #fff; }
.t-xanh-duong .cal-heart path { stroke: #e79aac; }

.t-xanh-duong .venue-arch { background: #e2f2ff; }
.t-xanh-duong .venue-pin path { fill: #1e88f0; }
.t-xanh-duong .venue-info { width: 240px; }

.t-xanh-duong .closing-btn--gift { background: rgb(0, 51, 102); color: #fff; }