/* IGW_R3_ISOLATED_VISUAL_POLISH_START
 * Scoped to the existing Islamic Arch Emerald Gold variant only.
 * This block deliberately does not introduce fonts, assets, overlays or handlers.
 */
.islamic-arch-emerald-gold {
  --igw3-forest: #0b3629;
  --igw3-forest-dark: #062b22;
  --igw3-brass: #d9b96b;
  --igw3-cream: #fff9ed;
  --igw3-ink: #183d30;
  background:
    radial-gradient(ellipse 35rem 26rem at 85% 1%, rgba(194,151,62,.13), transparent 78%),
    linear-gradient(180deg, #fffcf6 0%, #f5eadd 58%, #fff9ef 100%) !important;
}

/* Enhance the *existing* hero card; preserve genuine title, date and controls. */
.islamic-arch-emerald-gold .rbg-builder-stage section:first-child > div {
  max-width: 66rem;
  border: 1px solid rgba(229,193,113,.85) !important;
  background:
    radial-gradient(ellipse at 50% 12%, rgba(239,206,135,.15), transparent 56%),
    linear-gradient(150deg, #0d4635 0%, #062b22 56%, #14523b 100%) !important;
  box-shadow:
    0 28px 78px rgba(3,38,27,.24),
    inset 0 0 0 2px rgba(255,248,228,.1),
    inset 0 0 0 12px rgba(4,32,23,.25) !important;
}
.islamic-arch-emerald-gold .rbg-builder-stage section:first-child :is(h1, h2) {
  max-width: 18ch;
  margin-inline: auto;
  color: #fff9ed !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 500 !important;
  font-size: clamp(2.5rem, 6.8vw, 5.5rem) !important;
  line-height: 1.12 !important;
  letter-spacing: -.035em;
  overflow-wrap: anywhere;
  text-wrap: balance;
  text-shadow: 0 3px 24px rgba(0,22,15,.35) !important;
}
.islamic-arch-emerald-gold .rbg-builder-stage section:first-child > div > p {
  color: #f3e4c7 !important;
  opacity: 1 !important;
  line-height: 1.75;
  text-shadow: none;
}

/* Lighter supporting cards; keep their real content and controls untouched. */
.islamic-arch-emerald-gold .rbg-builder-stage section:nth-of-type(2) > div {
  border: 1px solid rgba(169,127,61,.28) !important;
  border-radius: 2rem !important;
  background: linear-gradient(155deg, #fffdf8, #f7eddc) !important;
  box-shadow: 0 18px 44px rgba(15,63,43,.08);
}
.islamic-arch-emerald-gold .rbg-builder-stage section:nth-of-type(3) > div {
  border-radius: 2rem !important;
  box-shadow: 0 22px 56px rgba(6,46,34,.11) !important;
}
.islamic-arch-emerald-gold .rbg-builder-stage section:nth-of-type(6) > div {
  border: 1px solid rgba(227,193,116,.42) !important;
  box-shadow: 0 22px 55px rgba(5,44,31,.15) !important;
}

/* Booking/RSVP remains native Inertia; controls are not restyled via layout hacks. */
.islamic-arch-emerald-gold #rsvp > div {
  border: 1px solid rgba(168,130,63,.37) !important;
  border-radius: 1.7rem !important;
  box-shadow: 0 20px 55px rgba(9,53,36,.12) !important;
}
.islamic-arch-emerald-gold #rsvp h2 {
  color: var(--igw3-ink) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(1.65rem, 3.4vw, 2.1rem) !important;
  line-height: 1.25 !important;
}
.islamic-arch-emerald-gold #rsvp :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  background: #fffdf8 !important;
  color: #183d30 !important;
  border: 1px solid #a99b83 !important;
  border-radius: .8rem !important;
  min-height: 2.75rem;
}
.islamic-arch-emerald-gold #rsvp :is(input, select, textarea)::placeholder {
  color: #55695e !important;
  opacity: 1;
}
.islamic-arch-emerald-gold #rsvp button[type="submit"] {
  background: linear-gradient(125deg, #125840, #0a3f2f) !important;
  color: #fff9ed !important;
  border: 1px solid rgba(207,170,94,.66) !important;
  box-shadow: 0 9px 21px rgba(7,54,36,.18);
}
.islamic-arch-emerald-gold #rsvp button[type="submit"]:disabled {
  opacity: .6 !important;
  cursor: not-allowed;
}

/* Existing guest navigation retains its click targets and scrolling. */
.islamic-arch-emerald-gold .commercial-guest-dock {
  background: rgba(6,44,33,.96) !important;
  border-bottom-color: rgba(216,179,99,.45) !important;
}
.islamic-arch-emerald-gold .commercial-guest-dock a {
  color: #fff9e9 !important;
  border-color: rgba(233,210,161,.36) !important;
  background: rgba(255,247,222,.1) !important;
}
.islamic-arch-emerald-gold :is(a, button, input, select, textarea):focus-visible {
  outline: 3px solid #d1a44f !important;
  outline-offset: 3px;
}

