/* ==========================================================================
   SEREN 2026 SERIES — V44 TEMPLATE SYSTEM
   Variation 1 (Base): Neo-Brutalist Pop Art Style
   Highly saturated contrasting colors (magenta, bright green, and orange),
   harsh outlines, cutout photo collages, rigid grid structures with bold typography.
   Playful, slightly chaotic, and energetic DIY aesthetic.
   Reference: https://www.auxility.ca/
   ========================================================================== */

/* ─── Custom Properties ───────────────────────────────────────────────────── */
[data-theme="seren_v44"],
.theme-seren_v44 {
  /* Core palette — Neo-Brutalist Pop */
  --v44-bg-deep: #FFE600;
  --v44-bg-surface: #FFFFFF;
  --v44-bg-card: #FFFFFF;
  --v44-bg-page: transparent;

  /* Saturated Pop Accents */
  --v44-pop-magenta: #FF007F;
  --v44-pop-green: #00875A;
  --v44-pop-green-bright: #00A868;
  --v44-pop-orange: #FF6700;
  --v44-pop-yellow: #FFE600;
  --v44-pop-cyan: #00E5FF;
  --v44-pop-black: #000000;
  --v44-pop-white: #FFFFFF;

  /* Text — Ultra-High Contrast */
  --v44-text-h: #000000;
  --v44-text-body: #000000;
  --v44-text-muted: #18181B;
  --v44-hero-headline-color: #FFFFFF;
  --v44-subheadline-color: #000000;
  --form-label-color: #000000 !important;

  /* Card and Frame Tokens */
  --v44-canvas-bg: #FFFFFF;
  --v44-canvas-border: #000000;
  --v44-frame-color: #000000;
  --v44-card-bg: #FFFFFF;
  --v44-card-border: #000000;
  --v44-card-shadow: 6px 6px 0px #000000;

  /* Aliases & Tokens */
  --v44-accent: #00875A;
  --v44-accent-hover: #FF007F;
  --v44-accent-soft: rgba(0, 135, 90, 0.15);
  --v44-accent-secondary: #FF6700;
  --v44-accent-tertiary: #FF007F;
  --v44-btn-shadow: #000000;

  /* Typography */
  --font-heading: 'Plus Jakarta Sans', 'Syne', 'Space Grotesk', Impact, -apple-system, sans-serif;
  --font-body: 'Plus Jakarta Sans', 'Inter', system-ui, -apple-system, sans-serif;

  /* Compatibility Tokens */
  --bg-primary: #FFFFFF;
  --bg-page: transparent;
  --bg-card: #FFFFFF !important;
  --bg-surface: #FFFFFF !important;
  --text-main: #000000 !important;
  --text-heading: #000000 !important;
  --text-muted: #18181B !important;
  --border-color: #000000 !important;
  --primary-accent: #00875A;
  --brand-color: #000000;
  --brand-color-alpha: rgba(0, 135, 90, 0.15);
  --btn-bg: #00A868;
  --btn-text: #FFFFFF;
  --header-bg: transparent;
  --header-bg-scrolled: #FFFFFF;

  /* Footer Tokens */
  --footer-bg: #111827;
  --footer-gradient: none;
  --footer-border: #000000;
  --footer-text: #FFFFFF;
  --footer-heading: #FFFFFF;
  --footer-muted: #9CA3AF;
  --footer-bottom-bg: #000000;
}

/* ─── Page Background ─────────────────────────────────────────────────────── */
html[data-theme="seren_v44"],
html.theme-seren_v44,
body[data-theme="seren_v44"],
body.theme-seren_v44,
html[data-theme="seren_v44"] body,
html.theme-seren_v44 body {
  background-color: #FFE600 !important;
  background-image: var(--v44-backdrop-image, url('/images/templates/v44_neo_brutalist.webp')) !important;
  background-size: cover !important;
  background-position: center top !important;
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
  color: #000000;
  font-family: var(--font-body);
}

