/* =========================================================
   THEME v2 — Concept 3
   Palette: royal purple + oxblood + rani + gold on ivory
   Patterns: Lucknowi chikankari / Bagru block buti
   Borders: gota patti / Channapatna beads   ·   Shape: Shahi multifoil arch
   (Original v1 design is preserved on the "original-v1" branch.)
   ========================================================= */
:root {
  --ivory:#FBF6EE; --ivory-2:#F4EADB;
  --purple:#3E1460; --purple-deep:#220A38;
  --oxblood:#3E1460; --oxblood-2:#220A38;      /* legacy names now map to purple */
  --maroon:#5E1A2B; --maroon-2:#45111F;
  --rani:#D63A7E; --gold:#C9A04A; --gold-soft:#E3C27A; --marigold:#E8A33D; --teal:#1D6F73;
  --ink:#26142E; --muted:#76687A;
  --shadow: 0 18px 36px -24px rgba(34, 10, 56, .4);
  --jaali: url("../assets/motifs/chikan-white.svg");
}

/* ---------- Hero: ivory, crisp, framed by a multifoil arch (no glow, no blur) ---------- */
.monogram { display:none; }
.hero { color: var(--purple); background: url("../assets/motifs/chikan-hero.svg") var(--ivory); padding-top: 120px; padding-bottom: 110px; }
.hero__jaali { display:none; }
.hero__inner { padding: clamp(70px, 9vw, 110px) clamp(22px, 6vw, 90px) clamp(44px, 6vw, 70px); max-width: 860px; position: relative; }
.hero__inner::before, .hero__inner::after { content:""; position:absolute; pointer-events:none; }
.hero__inner::before { left: 0; right: 0; top: 0; height: 160px; background: url("../assets/motifs/arch-top-outline.svg") center/100% 100% no-repeat; }
.hero__inner::after  { left: 0; right: 0; top: 129px; bottom: 0; border: 1.5px solid var(--gold); border-top: 0;
 }