@media (max-width: 639px) {
  .islamic-arch-emerald-gold .rbg-builder-stage section:first-child > div {
    padding-top: clamp(4.75rem, 17vw, 6.5rem) !important;
    padding-bottom: clamp(3.25rem, 13vw, 5rem) !important;
    padding-inline: clamp(1.2rem, 5vw, 2rem) !important;
  }
  .islamic-arch-emerald-gold .rbg-builder-stage section:first-child :is(h1, h2) {
    font-size: clamp(2.05rem, 9vw, 3.25rem) !important;
    letter-spacing: -.02em;
    line-height: 1.16 !important;
  }
  .islamic-arch-emerald-gold .rbg-builder-stage section:nth-of-type(2) > div,
  .islamic-arch-emerald-gold .rbg-builder-stage section:nth-of-type(3) > div,
  .islamic-arch-emerald-gold #rsvp > div {
    border-radius: 1.2rem !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .islamic-arch-emerald-gold .commercial-guest-dock a {
    transition: none !important;
  }
}
/* IGW_R3_ISOLATED_VISUAL_POLISH_END */

/* IGW_R7_HERO_READABILITY_POLISH_START
 * Evidence: production desktop preview screenshot, 2026-10-14.
 * Preserve all original content, links, buttons and click behavior.
 * Narrowed to the Islamic Arch Emerald Gold builder hero only.
 * Offline candidate: NOT installed in production.
 */
.islamic-arch-emerald-gold .rbg-builder-stage section:first-child > div {
  max-width: min(100%, 46rem) !important;
}
/* Reduce the decorative medallion crossing the names and introduction. */
.islamic-arch-emerald-gold .rbg-builder-stage section:first-child > div::before {
  width: min(48%, 16rem) !important;
  top: 1.25rem !important;
  opacity: .10 !important;
  pointer-events: none !important;
}
/* Keep the actual invitation copy visually stronger than the ornament. */
.islamic-arch-emerald-gold .rbg-builder-stage section:first-child :is(h1, h2) {
  position: relative;
  z-index: 2;
  max-width: 18ch;
  font-size: clamp(2.5rem, 5vw, 4.5rem) !important;
  line-height: 1.12 !important;
  letter-spacing: -.025em !important;
  text-shadow: 0 2px 14px rgba(0, 22, 15, .46) !important;
}
.islamic-arch-emerald-gold .rbg-builder-stage section:first-child > div > p {
  position: relative;
  z-index: 2;
  max-width: 50ch;
  margin-inline: auto;
  line-height: 1.65 !important;
}
@media (max-width: 639px) {
  .islamic-arch-emerald-gold .rbg-builder-stage section:first-child > div {
    max-width: 100% !important;
  }
  .islamic-arch-emerald-gold .rbg-builder-stage section:first-child > div::before {
    top: .8rem !important;
    width: min(54%, 11rem) !important;
    opacity: .09 !important;
  }
  .islamic-arch-emerald-gold .rbg-builder-stage section:first-child :is(h1, h2) {
    font-size: clamp(2rem, 8.4vw, 3.1rem) !important;
    line-height: 1.15 !important;
  }
}
/* IGW_R7_HERO_READABILITY_POLISH_END */

/* IGW_R7R1_MOBILE_SCREENSHOT_FINISH_START
 * Evidence: 2026-10-14 screenshots at 360x800, pre/post cover and event card.
 * CSS-only prospective candidate; no show, Blade, build, DB, env changes.
 * Retains existing content, buttons, link hit targets and RSVP.
 * Scope: Islamic Arch Emerald Gold visual branch only.
 */
