/* ============================================================
   BIGBANG dark mode - add-ons layered on bigbang-darkmode.css
   Page base #0d1b3e | illustration family derived from brand #00AEEF
   ============================================================ */

/* 1. Hero banner illustration (was dissolving into the page) */
body.body__dark .banner-background .banner-shape .cls-1 { fill: #0e3f5e !important; }
body.body__dark .banner-background .banner-shape .cls-3 { fill: #0a2c44 !important; }
body.body__dark .banner-background .banner-shape .cls-4 { fill: #15628c !important; }
body.body__dark .banner-background .banner-shape .cls-2 { fill-opacity: .28 !important; }
body.body__dark .banner-shape { filter: drop-shadow(0 24px 60px rgba(0,0,0,.5)); }

/* 2. Product / promo slider illustrations - same turquoise family
      (.st0/.st5/.st6 read --background-8/-12, .st1/.st4 read --background-6,
       .st3 reads --background-13, so they inherited the page colour) */
body.body__dark .promo__slider__illunsration .st5,
body.body__dark .promo__slider__illunsration .st6 { fill: #071f2e !important; }
body.body__dark .promo__slider__illunsration .st0 { fill: #0a2c44 !important; }
body.body__dark .promo__slider__illunsration .st1,
body.body__dark .promo__slider__illunsration .st4 { fill: #0e3f5e !important; }
body.body__dark .promo__slider__illunsration .st3 { fill: #15628c !important; }

/* 3. Filled CTA keeps a white label.
      bigbang-darkmode.css tints generic <a> light blue and excludes .btn,
      but the theme's header CTA uses class "button" - it slipped through
      and rendered #8fb2ff on #3b6fd4 (contrast 2.26). */
body.body__dark a.button,
body.body__dark a.button .text,
body.body__dark .header__button,
body.body__dark .header__button .text,
body.body__dark .btn-primary,
body.body__dark .btn-primary .text { color: #ffffff !important; }

/* 4. Muted text raised to WCAG AA (was rgba(255,255,255,.4) = 4.28:1) */
body.body__dark .sub-color { color: rgba(255, 255, 255, .66) !important; }

/* 5. Facebook sign-in label was #4267b2 on navy (3.07:1) */
body.body__dark .btn-social.btn-facebook { color: #8ab0f0 !important; }

/* 6. Light-mode text colours leaking into dark mode
      (theme bug: these selectors are never re-coloured by app.min.css,
       so they render #1a1d1f / #161c2d on the navy page) */

/* 6a. Header in its "bg-white / light-mode-texts" sticky state */
body.body__dark .header.light-mode-texts,
body.body__dark .header.light-mode-texts a,
body.body__dark .header.light-mode-texts i,
body.body__dark .header.light-mode-texts svg,
body.body__dark .header.light-mode-texts .text,
body.body__dark .header.light-mode-texts .dropdown__toggle,
body.body__dark .header.light-mode-texts .language__flag__text { color: #e4e6eb !important; }

/* 6b. ...but a filled CTA inside it keeps a white label */
body.body__dark .header.light-mode-texts a.button,
body.body__dark .header.light-mode-texts a.button .text,
body.body__dark .header.light-mode-texts .header__button,
body.body__dark .header.light-mode-texts .header__button .text { color: #ffffff !important; }

/* 6c. Dropdown panels - pin surface and label together so they can never
       end up dark-on-dark or light-on-light */
body.body__dark .dropdown-menu {
  background-color: #12244f !important;
  border-color: #1e3260 !important;
}
body.body__dark .dropdown-menu,
body.body__dark .dropdown-menu a,
body.body__dark .dropdown-menu li,
body.body__dark .dropdown-menu .dropdown-item,
body.body__dark .dropdown__menu__items,
body.body__dark .dropdown__menu__items a { color: #e4e6eb !important; }
body.body__dark .dropdown-menu a:hover,
body.body__dark .dropdown-menu .dropdown-item:hover {
  background-color: #182f63 !important;
  color: #ffffff !important;
}

/* 6d. Homepage announcement headlines */
body.body__dark .homepage__main__announcements__box__title,
body.body__dark .homepage__main__announcements__box__title a { color: #e4e6eb !important; }
body.body__dark .homepage__main__announcements__box__title:hover,
body.body__dark .homepage__main__announcements__box__title a:hover { color: #8fb2ff !important; }

/* 7. plan-highlight badge: #8d7c38 on #ffeea9 was 3.56:1.
      Not a dark-mode bug - it reads the same in light mode - so this
      one is intentionally NOT scoped to .body__dark. */
.plan-highlight { color: #6b5a1f !important; }