/* Event Online V10: accessible flat title colors + live countdown. */
.design-v5 .invitation .event-title {
  max-width:100%;
  text-wrap:balance;
  word-break:normal;
  overflow-wrap:anywhere;
  padding:6px 0 4px;
  filter:none !important;
}
/* Strictly override every old Chrome / metal / bevel / neon text treatment. */
body.design-v5 .invitation .event-title .title-main,
body.design-v5 .invitation .event-title .title-accent {
  position:relative;
  background:none!important;
  background-image:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  -webkit-text-fill-color:var(--heading-primary,#ffffff)!important;
  color:var(--heading-primary,#ffffff)!important;
  -webkit-text-stroke:0!important;
  text-shadow:0 2px 4px var(--heading-shadow,rgba(0,0,0,.25))!important;
  filter:none!important;
  opacity:1!important;
  transform:none!important;
  font-family:'Be Vietnam Pro','Outfit',system-ui,sans-serif;
  font-weight:900;
  letter-spacing:-.035em;
  line-height:1.15;
  text-wrap:balance;
  white-space:normal;
  overflow-wrap:anywhere;
  -webkit-font-smoothing:antialiased;
}
body.design-v5 .invitation .event-title .title-accent {
  -webkit-text-fill-color:var(--heading-accent,#ffeab9)!important;
  color:var(--heading-accent,#ffeab9)!important;
  text-shadow:0 2px 5px var(--heading-shadow,rgba(0,0,0,.25))!important;
  margin-top:5px;
  font-size:clamp(40px,6.6vw,82px);
}
body.design-v5 .invitation .event-title .title-main::before,
body.design-v5 .invitation .event-title .title-main::after,
body.design-v5 .invitation .event-title .title-accent::before,
body.design-v5 .invitation .event-title .title-accent::after{content:none!important;display:none!important;}
/* For an unknown image URL, place titles on a legible dark plate. */
body.design-v5 .invitation[data-heading-surface="remote"] .event-title {
  background:rgba(9,18,34,.78);
  border:1px solid rgba(255,255,255,.23);
  border-radius:18px;
  padding:16px 12px;
  box-shadow:0 12px 25px rgba(0,0,0,.18);
  backdrop-filter:blur(9px);
  -webkit-backdrop-filter:blur(9px);
}
/* Prevent V9 animation layers from changing flat heading colors. */
body.design-v5 .invitation[data-title-style="flat"] .title-main,
body.design-v5 .invitation[data-title-style="flat"] .title-accent {animation:none!important;}
.event-countdown {
  width:100%;
  max-width:640px;
  margin:12px auto 23px;
  padding:17px 16px 15px;
  position:relative;
  z-index:4;
  border:1px solid color-mix(in srgb,var(--accent) 56%,transparent);
  border-radius:20px;
  background:color-mix(in srgb,var(--card2) 64%,transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 12px 28px rgba(0,0,0,.11);
  backdrop-filter:blur(13px);
  -webkit-backdrop-filter:blur(13px);
  color:var(--ink);
}
.event-countdown[hidden]{display:none!important;}
.countdown-kicker {
  text-align:center;
  font-family:'Be Vietnam Pro',sans-serif;
  font-size:clamp(9px,1.5vw,11px);
  line-height:1.5;
  letter-spacing:.1em;
  font-weight:850;
  color:var(--ink);
  margin-bottom:13px;
}
.countdown-units {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.countdown-unit {
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:5px;min-width:0;min-height:77px;padding:8px 4px;
  border:1px solid color-mix(in srgb,var(--accent) 32%,transparent);
  border-radius:13px;
  background:color-mix(in srgb,var(--panel) 86%,transparent);
}
.countdown-unit strong {
  display:block;color:var(--ink);font:900 clamp(22px,3.7vw,35px)/1.2 'Outfit','Be Vietnam Pro',system-ui,sans-serif;
  font-variant-numeric:tabular-nums;letter-spacing:-.05em;
}
.countdown-unit span {
  display:block;color:var(--muted);font:800 clamp(8px,1.1vw,10px)/1.3 'Be Vietnam Pro',sans-serif;
  white-space:nowrap;letter-spacing:.08em;
}
.countdown-status{font-size:12px;color:var(--ink);font-weight:800;text-align:center;margin:0;line-height:1.5;}
.countdown-status:empty{display:none;}
body.design-v5 .invitation[data-heading-surface="light"] .event-countdown{
  background:color-mix(in srgb,white 86%,transparent);
}
@media(max-width:690px){
  body.design-v5 .invitation .event-title{padding-inline:0;}
  body.design-v5 .invitation .event-title .title-main{font-size:clamp(27px,7.2vw,44px);line-height:1.17;}
  body.design-v5 .invitation .event-title .title-accent{font-size:clamp(37px,9.4vw,61px);line-height:1.17;}
  .event-countdown{padding:13px 10px;margin:10px auto 18px;border-radius:15px;}
  .countdown-units{gap:6px;}
  .countdown-unit{min-height:66px;padding:6px 2px;border-radius:10px;gap:4px;}
  .countdown-unit strong{font-size:clamp(20px,5.2vw,31px);}
  .countdown-unit span{font-size:clamp(8px,2.3vw,10px);}
  .countdown-kicker{font-size:10px;margin-bottom:9px;}
}
@media(max-width:390px){
  body.design-v5 .invitation .event-title .title-main{font-size:clamp(25px,7vw,36px);}
  body.design-v5 .invitation .event-title .title-accent{font-size:clamp(34px,9vw,49px);}
  .countdown-units{gap:5px;}
  .countdown-unit strong{font-size:21px;}
}
@media(prefers-reduced-motion:reduce){.event-countdown *,body.design-v5 .event-title *{animation:none!important;transition:none!important;}}