.hero .eyebrow { color: var(--rani); }
.hero__greeting { color: var(--rani); }
.hero__names { color: var(--purple); }
.hero__names .amp { color: var(--rani); }
.hero__sub { color: rgba(62, 20, 96, .8); }
.hero__date { color: var(--purple); }
.hero__date .dot { color: var(--gold); }
.hero__note { color: var(--muted); }
.divider--gold::before { background: linear-gradient(90deg, transparent, var(--gold), transparent); }
.divider--gold::after { background: var(--rani); box-shadow: 0 0 0 4px var(--ivory), 0 0 0 5px var(--gold); }
.countdown div { border:0; border-radius:0 0 6px 6px; background: var(--purple); color: var(--ivory); padding-top: 30px;
  -webkit-mask: url("../assets/motifs/cap-92x34-5.svg") top/100% 34px no-repeat, linear-gradient(#000,#000) 0 33px/100% calc(100% - 33px) no-repeat;
          mask: url("../assets/motifs/cap-92x34-5.svg") top/100% 34px no-repeat, linear-gradient(#000,#000) 0 33px/100% calc(100% - 33px) no-repeat; }
.countdown small { color: var(--gold-soft); }
.hero::after { content:""; position:absolute; left:0; right:0; bottom:0; height:24px; background: url("../assets/motifs/gota.svg") repeat-x; border-top: 2px solid var(--gold); }
.hero__scroll { bottom: 40px; border-color: rgba(62, 20, 96, .4); }
.hero__scroll span { background: var(--rani); }
.btn--gold { background: var(--rani); color: #fff; }
.btn--gold:hover { background: #B8256A; }
.btn--light { border-color: var(--purple); color: var(--purple); }
.btn--light:hover { background: var(--purple); color: var(--ivory); }

/* ---------- Nav ---------- */
.nav { color: var(--purple); }
.nav__brand span, .nav.is-solid .nav__brand span { color: var(--rani); }
@media (max-width: 1024px) {
  .nav__links { background: var(--purple) url("../assets/motifs/chikan-white.svg"); }
  .nav.is-open .nav__brand span { color: var(--gold-soft); }
}

/* ---------- Section backgrounds: patterns alternate ---------- */
.welcome, .events, .explore, .faq { background: url("../assets/motifs/bagru.svg") var(--ivory); }
.story, .travel, .songs { background: url("../assets/motifs/chikan-purple.svg") var(--ivory-2); }
.gallery { background: var(--ivory); }
.welcome { padding-top: clamp(80px, 10vw, 120px); }

/* ---------- Borders: gota patti / Channapatna beads ---------- */
.phulkari { opacity: 1; }
.phulkari::before, .phulkari::after { display: none; }
.welcome .phulkari { display: none; }                  /* hero already ends in gota */
.explore .phulkari { height: 24px; background: url("../assets/motifs/gota.svg") repeat-x; border-top: 2px solid var(--gold); top: 0; }
.events .phulkari, .footer .phulkari { height: 34px; background: url("../assets/motifs/channapatna.svg") repeat-x 0 0/94px 34px; top: 0; }
.events, .explore { padding-top: clamp(100px, 12vw, 140px); }
.rsvp::before { content:""; position:absolute; left:0; right:0; top:0; height:34px; background: url("../assets/motifs/channapatna.svg") repeat-x 0 0/94px 34px; z-index: 2; }
.travel { position: relative; }
.travel::before { content:""; position:absolute; left:0; right:0; top:0; height:24px; background: url("../assets/motifs/gota.svg") repeat-x; border-top: 2px solid var(--gold); }

/* ---------- Type & accents ---------- */
.title, .subhead, .tcard h3, .place h3, .faq summary, .day__name, .rsvp__for, .timeline__title { color: var(--purple); }
.eyebrow--dark, .timeline__year { color: var(--rani); }
.timeline li::after, .divider::after { background: var(--rani); }
.hashtag { color: var(--rani); }

/* ---------- RSVP: solid oxblood, no glow ---------- */
.rsvp { background: url("../assets/motifs/chikan-white-soft.svg") var(--maroon); padding-top: clamp(100px, 12vw, 140px); }
.rsvp .hero__jaali { display: none; }
.rsvp .eyebrow { color: var(--gold-soft); }
.title--light { color: var(--ivory) !important; }
.rsvp .divider--gold::after { box-shadow: 0 0 0 4px var(--maroon), 0 0 0 5px var(--gold-soft); }
.rsvp__card { border-color: var(--gold); }
.choice input:checked + span { background: var(--maroon); border-color: var(--maroon); }
.choice span { color: var(--maroon); }
.check input { accent-color: var(--rani); }

/* ---------- Footer & loader ---------- */
.footer { background: var(--purple-deep) url("../assets/motifs/chikan-white.svg"); padding-top: 90px; }
.footer__mono span, .footer__tag { color: var(--gold-soft); }
.loader { background: var(--ivory) url("../assets/motifs/chikan-hero.svg"); color: var(--purple); }
.loader em { color: var(--rani); }

/* ---------- Multifoil everywhere ---------- */
.timeline__photo .arch { aspect-ratio: 100/130; filter: drop-shadow(0 16px 20px rgba(34,10,56,.18)); }
.timeline__photo .arch__inner { -webkit-mask: url("../assets/motifs/multifoil-mask.svg") center/100% 100% no-repeat; mask: url("../assets/motifs/multifoil-mask.svg") center/100% 100% no-repeat; }
.timeline__photo .arch::after { inset: -9px; -webkit-mask: none; mask: none; box-shadow: none; background: url("../assets/motifs/multifoil-outline.svg") center/100% 100% no-repeat; }

.event-grid { filter: drop-shadow(0 16px 20px rgba(34,10,56,.14)); }
.event { border-radius: 0 0 14px 14px; border: 0; box-shadow: none;
  -webkit-mask: url("../assets/motifs/cap-340x96-11.svg") top/100% 96px no-repeat, linear-gradient(#000,#000) 0 95px/100% calc(100% - 95px) no-repeat;
          mask: url("../assets/motifs/cap-340x96-11.svg") top/100% 96px no-repeat, linear-gradient(#000,#000) 0 95px/100% calc(100% - 95px) no-repeat; }
.event__top { padding-top: 66px; }
.event--cocktail{--ec:#24305E;--ec2:#18204A} .event--mehndi{--ec:#2F6B55;--ec2:#22513F} .event--sangeet{--ec:#D63A7E;--ec2:#B0285F}
.event--haldi{--ec:#E0962A;--ec2:#C57A12} .event--baraat{--ec:#9E2A3A;--ec2:#7E1F2D} .event--pheras{--ec:#A3192F;--ec2:#7F1022} .event--reception{--ec:#4B1E73;--ec2:#3A1560}
.event--cocktail .event__meta b, .event--cocktail .event__map { color: #24305E; }

.grid__item { border-radius: 0 0 12px 12px; box-shadow: none;
  -webkit-mask: url("../assets/motifs/cap-300x60-9.svg") top/100% 60px no-repeat, linear-gradient(#000,#000) 0 59px/100% calc(100% - 59px) no-repeat;
          mask: url("../assets/motifs/cap-300x60-9.svg") top/100% 60px no-repeat, linear-gradient(#000,#000) 0 59px/100% calc(100% - 59px) no-repeat; }
.place__num { border: 0; border-radius: 0 0 6px 6px; background: var(--ivory);
  -webkit-mask: url("../assets/motifs/cap-64x30-5.svg") top/100% 30px no-repeat, linear-gradient(#000,#000) 0 29px/100% calc(100% - 29px) no-repeat;
          mask: url("../assets/motifs/cap-64x30-5.svg") top/100% 30px no-repeat, linear-gradient(#000,#000) 0 29px/100% calc(100% - 29px) no-repeat; }
.tcard__icon { background: var(--purple); border-radius: 0 0 6px 6px;
  -webkit-mask: url("../assets/motifs/cap-46x22-3.svg") top/100% 22px no-repeat, linear-gradient(#000,#000) 0 21px/100% calc(100% - 21px) no-repeat;
          mask: url("../assets/motifs/cap-46x22-3.svg") top/100% 22px no-repeat, linear-gradient(#000,#000) 0 21px/100% calc(100% - 21px) no-repeat; }

/* Placeholder tints (until photos arrive), flat and soft */
.ph { background: url("../assets/motifs/chikan-white.svg"), linear-gradient(180deg, var(--c1, #5B2384), var(--c2, #4A1C6E)) !important; }
.timeline li:nth-child(4n+1) .ph, .grid__item:nth-child(5n+1) .ph, .place:nth-child(5n+1) .place__top { --c1:#55227A !important; --c2:#45196A !important; }
.timeline li:nth-child(4n+2) .ph, .grid__item:nth-child(5n+2) .ph, .place:nth-child(5n+2) .place__top { --c1:#6E2234 !important; --c2:#5E1A2B !important; }
.timeline li:nth-child(4n+3) .ph, .grid__item:nth-child(5n+3) .ph, .place:nth-child(5n+3) .place__top { --c1:#C2306B !important; --c2:#A82860 !important; }
.timeline li:nth-child(4n+4) .ph, .grid__item:nth-child(5n+4) .ph, .place:nth-child(5n+4) .place__top { --c1:#1F7478 !important; --c2:#185E62 !important; }
.grid__item:nth-child(5n+5) .ph, .place:nth-child(5n+5) .place__top { --c1:#3E1460 !important; --c2:#32104E !important; }
.place__top { background: url("../assets/motifs/chikan-white.svg"), linear-gradient(180deg, var(--c1), var(--c2)); }

@media (max-width: 560px) {
  .hero { padding-left: 12px; padding-right: 12px; }
  .hero__inner { padding: 70px 18px 46px; }
  .hero__inner::before { height: 110px; } .hero__inner::after { top: 89px; }
}