:root {
  --foreground: 330 42% 24%;
  --primary: 42 62% 64%;
  --primary-foreground: 330 42% 20%;
  --accent: 330 46% 38%;
  --accent-foreground: 44 65% 92%;
  --border: 42 42% 64%;
  --ring: 42 62% 64%;
  --gold: 42 62% 64%;
  --gold-light: 43 78% 84%;
  --gold-dark: 38 54% 42%;
  --burgundy: 330 46% 35%;
  --burgundy-light: 335 38% 50%;
  --champagne: 42 75% 88%;
  --wax-seal: 330 46% 38%;
  --wax-seal-dark: 330 50% 26%;
  --wax-seal-light: 340 42% 56%;
  --gradient-gold: linear-gradient(135deg, hsl(43 78% 84%) 0%, hsl(42 62% 64%) 48%, hsl(38 54% 42%) 100%);
  --gradient-envelope: linear-gradient(180deg, hsl(42 72% 91%) 0%, hsl(338 38% 86%) 100%);
}

html {
  direction: ltr;
}

main > button[style*="top: 1rem"][style*="right: 1rem"] {
  display: none !important;
}

.falaah-hidden {
  display: none !important;
}

.falaah-countdown-section {
  background:
    linear-gradient(180deg, rgba(255, 250, 244, 0.98), rgba(249, 243, 234, 0.98)),
    radial-gradient(circle at 50% 12%, rgba(191, 154, 90, 0.24), transparent 36%) !important;
}

.falaah-countdown-section h2 {
  color: hsl(var(--burgundy)) !important;
}

.falaah-countdown-section p,
.falaah-countdown-section span,
.falaah-countdown-section .text-muted-foreground {
  color: hsl(330 34% 34%) !important;
  opacity: 1 !important;
}

.falaah-countdown-section .numerals-display {
  color: hsl(var(--gold-dark)) !important;
}

.text-gold,
.text-accent {
  color: hsl(var(--gold)) !important;
}

.bg-gold,
.bg-accent {
  background-color: hsl(var(--gold)) !important;
}

.border-gold,
.border-gold-light {
  border-color: hsl(var(--gold)) !important;
}

.falaah-arabic-location-title {
  color: hsl(var(--burgundy)) !important;
  font-family: "Noto Naskh Arabic", "Amiri", serif !important;
  font-size: clamp(1.9rem, 4.2vw, 4rem) !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
}

.falaah-text-location-section {
  padding-bottom: clamp(3rem, 7vw, 5rem) !important;
}

.falaah-venue-title {
  color: hsl(var(--burgundy)) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(2.6rem, 6vw, 5rem) !important;
  font-weight: 400 !important;
  line-height: 0.95 !important;
  letter-spacing: 0 !important;
}

.falaah-venue-title span,
.falaah-venue-title small {
  display: block;
}

.falaah-venue-title small {
  margin-top: 0.35rem;
  font-size: 0.62em;
}

.falaah-venue-time {
  color: hsl(var(--gold-dark)) !important;
  font-family: var(--font-body) !important;
  font-size: clamp(0.8rem, 1.8vw, 1rem) !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
}

.falaah-invitation-section {
  position: relative;
  overflow: hidden;
  padding: clamp(4rem, 8vw, 7rem) 1.25rem;
  background:
    linear-gradient(180deg, rgba(255, 250, 244, 0.96), rgba(246, 238, 226, 0.94)),
    radial-gradient(circle at 50% 0%, rgba(126, 40, 84, 0.16), transparent 42%);
  color: hsl(var(--foreground));
}

.falaah-invitation-section::before,
.falaah-invitation-section::after {
  content: "";
  position: absolute;
  left: 50%;
  width: min(760px, 90vw);
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, hsl(var(--gold)), transparent);
}

.falaah-invitation-section::before {
  top: 2.5rem;
}

.falaah-invitation-section::after {
  bottom: 2.5rem;
}

.falaah-invitation-inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 0.86fr) minmax(280px, 1fr);
  align-items: center;
  gap: clamp(2rem, 5vw, 5rem);
  max-width: 1120px;
  margin: 0 auto;
}

