@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Alex+Brush&family=Pinyon+Script&display=swap');

/* Custom CSS for Wedding Invitation */

/* Dynamic Hero Text, Title & SVG Vector High Contrast Color Palette */

/* Smooth transitions for all hero elements */
#rec2684632103 .tn-elem[data-elem-id="1783417592570000002"] .tn-atom,
#rec2684632103 .tn-elem[data-elem-id="1783417592570000003"] svg path,
#rec2684632103 .tn-elem[data-elem-id="1785746425236"] .tn-atom__img,
#rec2684632103 .tn-elem[data-elem-id="1785746843632"] .tn-atom__img,
#rec2684632103 .tn-elem[data-elem-id="1783269760242"] .tn-atom {
  transition: color 0.4s ease, stroke 0.4s ease, filter 0.4s ease, text-shadow 0.4s ease, background-image 0.4s ease, opacity 0.4s ease !important;
}

/* Subtle dark contrast vignette behind title for maximum text legibility */
#rec2684632103 .tn-elem[data-elem-id="1783269760242"] .tn-atom {
  background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 78%) !important;
  opacity: 0.75 !important;
}

/* Calligraphy Script for "Scroll down" text: Great Vibes Calligraphy, 24px, Light Gold with High Contrast Shadow */
#rec2684632103 .tn-elem[data-elem-id="1783417592570000002"] .tn-atom {
  color: #F3E5AB !important;
  font-family: 'Great Vibes', 'Alex Brush', 'Pinyon Script', cursive !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  text-transform: none !important;
  letter-spacing: 1px !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.95), 0 0 8px rgba(0, 0, 0, 0.85), 0 0 12px rgba(0, 0, 0, 0.7) !important;
}

#rec2684632103 .tn-elem[data-elem-id="1783417592570000003"] svg path {
  stroke: #F3E5AB !important;
  stroke-width: 2.2 !important;
  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.9)) drop-shadow(0 0 6px rgba(0, 0, 0, 0.8));
}

/* ============================================================
   LIGHT BACKGROUND SCENE (e.g. Bright Temple / Architecture Video)
   Title Image in Rich Deep Bronze with sharp dark outline for max legibility
   ============================================================ */
#rec2684632103.hero-bg-light .tn-elem[data-elem-id="1785746425236"] .tn-atom__img,
#rec2684632103.hero-bg-light .tn-elem[data-elem-id="1785746843632"] .tn-atom__img {
  filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.95)) drop-shadow(0 2px 8px rgba(0, 0, 0, 0.85)) drop-shadow(0 0 15px rgba(255, 255, 255, 0.5)) brightness(0.6) contrast(1.4) !important;
}

/* Default / Unclassified High-Contrast Fallback (Before video detection initializes) */
#rec2684632103:not(.hero-bg-dark):not(.hero-bg-light) .tn-elem[data-elem-id="1785746425236"] .tn-atom__img,
#rec2684632103:not(.hero-bg-dark):not(.hero-bg-light) .tn-elem[data-elem-id="1785746843632"] .tn-atom__img {
  filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.95)) drop-shadow(0 2px 8px rgba(0, 0, 0, 0.85)) drop-shadow(0 0 15px rgba(255, 255, 255, 0.5)) brightness(0.6) contrast(1.4) !important;
}

/* ============================================================
   DARK BACKGROUND SCENE
   Bright golden title with strong black outline
   ============================================================ */
#rec2684632103.hero-bg-dark .tn-elem[data-elem-id="1785746425236"] .tn-atom__img,
#rec2684632103.hero-bg-dark .tn-elem[data-elem-id="1785746843632"] .tn-atom__img {
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.95)) drop-shadow(0 2px 10px rgba(0, 0, 0, 0.9)) brightness(1.5) contrast(1.2) !important;
}