/* ─── Typography Overrides for Neo-Brutalist ──────────────────────────────── */
[data-theme="seren_v44"] h1,
[data-theme="seren_v44"] h2,
[data-theme="seren_v44"] h3,
[data-theme="seren_v44"] h4,
.theme-seren_v44 h1,
.theme-seren_v44 h2,
.theme-seren_v44 h3,
.theme-seren_v44 h4 {
  font-family: var(--font-heading);
  color: #000000;
  font-weight: 900;
  letter-spacing: -0.03em;
}

/* ─── Header: Transparent on Template Canvas, Boxed on Scroll ─────────────── */
[data-theme="seren_v44"] .site-header,
.theme-seren_v44 .site-header {
  background: transparent !important;
  background-color: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  padding-block: 1rem !important;
  transition: background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, padding 0.25s ease !important;
}

/* Header ON SCROLL DOWN & Subpages — Solid Crisp White Brutalist Bar */
[data-theme="seren_v44"] .site-header.is-scrolled,
[data-theme="seren_v44"] .site-header.scrolled,
[data-theme="seren_v44"] .site-header.subpage-header,
.theme-seren_v44 .site-header.is-scrolled,
.theme-seren_v44 .site-header.scrolled,
.theme-seren_v44 .site-header.subpage-header {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-bottom: 3.5px solid #000000 !important;
  box-shadow: 0 4px 0 #000000 !important;
  padding-block: 0.65rem !important;
  z-index: 1000 !important;
}

