/* Text in the fonts of the studio's "hoa đỏ nhung" (Anh Tú & Diệu Nhi) and "nắng xanh" (Việt Đức &
   Mai Phương) invitations:
   - 1FTV VIP High Spirited (CamTuCauScript in template.css): the cover monogram, "Cô dâu",
     "Chú rể", "The", "Thank you!", "Mừng cưới" and the "&".
   - Great Vibes (fonts.css): names and side labels.
   - Playwrite NZ Guides: the couple on the cover.
   - Playwrite IS: parents, dates, times, venue, address, notes, countdown and the RSVP form.
   - Cormorant Upright (also CamTuCauArno in template.css): invitation wording and titles.
   Sizes are in the 420px design units the invitation is scaled from. */

@font-face {
  font-family: "Playwrite IS";
  src: url(../assets/fonts/playwrite-is.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Playwrite NZ Guides";
  src: url(../assets/fonts/playwrite-nz-guides.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Cormorant Upright";
  src: url(../assets/fonts/cormorant-upright-regular.ttf) format("truetype");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Cormorant Upright";
  src: url(../assets/fonts/cormorant-upright-bold.ttf) format("truetype");
  font-weight: 700;
  font-display: swap;
}

/* Names and side labels. */
.cam-tu-cau :is([data-ct=HEADLINE13], [data-ct=HEADLINE14]) > .ladi-headline {
  font-family: "Great Vibes", cursive;
  font-size: 54px;
  letter-spacing: 0;
  text-transform: none;
  white-space: nowrap;
}
.cam-tu-cau :is([data-ct=HEADLINE114], [data-ct=HEADLINE116]) > .ladi-headline {
  font-family: "Great Vibes", cursive;
  font-size: 30px;
  letter-spacing: 0;
  text-transform: capitalize;
  white-space: nowrap;
}
.cam-tu-cau :is([data-ct=HEADLINE108], [data-ct=HEADLINE110]) > .ladi-headline {
  font-family: "Great Vibes", cursive;
  font-size: 42px;
  letter-spacing: 0;
  text-transform: none;
  white-space: nowrap;
}
/* On one line between the rules that site.css draws, as in the reference. */
.cam-tu-cau .ct-gratitude-names {
  font-family: "Great Vibes", cursive;
  font-size: 34px;
  letter-spacing: 0;
  text-transform: none;
  white-space: nowrap;
}
.cam-tu-cau [data-ct=HEADLINE18] > .ladi-headline {
  font-family: CamTuCauScript, cursive;
}

/* Couple on the cover. */
.cam-tu-cau [data-ct=HEADLINE3] > .ladi-headline {
  font-family: "Playwrite NZ Guides", cursive;
  font-size: 19px;
  text-transform: none;
}

/* Parents, dates, time and address. */
.cam-tu-cau :is([data-ct=HEADLINE115], [data-ct=HEADLINE117]) > .ladi-headline {
  font-family: "Playwrite IS", cursive;
  font-size: 14px;
  line-height: 2;
}
.cam-tu-cau [data-ct=HEADLINE4] > .ladi-headline {
  font-family: "Playwrite IS", cursive;
  font-size: 15px;
  font-weight: 700;
}
.cam-tu-cau [data-ct=HEADLINE119] > .ladi-headline {
  font-family: "Playwrite IS", cursive;
  font-size: 19px;
  font-weight: 700;
  text-transform: none;
}
/* The two thin dividers of the time line are placed for the template's font; centre them in the
   gaps between time, weekday and date as Playwrite IS sets them. */
.cam-tu-cau [data-ct=LINE8] {
  left: 113.5px;
}
.cam-tu-cau [data-ct=LINE9] {
  left: 224px;
}
.cam-tu-cau [data-ct=HEADLINE27] > .ladi-headline {
  font-family: "Playwrite IS", cursive;
  font-size: 13px;
  letter-spacing: 0;
  transform: none;
}

/* Invitation wording and venue. */
.cam-tu-cau [data-ct=HEADLINE118] > .ladi-headline {
  font-family: "Cormorant Upright", serif;
  font-size: 25px;
  text-transform: none;
}
.cam-tu-cau :is([data-ct=HEADLINE19], [data-ct=HEADLINE25]) > .ladi-headline {
  font-family: "Playwrite IS", cursive;
  font-size: 15px;
}
.cam-tu-cau [data-ct=HEADLINE26] > .ladi-headline {
  font-family: "Cormorant Upright", serif;
  font-weight: 700;
}
.cam-tu-cau [data-ct=HEADLINE120] > .ladi-headline {
  font-family: "Cormorant Upright", serif;
  font-size: 21px;
  transform: none;
}

/* Cormorant, which stands in for the template's Arno Pro, uses old-style figures by default, so
   the countdown's "05" would read like lowercase letters. */
.cam-tu-cau .ladi-countdown-text {
  font-variant-numeric: lining-nums;
}

/* Cover monogram "HA" in the same signature face as the other marked script text. */
.cam-tu-cau :is([data-ct=HEADLINE121], [data-ct=HEADLINE122]) > .ladi-headline {
  font-family: CamTuCauScript, cursive;
  font-size: 50px;
  text-transform: none;
}
/* The script letters are wider than the serif ones; overlap them so the pair stays compact. The
   swirl image was drawn around the serif letters and tangles with the script strokes, so it is
   hidden. */
.cam-tu-cau [data-ct=IMAGE182] {
  display: none;
}
.cam-tu-cau [data-ct=HEADLINE121] {
  top: 22px;
  left: -10px;
}
.cam-tu-cau [data-ct=HEADLINE122] {
  top: 30px;
  left: 46px;
}

/* Body text in Playwrite IS, as the reference sets its times, lunar dates, venue, notes and form.
   Every other text the template set in Arno Pro now uses Cormorant Upright through the
   CamTuCauArno face in template.css, as the reference does for its titles. */
.cam-tu-cau [data-ct=HEADLINE26] > .ladi-headline {
  font-family: "Playwrite IS", cursive;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.9;
}
.cam-tu-cau [data-ct=HEADLINE120] > .ladi-headline {
  font-family: "Playwrite IS", cursive;
  font-size: 13px;
}
.cam-tu-cau .ladi-countdown-text,
.cam-tu-cau :is([data-ct=HEADLINE84], [data-ct=HEADLINE85], [data-ct=HEADLINE86], [data-ct=HEADLINE87]) > .ladi-headline {
  font-family: "Playwrite IS", cursive;
}
.cam-tu-cau .ladi-countdown-text {
  font-size: 26px;
  font-weight: 700;
}
.cam-tu-cau :is([data-ct=HEADLINE84], [data-ct=HEADLINE85], [data-ct=HEADLINE86], [data-ct=HEADLINE87]) > .ladi-headline {
  font-size: 11px;
}
.cam-tu-cau [data-ct=HEADLINE78] > .ladi-headline,
.cam-tu-cau .ct-gratitude-message,
.cam-tu-cau .ct-gift-note,
.cam-tu-cau .ct-form-status {
  font-family: "Playwrite IS", cursive;
}
.cam-tu-cau [data-ct=HEADLINE78] > .ladi-headline {
  font-size: 14px;
  line-height: 2;
}
.cam-tu-cau .ct-gratitude-message {
  font-size: 13px;
  font-style: normal;
  line-height: 2;
}

/* RSVP form: fields and the send button in Playwrite IS; the gift button reads as a title. */
.cam-tu-cau [data-ct=FORM3] .ladi-form-control {
  font-family: "Playwrite IS", cursive;
  font-size: 14px;
}
.cam-tu-cau [data-ct=BUTTON_TEXT3] > .ladi-headline {
  font-family: "Playwrite IS", cursive;
  font-size: 15px;
  font-weight: 700;
}
.cam-tu-cau .ct-gift-button {
  font-family: "Cormorant Upright", serif;
  font-weight: 700;
  letter-spacing: 0.08em;
}

/* Countdown heading and the closing title, in Playwrite IS as well. */
.cam-tu-cau [data-ct=HEADLINE6] > .ladi-headline {
  font-family: "Playwrite IS", cursive;
  font-size: 17px;
  line-height: 1.9;
  /* Keep the authored break after "BECOME". */
  white-space: pre-line;
}
.cam-tu-cau .ct-gratitude-title {
  font-family: "Playwrite IS", cursive;
  font-size: 27px;
  line-height: 1.5;
}