@media (max-width: 639px) {
  /* Avoid forcing a nearly full-screen hero section after the preview toolbar. */
  .islamic-arch-emerald-gold .rbg-builder-stage section:first-child {
    min-height: auto !important;
    padding-top: .6rem !important;
    padding-bottom: 1.75rem !important;
  }

  /* Compact the mobile arch while keeping the inset frame intact. */
  .islamic-arch-emerald-gold .rbg-builder-stage section:first-child > div {
    max-width: 100% !important;
    padding-top: 3.55rem !important;
    padding-bottom: 2.5rem !important;
    padding-inline: 1.1rem !important;
    border-radius: 42% 42% 1.55rem 1.55rem / 13% 13% 1.55rem 1.55rem !important;
  }

  .islamic-arch-emerald-gold .rbg-builder-stage section:first-child > div::before {
    top: .45rem !important;
    width: min(47%, 10rem) !important;
    opacity: .09 !important;
  }

  .islamic-arch-emerald-gold .rbg-builder-stage section:first-child :is(h1, h2) {
    font-size: clamp(1.9rem, 8.35vw, 2.65rem) !important;
    line-height: 1.15 !important;
    letter-spacing: -.024em !important;
    overflow-wrap: normal;
    word-break: normal;
  }

  /* The repeated ivory couple label remains visible until BuilderBlocks DOM is verified. */
  .islamic-arch-emerald-gold .rbg-builder-stage section:first-child > div > p:last-of-type {
    font-size: clamp(.9rem, 4vw, 1.05rem) !important;
    line-height: 1.35 !important;
    font-weight: 650 !important;
  }

  /* Improve mobile event-card rhythm without changing date or location data. */
  .islamic-arch-emerald-gold .rbg-builder-stage section:nth-of-type(3) > div {
    border-radius: 1.2rem !important;
  }
  .islamic-arch-emerald-gold .rbg-builder-stage section:nth-of-type(3) > div > div:first-child {
    padding: 1.35rem 1.15rem !important;
    border-radius: 1.75rem 1.75rem 1rem 1rem !important;
  }
  .islamic-arch-emerald-gold .rbg-builder-stage section:nth-of-type(3) > div > div:first-child :is(h1,h2,h3) {
    font-size: clamp(1.5rem, 7.1vw, 1.85rem) !important;
    line-height: 1.2 !important;
    letter-spacing: -.018em !important;
  }
  .islamic-arch-emerald-gold .rbg-builder-stage section:nth-of-type(3) > div > div:first-child p:not(:first-child) {
    font-size: clamp(.98rem, 4.7vw, 1.15rem) !important;
    font-weight: 650 !important;
    line-height: 1.45 !important;
  }
  .islamic-arch-emerald-gold .rbg-builder-stage section:nth-of-type(3) > div > div:not(:first-child) p {
    line-height: 1.5 !important;
    overflow-wrap: break-word;
  }
}
/* IGW_R7R1_MOBILE_SCREENSHOT_FINISH_END */

/* IGW_R7R2_BUILDERBLOCKS_DOM_BOUND_START
 * Based on actual BuilderBlocks.vue SHA256 846e001288a4904c98eeb3d639e5f3e990b38b0df531c4bae398498a44483bcb.
 * Scoped to Islamic Arch Emerald Gold only. CSS-only, no DOM/data/JS changes.
 * Use stable data-block-type markers; do not assume quote/event section order.
 */