[data-theme="seren_v44"] .site-header .brand-link,
.theme-seren_v44 .site-header .brand-link {
  background: #FFFFFF !important;
  border: 2.5px solid #000000 !important;
  box-shadow: 3px 3px 0 #000000 !important;
  padding: 0.35rem 0.85rem !important;
  border-radius: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

[data-theme="seren_v44"] .site-header .brand-name,
.theme-seren_v44 .site-header .brand-name {
  color: #000000 !important;
  font-family: var(--font-heading) !important;
  font-weight: 900 !important;
  font-size: 1.35rem !important;
}

[data-theme="seren_v44"] .site-header .nav-links,
[data-theme="seren_v44"] .site-header .nav-menu,
.theme-seren_v44 .site-header .nav-links,
.theme-seren_v44 .site-header .nav-menu {
  background: #FFFFFF !important;
  border: 2.5px solid #000000 !important;
  box-shadow: 3px 3px 0 #000000 !important;
  padding: 0.45rem 1.25rem !important;
  border-radius: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 1.5rem !important;
}

[data-theme="seren_v44"] .site-header .nav-link,
.theme-seren_v44 .site-header .nav-link {
  color: #000000 !important;
  font-weight: 800 !important;
  font-size: 0.95rem !important;
  transition: color 0.15s ease, background 0.15s ease !important;
}

[data-theme="seren_v44"] .site-header .nav-link:hover,
[data-theme="seren_v44"] .site-header .nav-link.active,
.theme-seren_v44 .site-header .nav-link:hover,
.theme-seren_v44 .site-header .nav-link.active {
  color: #FF007F !important;
}

[data-theme="seren_v44"] .site-header .header-cta,
.theme-seren_v44 .site-header .header-cta {
  background: #00A868 !important;
  color: #FFFFFF !important;
  border: 2.5px solid #000000 !important;
  box-shadow: 3px 3px 0 #000000 !important;
  border-radius: 6px !important;
  font-weight: 900 !important;
  padding: 0.55rem 1.35rem !important;
  transition: transform 0.15s ease, background 0.15s ease !important;
}

[data-theme="seren_v44"] .site-header .header-cta:hover,
.theme-seren_v44 .site-header .header-cta:hover {
  background: #FF007F !important;
  color: #FFFFFF !important;
}

/* ─── Hero Component (SerenHeroV44) Neo-Brutalist Layout ─────────────────── */
[data-theme="seren_v44"] .v44-hero-wrapper,
.theme-seren_v44 .v44-hero-wrapper {
  background: transparent !important;
}

[data-theme="seren_v44"] .v44-fluid-dye-backdrop,
.theme-seren_v44 .v44-fluid-dye-backdrop {
  display: none !important;
}

[data-theme="seren_v44"] .v44-orb,
.theme-seren_v44 .v44-orb {
  display: none !important;
}

/* Outer Framed Canvas: Stark White Card with Heavy Black Border */
[data-theme="seren_v44"] .v44-framed-canvas,
.theme-seren_v44 .v44-framed-canvas {
  background: #FFFDF8 !important;
  border: 3.5px solid #000000 !important;
  border-radius: 16px !important;
  box-shadow: 8px 8px 0px #000000 !important;
  padding: 1.75rem 2rem 2.25rem 2rem !important;
}

[data-theme="seren_v44"] .v44-framed-canvas::after,
.theme-seren_v44 .v44-framed-canvas::after {
  display: none !important;
}

/* Eyebrow Banner: Sunshine Yellow Pop Pill */
[data-theme="seren_v44"] .v44-eyebrow-tape-banner,
.theme-seren_v44 .v44-eyebrow-tape-banner {
  background: #FFE600 !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
  box-shadow: 3px 3px 0 #000000 !important;
  border-radius: 6px !important;
  font-weight: 900 !important;
  letter-spacing: 0.05em !important;
}

[data-theme="seren_v44"] .v44-banner-star,
.theme-seren_v44 .v44-banner-star {
  color: #FF007F !important;
}

/* Tag Pill: Hot Pink Pop Pill */
[data-theme="seren_v44"] .v44-tag-pill,
.theme-seren_v44 .v44-tag-pill {
  background: #FF007F !important;
  color: #FFFFFF !important;
  border: 2px solid #000000 !important;
  box-shadow: 3px 3px 0 #000000 !important;
  border-radius: 6px !important;
}

[data-theme="seren_v44"] .v44-tag-dot,
.theme-seren_v44 .v44-tag-dot {
  background: #FFE600 !important;
  box-shadow: none !important;
}

[data-theme="seren_v44"] .v44-tag-text,
.theme-seren_v44 .v44-tag-text {
  color: #FFFFFF !important;
  font-weight: 900 !important;
}

/* Main Headline Container: Emerald Green Banner Box */
[data-theme="seren_v44"] .v44-headline-container,
.theme-seren_v44 .v44-headline-container {
  background: #00875A !important;
  border: 2.5px solid #000000 !important;
  box-shadow: 5px 5px 0 #000000 !important;
  border-radius: 12px !important;
  padding: 1.25rem 1.75rem !important;
  margin-bottom: 1.5rem !important;
}

[data-theme="seren_v44"] .v44-hero-headline,
.theme-seren_v44 .v44-hero-headline {
  color: #FFFFFF !important;
  text-shadow: none !important;
  font-family: var(--font-heading) !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
}

/* Left Column: Electric Orange Photo Collage Card */
[data-theme="seren_v44"] .v44-img-left .v44-emerald-frame,
.theme-seren_v44 .v44-img-left .v44-emerald-frame {
  background: #FF6700 !important;
  border: 2.5px solid #000000 !important;
  box-shadow: 5px 5px 0 #000000 !important;
  border-radius: 12px !important;
  padding: 0.75rem !important;
}

[data-theme="seren_v44"] .v44-img-left .v44-photo-frame,
.theme-seren_v44 .v44-img-left .v44-photo-frame {
  border: 2.5px solid #FFFFFF !important;
  border-radius: 8px !important;
}

[data-theme="seren_v44"] .v44-washi-tape,
.theme-seren_v44 .v44-washi-tape {
  background: #00FF88 !important;
  border: 1.5px solid #000000 !important;
  box-shadow: 2px 2px 0 #000000 !important;
}

[data-theme="seren_v44"] .v44-img-left .v44-frame-caption,
.theme-seren_v44 .v44-img-left .v44-frame-caption {
  background: #FFFFFF !important;
  border: 2px solid #000000 !important;
  border-radius: 6px !important;
  padding: 0.35rem 0.65rem !important;
  margin-top: 0.65rem !important;
  font-weight: 900 !important;
  color: #000000 !important;
}

/* Center Column: Subheadline & Benefits Stack */
[data-theme="seren_v44"] .v44-subheadline-text,
.theme-seren_v44 .v44-subheadline-text {
  font-size: 1.08rem !important;
  line-height: 1.62 !important;
  color: #000000 !important;
  font-weight: 700 !important;
  text-shadow: none !important;
  margin: 0 0 1.25rem 0 !important;
  max-width: 580px !important;
  display: block !important;
}

/* Benefits Stack: Single Rotating Pill with Bold Brutalist Styling */
[data-theme="seren_v44"] .v44-benefits-stack,
.theme-seren_v44 .v44-benefits-stack {
  min-height: 58px !important;
  max-width: 560px !important;
  margin: 0 0 1.35rem 0 !important;
}

[data-theme="seren_v44"] .v44-benefit-pill,
.theme-seren_v44 .v44-benefit-pill {
  background: #111827 !important;
  color: #FFFFFF !important;
  border: 2.5px solid #000000 !important;
  border-left: 5px solid #00A868 !important;
  box-shadow: 4px 4px 0 #000000 !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  font-size: 0.96rem !important;
  padding: 0.65rem 1.1rem !important;
  min-height: 48px !important;
}

[data-theme="seren_v44"] .v44-benefit-pill:hover,
.theme-seren_v44 .v44-benefit-pill:hover {
  transform: translate(-2px, -2px) !important;
  box-shadow: 6px 6px 0 #000000 !important;
}

[data-theme="seren_v44"] .v44-benefit-icon,
.theme-seren_v44 .v44-benefit-icon {
  background: #00A868 !important;
  color: #FFFFFF !important;
  border: 2px solid #000000 !important;
  box-shadow: none !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 6px !important;
}

[data-theme="seren_v44"] .v44-benefit-text,
.theme-seren_v44 .v44-benefit-text {
  color: #FFFFFF !important;
}

[data-theme="seren_v44"] .v44-benefit-pulse,
.theme-seren_v44 .v44-benefit-pulse {
  background: #00A868 !important;
  box-shadow: 0 0 8px #00A868 !important;
}

/* Action Buttons */
[data-theme="seren_v44"] .v44-btn-primary,
.theme-seren_v44 .v44-btn-primary {
  background: #00A868 !important;
  color: #FFFFFF !important;
  border: 2.5px solid #000000 !important;
  box-shadow: 4px 4px 0 #000000 !important;
  border-radius: 8px !important;
  font-weight: 900 !important;
  padding: 0.75rem 1.5rem !important;
  transition: transform 0.15s ease, background 0.15s ease, box-shadow 0.15s ease !important;
}

[data-theme="seren_v44"] .v44-btn-primary:hover,
.theme-seren_v44 .v44-btn-primary:hover {
  background: #FF007F !important;
  box-shadow: 5px 5px 0 #000000 !important;
}

[data-theme="seren_v44"] .v44-btn-secondary,
.theme-seren_v44 .v44-btn-secondary {
  background: #FFFFFF !important;
  color: #000000 !important;
  border: 2.5px solid #000000 !important;
  box-shadow: 4px 4px 0 #000000 !important;
  border-radius: 8px !important;
  font-weight: 800 !important;
  padding: 0.75rem 1.5rem !important;
  transition: transform 0.15s ease, background 0.15s ease !important;
}

[data-theme="seren_v44"] .v44-btn-secondary:hover,
.theme-seren_v44 .v44-btn-secondary:hover {
  background: #FFE600 !important;
}

/* Stamp Badge: Circular Pop Art Badge */
[data-theme="seren_v44"] .v44-stamp-badge,
.theme-seren_v44 .v44-stamp-badge {
  background: #FFE600 !important;
  border: 2px dashed #000000 !important;
  border-radius: 50% !important;
  box-shadow: 3px 3px 0 #000000 !important;
  color: #000000 !important;
}

[data-theme="seren_v44"] .v44-stamp-badge .stamp-top,
.theme-seren_v44 .v44-stamp-badge .stamp-top {
  color: #000000 !important;
  font-weight: 900 !important;
}

[data-theme="seren_v44"] .v44-stamp-badge .stamp-year,
.theme-seren_v44 .v44-stamp-badge .stamp-year {
  color: #FF007F !important;
  font-weight: 900 !important;
}

/* Right Column: Yellow & Magenta Collage Frames */
[data-theme="seren_v44"] .v44-frame-upper,
.theme-seren_v44 .v44-frame-upper {
  background: #FFE600 !important;
  border: 2.5px solid #000000 !important;
  box-shadow: 4px 4px 0 #000000 !important;
  border-radius: 12px !important;
  padding: 0.65rem !important;
}

[data-theme="seren_v44"] .v44-frame-upper .v44-photo-frame,
.theme-seren_v44 .v44-frame-upper .v44-photo-frame {
  border: 2px solid #000000 !important;
  border-radius: 6px !important;
}

[data-theme="seren_v44"] .v44-frame-upper .v44-frame-caption,
.theme-seren_v44 .v44-frame-upper .v44-frame-caption {
  background: #00875A !important;
  color: #FFFFFF !important;
  border: 1.5px solid #000000 !important;
  border-radius: 4px !important;
  padding: 0.25rem 0.5rem !important;
  font-weight: 800 !important;
  margin-top: 0.5rem !important;
}

[data-theme="seren_v44"] .v44-frame-lower,
.theme-seren_v44 .v44-frame-lower {
  background: #FF007F !important;
  border: 2.5px solid #000000 !important;
  box-shadow: 4px 4px 0 #000000 !important;
  border-radius: 12px !important;
  padding: 0.65rem !important;
}

[data-theme="seren_v44"] .v44-frame-lower .v44-photo-frame,
.theme-seren_v44 .v44-frame-lower .v44-photo-frame {
  border: 2px solid #FFFFFF !important;
  border-radius: 6px !important;
}

/* ─── Services Section (SerenServicesV44) ─────────────────────────────────── */
[data-theme="seren_v44"] .v44-services-section,
.theme-seren_v44 .v44-services-section {
  background: transparent !important;
}

[data-theme="seren_v44"] .v44-services-title,
.theme-seren_v44 .v44-services-title {
  color: #000000 !important;
  font-family: var(--font-heading) !important;
  font-weight: 900 !important;
}

[data-theme="seren_v44"] .v44-section-eyebrow,
.theme-seren_v44 .v44-section-eyebrow {
  background: #00875A !important;
  color: #FFFFFF !important;
  border: 2px solid #000000 !important;
  box-shadow: 3px 3px 0 #000000 !important;
  border-radius: 6px !important;
}

[data-theme="seren_v44"] .v44-title-underline,
.theme-seren_v44 .v44-title-underline {
  background: #000000 !important;
  height: 4px !important;
  width: 70px !important;
}

/* Service Card — Pop Colors, Harsh Outlines, NO MOVEMENT ON HOVER */
[data-theme="seren_v44"] .v44-service-card,
.theme-seren_v44 .v44-service-card {
  background: #FFFFFF !important;
  border: 2.5px solid #000000 !important;
  border-radius: 14px !important;
  box-shadow: 6px 6px 0px #000000 !important;
  color: #000000 !important;
  overflow: hidden !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transition: box-shadow 0.25s ease, border-color 0.25s ease !important;
}

/* DO NOT MOVE SERVICE CARD ON HOVER */
[data-theme="seren_v44"] .v44-service-card:hover,
.theme-seren_v44 .v44-service-card:hover {
  transform: none !important;
  box-shadow: 8px 8px 0px #000000 !important;
}

[data-theme="seren_v44"] .v44-service-card::before,
.theme-seren_v44 .v44-service-card::before {
  display: none !important;
}

[data-theme="seren_v44"] .v44-service-img-frame,
.theme-seren_v44 .v44-service-img-frame {
  border-bottom: 2.5px solid #000000 !important;
}

[data-theme="seren_v44"] .v44-service-number,
.theme-seren_v44 .v44-service-number {
  background: #FFE600 !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
  font-weight: 900 !important;
  border-radius: 4px !important;
}

[data-theme="seren_v44"] .v44-service-heading,
.theme-seren_v44 .v44-service-heading {
  color: #000000 !important;
  font-family: var(--font-heading) !important;
  font-weight: 900 !important;
}

[data-theme="seren_v44"] .v44-service-desc,
.theme-seren_v44 .v44-service-desc {
  color: #1F2937 !important;
  font-weight: 600 !important;
}

[data-theme="seren_v44"] .v44-service-btn,
.theme-seren_v44 .v44-service-btn {
  background: #00A868 !important;
  color: #FFFFFF !important;
  border: 2px solid #000000 !important;
  box-shadow: 3px 3px 0 #000000 !important;
  border-radius: 6px !important;
  font-weight: 800 !important;
  padding: 0.55rem 1.15rem !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

[data-theme="seren_v44"] .v44-service-btn:hover,
.theme-seren_v44 .v44-service-btn:hover {
  background: #FF007F !important;
}

/* ─── About Section (SerenAboutV44) ───────────────────────────────────────── */
[data-theme="seren_v44"] .v44-about-section,
.theme-seren_v44 .v44-about-section {
  background: transparent !important;
}

[data-theme="seren_v44"] .v44-about-card,
[data-theme="seren_v44"] .v44-about-canvas,
.theme-seren_v44 .v44-about-card,
.theme-seren_v44 .v44-about-canvas {
  background: #FFFFFF !important;
  border: 2.5px solid #000000 !important;
  border-radius: 14px !important;
  box-shadow: 6px 6px 0px #000000 !important;
  color: #000000 !important;
}

[data-theme="seren_v44"] .v44-about-title,
.theme-seren_v44 .v44-about-title {
  color: #000000 !important;
  font-family: var(--font-heading) !important;
  font-weight: 900 !important;
}

[data-theme="seren_v44"] .v44-about-desc,
.theme-seren_v44 .v44-about-desc {
  color: #1F2937 !important;
  font-weight: 600 !important;
}

/* ─── Generic Modules (Products, Features, Spotlight, FAQ, Contact) ──────── */
[data-theme="seren_v44"] .feature-card,
[data-theme="seren_v44"] .product-card,
[data-theme="seren_v44"] .pricing-card,
[data-theme="seren_v44"] .faq-item,
[data-theme="seren_v44"] .testimonial-card,
[data-theme="seren_v44"] .contact-card,
.theme-seren_v44 .feature-card,
.theme-seren_v44 .product-card,
.theme-seren_v44 .pricing-card,
.theme-seren_v44 .faq-item,
.theme-seren_v44 .testimonial-card,
.theme-seren_v44 .contact-card {
  background: #FFFFFF !important;
  border: 2.5px solid #000000 !important;
  border-radius: 12px !important;
  box-shadow: 5px 5px 0px #000000 !important;
  color: #000000 !important;
}

[data-theme="seren_v44"] .contact-submit-btn,
.theme-seren_v44 .contact-submit-btn {
  background: #00A868 !important;
  color: #FFFFFF !important;
  border: 2.5px solid #000000 !important;
  box-shadow: 4px 4px 0 #000000 !important;
  border-radius: 8px !important;
  font-weight: 900 !important;
}

[data-theme="seren_v44"] .contact-submit-btn:hover,
.theme-seren_v44 .contact-submit-btn:hover {
  background: #FF007F !important;
}

/* ─── Footer: Neo-Brutalist Theme Colors ──────────────────────────────────── */
[data-theme="seren_v44"] .site-footer,
.theme-seren_v44 .site-footer {
  background: #111827 !important;
  background-color: #111827 !important;
  border-top: 4px solid #000000 !important;
  color: #FFFFFF !important;
}

[data-theme="seren_v44"] .site-footer .footer-overlay,
.theme-seren_v44 .site-footer .footer-overlay {
  display: none !important;
}

[data-theme="seren_v44"] .site-footer .footer-col-title,
.theme-seren_v44 .site-footer .footer-col-title {
  color: #FFE600 !important;
  font-family: var(--font-heading) !important;
  font-weight: 900 !important;
}

[data-theme="seren_v44"] .site-footer .col-title-line,
.theme-seren_v44 .site-footer .col-title-line {
  background: #00A868 !important;
  height: 4px !important;
}

[data-theme="seren_v44"] .site-footer .footer-nav-link,
[data-theme="seren_v44"] .site-footer .footer-desc,
[data-theme="seren_v44"] .site-footer .info-text,
[data-theme="seren_v44"] .site-footer .info-link,
.theme-seren_v44 .site-footer .footer-nav-link,
.theme-seren_v44 .site-footer .footer-desc,
.theme-seren_v44 .site-footer .info-text,
.theme-seren_v44 .site-footer .info-link {
  color: #D1D5DB !important;
  font-weight: 600 !important;
}

[data-theme="seren_v44"] .site-footer .footer-nav-link:hover,
[data-theme="seren_v44"] .site-footer .info-link:hover,
.theme-seren_v44 .site-footer .footer-nav-link:hover,
.theme-seren_v44 .site-footer .info-link:hover {
  color: #FF007F !important;
}

[data-theme="seren_v44"] .site-footer .footer-bottom,
.theme-seren_v44 .site-footer .footer-bottom {
  background: #000000 !important;
  border-top: 2px solid #374151 !important;
  color: #9CA3AF !important;
}

/* ─── Reduced Motion Optimization ──────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  [data-theme="seren_v44"] *,
  .theme-seren_v44 * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/* Accessible Contrast Overrides for Seren V44 */
[data-theme="seren_v44"] {
  --v44-emerald-3: #047857 !important;
}

[data-theme="seren_v44"] .header-cta,
[data-theme="seren_v44"] .v44-btn-primary,
[data-theme="seren_v44"] #v44-hero-primary-cta,
[data-theme="seren_v44"] .v44-service-btn,
[data-theme="seren_v44"] .submit-btn,
[data-theme="seren_v44"] .v44-cartoon-btn,
[data-theme="seren_v44"] .v44-spotlight-btn {
  background-color: #047857 !important;
  background-image: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
  color: #FFFFFF !important;
}

[data-theme="seren_v44"] .v44-product-price-tag,
[data-theme="seren_v44"] .v44-about-eyebrow-text,
[data-theme="seren_v44"] .v44-menu-num,
[data-theme="seren_v44"] .v44-menu-price,
[data-theme="seren_v44"] .v44-menu-badge,
[data-theme="seren_v44"] .v44-menu-order-btn {
  color: #047857 !important;
}

[data-theme="seren_v44"] .info-icon {
  color: #38BDF8 !important;
}

[data-theme="seren_v44"] .author-highlight {
  color: #FFFFFF !important;
}


/* === WCAG AA Contrast Overrides === */

[data-theme="seren_v44"],
.theme-seren_v44 {
  --brand-color: #047857 !important;
}

[data-theme="seren_v44"] .header-cta,
.theme-seren_v44 .header-cta {
  background-color: #047857 !important;
  background-image: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
  color: #FFFFFF !important;
}

[data-theme="seren_v44"] .author-highlight,
.theme-seren_v44 .author-highlight {
  color: #38BDF8 !important;
}



/* === WCAG AA Final Contrast Enhancements === */

[data-theme="seren_v44"] .header-cta,
.theme-seren_v44 .header-cta {
  background-color: #047857 !important;
  background-image: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
  color: #FFFFFF !important;
}

[data-theme="seren_v44"] .v44-tag-text,
.theme-seren_v44 .v44-tag-text {
  background-color: #BE185D !important;
  color: #FFFFFF !important;
}

[data-theme="seren_v44"] .info-icon,
.theme-seren_v44 .info-icon {
  color: #38BDF8 !important;
}

/* === E2E Verified WCAG AA Contrast Rules === */
[data-theme="seren_v44"] .header-cta,
.theme-seren_v44 .header-cta {
  background-color: #047857 !important;
  color: #FFFFFF !important;
}


/* === WCAG AA FINAL COMPREHENSIVE CONTRAST OVERRIDES === */

[data-theme="seren_v44"] .site-header .header-cta,
.theme-seren_v44 .site-header .header-cta {
  background: #047857 !important;
  color: #FFFFFF !important;
}

[data-theme="seren_v44"] .badge-tag,
[data-theme="seren_v44"] .v44-badge,
.theme-seren_v44 .badge-tag,
.theme-seren_v44 .v44-badge {
  color: #065F46 !important;
}