/* AI Website Creator features v2: no section backgrounds + night band (dark from #scope until #testimonials).
   uichemy-a2v-night.js toggles .uc-night on the hero and step-section Elementor wrappers and .a2v-night on <html>.
   Token-built parts (.uc-scope) switch through the design system's .uc-night tokens; the rules below cover the older a2v parts.
   Night background #171717 matches the features page and the Composer page; cards #242424, borders #2E2E2E. The testimonials join the band (dark while it is on) and everything turns light together. */

/* 1. No section backgrounds: the page background carries light / dark */
.uichemy-a2h .a2h-sec { background: transparent; }
.uichemy-a2v-1 .a2-sec.a2-tint { background: transparent; border-top: 0; border-bottom: 0; }
.uichemy-a2v-1 .a2-sec.a2-tint .a2-ex-i.a2-on,
.uichemy-a2v-1 .a2-sec.a2-tint .a2-duo span { background: var(--soft); }

/* 2. Light <-> dark: only the big backgrounds fade (.4s, a few elements, no cascade); text and card colours swap in one
   frame at the midpoint (.uc-night, 200ms later). Fading every element's colour re-styled the page on every frame (283ms frames). */
html.a2v-ready,
html.a2v-ready body,
html.a2v-ready .uc-a2v.uica2v-root,
html.a2v-ready .uicawf-root,
html.a2v-ready .uicawf-root #testimonials,
html.a2v-ready .uica2v-root .sx6-card,
html.a2v-ready .uica2v-root .jx3-win { transition: background-color .4s linear; } /* linear: mid-grey exactly at the 200ms text swap */
.a2v-dark .uc-a2v.uica2v-root,
.uicawf-root.a2v-dark,
.uicawf-root.a2v-dark #testimonials { background-color: #171717; }
.uicawf-root:not(.a2v-dark),
.uicawf-root:not(.a2v-dark) #testimonials { background-color: #FFFFFF; }
@media (prefers-reduced-motion: reduce) { html.a2v-ready, html.a2v-ready * { transition-duration: 0s !important; } }
html.a2v-night,
html.a2v-night body { background-color: #171717 !important; } /* chrome.css forces html, body white with !important */
.uc-night .uc-a2v.uica2v-root {
  --ink: #F5F5F5;
  --text: #E5E5E5;
  --muted: #A3A3A3;
  --muted-2: #737373;
  --line: #2E2E2E;
  --card: #242424;
  --soft: #202020;
  --white: #242424;
  color: var(--ink);
}

/* Early-bird tooltip bubble (pricing cards): it also carries .uc-portal, and on this page the #uichemy-globals token
   host rule for .uc-portal loads after uichemy-prc-cards.css and sets its text to #171717 on the #0A0A0A bubble. */
.uc-portal.ucx-eb-bubble { color: #FFFFFF; }

/* 3. Older a2v parts in the night band. Lives here, not in section CSS: the renderer prefixes section rules with the
   widget's own .elementor-element-x wrapper, which is where .uc-night sits, so `.uc-night ...` there never matches. */
.uc-night .uc-a2v .a2-sec-c[data-status="soon"] .a2-st::after { background: #F5F5F5; color: #171717; }
.uc-night .uc-a2v .a2-ex-i.a2-on { background: var(--soft); box-shadow: inset 0 0 0 1px var(--line); }
.uc-night .uc-a2v .a2-duo span { background: rgba(255, 255, 255, .06); border-color: var(--line); color: var(--text); }
.uc-night .uc-a2v .a2-duo em { background: #F5F5F5; color: #171717; }
.uc-night .uc-a2v .a2-duo span + span em { background: rgba(253, 106, 53, .18); color: #FFB89A; }
.uc-night .uc-a2v .a2-btn-dark { background: #F5F5F5; color: #171717; }
.uc-night .uc-a2v .a2-btn-line { background: transparent; color: #F5F5F5; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .28); }
.uc-night .uc-a2v .a2-btn-line:hover { background: rgba(255, 255, 255, .06); }
.uc-night .uc-a2v .a2-b,
.uc-night .uc-a2v .a2-qa,
.uc-night .uc-a2v .a2-cmd,
.uc-night .uc-a2v .a2-bld-live,
.uc-night .uc-a2v .a2-mid-cta,
.uc-night .uc-a2v #ai-tools .a2-mid-cta { background: var(--card); border-color: var(--line); }
.uc-night .uc-a2v .a2-bld-next,
.uc-night .uc-a2v .a2-bld-soon { background: var(--soft); border-color: #3D3D3D; }
.uc-night .uc-a2v .a2-cmd-box button { background: #F5F5F5; color: #171717; }
.uc-night .uc-a2v .a2-frame { border-color: var(--line); }
.uc-night .uc-a2v .a2-frame .a2-ph {
  border: 0;
  background: radial-gradient(70% 60% at 50% 110%, rgba(253, 106, 53, .3), transparent 70%), #171717;
  color: rgba(255, 255, 255, .72);
}
.uc-night .uc-a2v .a2-ph b { background: transparent; color: rgba(255, 255, 255, .55); }
.uc-night .uc-a2v .a2-ph strong { color: #FFFFFF; }
.uc-night .uc-a2v .a2-ph i { display: none; }