/* Exact component structure: <section data-block-type="hero"><div class="commercial-hero-block"> */
.islamic-arch-emerald-gold .rbg-builder-stage .builder-blocks > section[data-block-type="hero"] {
  min-height: auto !important;
  padding-block: clamp(.65rem, 2vw, 1.5rem) clamp(1.5rem, 3vw, 2.5rem) !important;
}
.islamic-arch-emerald-gold .rbg-builder-stage .builder-blocks > section[data-block-type="hero"] > .commercial-hero-block {
  min-height: 0 !important;
  width: 100%;
  max-width: 44rem !important;
  margin-inline: auto;
}
/* Decorative Tailwind absolute bars are NOT interactive elements. */
.islamic-arch-emerald-gold .rbg-builder-stage .builder-blocks > section[data-block-type="hero"] > .commercial-hero-block > div.absolute:nth-of-type(n+2) {
  opacity: .24 !important;
  pointer-events: none !important;
}
.islamic-arch-emerald-gold .rbg-builder-stage .builder-blocks > section[data-block-type="hero"] > .commercial-hero-block > h1 {
  max-width: 15ch !important;
  margin-inline: auto;
  font-weight: 500 !important;
  text-wrap: balance;
  overflow-wrap: break-word;
}
.islamic-arch-emerald-gold .rbg-builder-stage .builder-blocks > section[data-block-type="hero"] > .commercial-hero-block > p.mt-6 {
  max-width: 38ch !important;
  margin-inline: auto;
  color: #f7ebd3 !important;
  font-weight: 400 !important;
  text-wrap: pretty;
}
/* Opening eyebrow is light paper: enforce dark-emerald contrast. */
.islamic-arch-emerald-gold .rbg-builder-stage .builder-blocks > section[data-block-type="hero"] > .commercial-hero-block > p:first-of-type {
  color: #173a2d !important;
  background: #fff9ed !important;
  border: 1px solid rgba(217,185,107,.62) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
/* The couple paragraph is a *non-interactive* datum (not a CTA). The title
 * and couple may differ in customer invitations, so NEVER display:none it. */
.islamic-arch-emerald-gold .rbg-builder-stage .builder-blocks > section[data-block-type="hero"] > .commercial-hero-block > p.mt-8.rounded-full.bg-white {
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid rgba(230,207,152,.42) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #eed9a7 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(.94rem, 2.25vw, 1.14rem) !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  letter-spacing: .01em !important;
  margin-top: 1.1rem !important;
  padding: .7rem .5rem 0 !important;
  max-width: 90%;
}
/* Grounded event branch, independent of v-for order or disabled blocks. */
.islamic-arch-emerald-gold .rbg-builder-stage .builder-blocks > section[data-block-type="event"] > div {
  max-width: 48rem;
  margin-inline: auto;
}
.islamic-arch-emerald-gold .rbg-builder-stage .builder-blocks > section[data-block-type="event"] > div > div:first-child > h2 {
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(1.6rem, 3vw, 2.35rem) !important;
  font-weight: 600 !important;
  line-height: 1.18 !important;
  overflow-wrap: break-word;
  text-wrap: balance;
}
.islamic-arch-emerald-gold .rbg-builder-stage .builder-blocks > section[data-block-type="event"] > div > div:first-child > p.mt-6 {
  font-size: clamp(1.05rem, 2.5vw, 1.3rem) !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  color: #fff3d9 !important;
}
.islamic-arch-emerald-gold .rbg-builder-stage .builder-blocks > section[data-block-type="event"] > div > div:last-child > p:nth-of-type(2),
.islamic-arch-emerald-gold .rbg-builder-stage .builder-blocks > section[data-block-type="event"] > div > div:last-child > p:nth-of-type(4) {
  font-size: clamp(1.1rem, 2.55vw, 1.35rem) !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
  color: #153b2e !important;
  overflow-wrap: break-word;
}
@media (max-width: 639px) {
  .islamic-arch-emerald-gold .rbg-builder-stage .builder-blocks > section[data-block-type="hero"] {
    padding: .5rem .45rem 1.25rem !important;
  }
  .islamic-arch-emerald-gold .rbg-builder-stage .builder-blocks > section[data-block-type="hero"] > .commercial-hero-block {
    min-height: 0 !important; /* cancels Tailwind min-h-[620px] */
    padding: clamp(3rem, 12vw, 3.8rem) 1.1rem 2.1rem !important;
    border-radius: 43% 43% 1.5rem 1.5rem / 12% 12% 1.5rem 1.5rem !important;
  }
  .islamic-arch-emerald-gold .rbg-builder-stage .builder-blocks > section[data-block-type="hero"] > .commercial-hero-block > h1 {
    max-width: 100% !important;
    font-size: clamp(1.93rem, 8.5vw, 2.45rem) !important;
    line-height: 1.11 !important;
  }
  .islamic-arch-emerald-gold .rbg-builder-stage .builder-blocks > section[data-block-type="hero"] > .commercial-hero-block > p.mt-6 {
    margin-top: 1.2rem !important;
    font-size: clamp(.94rem, 4.2vw, 1.05rem) !important;
    line-height: 1.58 !important;
  }
  .islamic-arch-emerald-gold .rbg-builder-stage .builder-blocks > section[data-block-type="hero"] > .commercial-hero-block > p.mt-8.rounded-full.bg-white {
    font-size: .96rem !important;
    margin-top: .85rem !important;
    padding-top: .55rem !important;
  }
  .islamic-arch-emerald-gold .rbg-builder-stage .builder-blocks > section[data-block-type="event"] > div {
    padding: .85rem !important;
    gap: .75rem !important;
  }
  .islamic-arch-emerald-gold .rbg-builder-stage .builder-blocks > section[data-block-type="event"] > div > div:first-child {
    padding: 1.25rem 1.1rem !important;
    border-radius: 1.35rem !important;
  }
  .islamic-arch-emerald-gold .rbg-builder-stage .builder-blocks > section[data-block-type="event"] > div > div:first-child > h2 {
    font-size: 1.65rem !important;
    line-height: 1.16 !important;
  }
  .islamic-arch-emerald-gold .rbg-builder-stage .builder-blocks > section[data-block-type="event"] > div > div:first-child > p.mt-6 {
    margin-top: 1rem !important;
    font-size: 1.08rem !important;
  }
  .islamic-arch-emerald-gold .rbg-builder-stage .builder-blocks > section[data-block-type="event"] > div > div:last-child {
    padding: .7rem .5rem 1rem !important;
  }
  .islamic-arch-emerald-gold .rbg-builder-stage .builder-blocks > section[data-block-type="event"] > div > div:last-child > p:nth-of-type(2),
  .islamic-arch-emerald-gold .rbg-builder-stage .builder-blocks > section[data-block-type="event"] > div > div:last-child > p:nth-of-type(4) {
    font-size: 1.08rem !important;
    line-height: 1.4 !important;
  }
}/* IGW_R7R2_BUILDERBLOCKS_DOM_BOUND_END */