.falaah-artwork {
  margin: 0;
}

.falaah-artwork img {
  width: min(100%, 430px);
  margin: 0 auto;
  border: 1px solid hsl(var(--gold));
  box-shadow: 0 20px 55px -28px rgba(85, 31, 57, 0.55);
}

.falaah-details {
  text-align: center;
}

.falaah-kicker {
  margin-bottom: 1rem;
  color: hsl(var(--gold-dark));
  font-family: var(--font-body);
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.28em;
  text-transform: uppercase;
}

.falaah-quote-ar {
  margin-bottom: 0.4rem;
  color: hsl(var(--foreground));
  font-family: "Noto Naskh Arabic", serif;
  font-size: clamp(1.9rem, 4vw, 3rem);
  line-height: 1.25;
}

.falaah-quote-en {
  margin-bottom: 0.25rem;
  color: hsl(var(--foreground));
  font-family: Georgia, serif;
  font-size: clamp(1.05rem, 2vw, 1.35rem);
  font-style: italic;
}

.falaah-reference {
  margin-bottom: clamp(2rem, 4vw, 3rem);
  color: hsl(330 20% 48%);
  font-size: 0.78rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.falaah-names {
  display: block;
  color: hsl(var(--burgundy));
  font-family: "Kapakana", "Pinyon Script", cursive;
  font-size: clamp(4.2rem, 10vw, 8rem);
  font-weight: 400;
  line-height: 0.82;
}

.falaah-couple-details {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.6rem;
}

.falaah-person {
  max-width: 38rem;
}

.falaah-person .falaah-names {
  font-size: clamp(3.2rem, 7vw, 5.8rem);
}

.falaah-person p {
  margin-top: 0.7rem;
  color: hsl(330 24% 36%);
  font-family: var(--font-body);
  font-size: clamp(0.9rem, 1.8vw, 1.1rem);
  font-weight: 400;
  line-height: 1.55;
}

.falaah-amp {
  display: block;
  margin: 0.1rem 0 0.2rem;
  color: hsl(var(--gold-dark));
  font-family: Georgia, serif;
  font-size: clamp(2rem, 5vw, 4rem);
  line-height: 1;
}

.falaah-date-grid {
  display: inline-grid;
  grid-template-columns: auto auto auto;
  align-items: center;
  gap: 1rem;
  margin-top: clamp(2rem, 4vw, 3rem);
  color: hsl(var(--burgundy));
}

.falaah-year-month {
  text-align: right;
  font-family: Georgia, serif;
  font-size: clamp(2rem, 5vw, 3.2rem);
  line-height: 0.92;
}

.falaah-divider {
  width: 1px;
  height: 4.6rem;
  background: hsl(var(--gold-dark));
}

.falaah-day-wrap {
  text-align: left;
}

.falaah-weekday {
  color: hsl(var(--burgundy));
  font-family: var(--font-body);
  font-size: clamp(1rem, 2vw, 1.5rem);
  font-weight: 600;
  letter-spacing: 0.08em;
}

.falaah-day {
  display: block;
  margin-top: -0.4rem;
  font-family: Georgia, serif;
  font-size: clamp(4rem, 9vw, 6.5rem);
  font-weight: 700;
  line-height: 0.86;
}

.falaah-hijri {
  margin-top: 1.35rem;
  color: hsl(330 32% 42%);
  font-size: clamp(0.82rem, 2vw, 1rem);
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.falaah-rsvp-note {
  margin-top: 2rem;
  color: hsl(var(--gold-dark));
  font-family: var(--font-body);
  font-size: 0.78rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

@media (max-width: 820px) {
  .falaah-invitation-inner {
    grid-template-columns: 1fr;
  }

  .falaah-artwork {
    order: 2;
  }

  .falaah-details {
    order: 1;
  }

  .falaah-artwork img {
    width: min(100%, 360px);
  }

  .falaah-date-grid {
    gap: 0.8rem;
  }
}

@media (max-width: 420px) {
  .falaah-invitation-section {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .falaah-date-grid {
    gap: 0.65rem;
  }

  .falaah-divider {
    height: 3.8rem;
  }
}