html[data-na-theme='dark'] {
  color-scheme: dark;
  --na-dark-bg: 17, 17, 15;
  --na-dark-surface: 24, 24, 21;
  --na-dark-text: 252, 252, 250;
  --na-dark-muted: 220, 218, 213;
  --na-dark-border: 90, 88, 80;
}

html[data-na-theme='dark'] body,
html[data-na-theme='dark'] .gradient {
  background: rgb(var(--na-dark-bg));
  color: rgb(var(--na-dark-text));
}

html[data-na-theme='dark'] [class*='color-'],
html[data-na-theme='dark'] [class^='color-'] {
  --color-background: var(--na-dark-bg);
  --gradient-background: rgb(var(--na-dark-bg));
  --color-foreground: var(--na-dark-text);
  --color-button: var(--na-dark-text);
  --color-button-text: var(--na-dark-bg);
  --color-secondary-button: var(--na-dark-bg);
  --color-secondary-button-text: var(--na-dark-text);
  --color-link: var(--na-dark-text);
  --color-badge-foreground: var(--na-dark-text);
  --color-badge-background: var(--na-dark-bg);
  --color-badge-border: var(--na-dark-border);
}

html[data-na-theme='dark'] .shopify-section,
html[data-na-theme='dark'] .content-container,
html[data-na-theme='dark'] .global-media-settings,
html[data-na-theme='dark'] .card,
html[data-na-theme='dark'] .cart-drawer,
html[data-na-theme='dark'] .cart-notification,
html[data-na-theme='dark'] .menu-drawer,
html[data-na-theme='dark'] .predictive-search,
html[data-na-theme='dark'] .modal__content {
  background-color: rgb(var(--na-dark-bg));
  color: rgb(var(--na-dark-text));
}

html[data-na-theme='dark'] .field__input,
html[data-na-theme='dark'] .select__select,
html[data-na-theme='dark'] .customer .field input,
html[data-na-theme='dark'] .search__input {
  background-color: rgb(var(--na-dark-bg));
  color: rgb(var(--na-dark-text));
}

html[data-na-theme='dark'] .button,
html[data-na-theme='dark'] .shopify-payment-button__button--unbranded {
  --color-button: var(--na-dark-text);
  --color-button-text: var(--na-dark-bg);
}

html[data-na-theme='dark'] img,
html[data-na-theme='dark'] video,
html[data-na-theme='dark'] iframe,
html[data-na-theme='dark'] svg {
  color-scheme: normal;
}

html[data-na-theme='dark'] .announcement-bar,
html[data-na-theme='dark'] .utility-bar {
  background: rgb(var(--na-dark-surface));
  color: rgb(var(--na-dark-text));
}

html[data-na-theme='dark'] ::selection {
  background-color: rgba(var(--na-dark-text), 0.22);
}

html:not([data-na-theme='dark']) .na-theme-toggle__icon--sun,
html[data-na-theme='dark'] .na-theme-toggle__icon--moon {
  display: none;
}

html[data-na-theme='dark'] .na-theme-toggle__icon--sun,
html:not([data-na-theme='dark']) .na-theme-toggle__icon--moon {
  display: inline-flex;
}

/* ============================================================
   GLOBAL DARK MODE - CUSTOM SECTION OVERRIDES
   These override inline styles + hardcoded section CSS that
   bypass Dawn's CSS variable system. !important is required
   because most colors are injected as inline `style="..."`.
   ============================================================ */

html[data-na-theme='dark'] {
  --na-dark-bg-rgb: rgb(var(--na-dark-bg));
  --na-dark-surface-rgb: rgb(var(--na-dark-surface));
  --na-dark-text-rgb: rgb(var(--na-dark-text));
  --na-dark-muted-rgb: rgb(var(--na-dark-muted));
  --na-dark-border-rgb: rgb(var(--na-dark-border));
}

/* Smooth color mode transition for the whole page */
html[data-na-theme='dark'] body,
html[data-na-theme='dark'] body * {
  transition: background-color 220ms ease, color 220ms ease, border-color 220ms ease;
}

/* ----------------------------------------------------------
   Article Elegant (.na-article) — CSS custom property override
   ---------------------------------------------------------- */
html[data-na-theme='dark'] .na-article {
  --na-cream: rgb(var(--na-dark-bg));
  --na-text: rgb(var(--na-dark-text));
  --na-text-light: rgba(var(--na-dark-text), 0.55);
  --na-text-mid: rgba(var(--na-dark-text), 0.75);
  --na-border: rgba(var(--na-dark-text), 0.15);
}

html[data-na-theme='dark'] .na-article .na-form-msg--error {
  color: #f08a8a !important;
}
html[data-na-theme='dark'] .na-article .na-form-msg--success {
  color: #a8d4ba !important;
}

/* ----------------------------------------------------------
   Main Article (legacy elegant) — .elegant-* classes
   ---------------------------------------------------------- */
html[data-na-theme='dark'] .elegant-app-block,
html[data-na-theme='dark'] .elegant-hero,
html[data-na-theme='dark'] .elegant-article,
html[data-na-theme='dark'] .elegant-article__body,
html[data-na-theme='dark'] .elegant-article__sidebar,
html[data-na-theme='dark'] .elegant-related,
html[data-na-theme='dark'] .elegant-share {
  background-color: rgb(var(--na-dark-bg)) !important;
  color: rgb(var(--na-dark-text)) !important;
}

/* ----------------------------------------------------------
   Blog Magazine Grid (.magazine-blog-section)
   ---------------------------------------------------------- */
html[data-na-theme='dark'] .magazine-blog-section,
html[data-na-theme='dark'] .magazine-container,
html[data-na-theme='dark'] .blog-grid,
html[data-na-theme='dark'] .magazine-blog-section .filter-bar {
  background-color: rgb(var(--na-dark-bg)) !important;
  color: rgb(var(--na-dark-text)) !important;
}

html[data-na-theme='dark'] .magazine-blog-section .magazine-heading,
html[data-na-theme='dark'] .magazine-blog-section .article-title,
html[data-na-theme='dark'] .magazine-blog-section .article-meta,
html[data-na-theme='dark'] .magazine-blog-section .article-date,
html[data-na-theme='dark'] .magazine-blog-section .article-icon,
html[data-na-theme='dark'] .magazine-blog-section .tag,
html[data-na-theme='dark'] .magazine-blog-section .tag-sep,
html[data-na-theme='dark'] .magazine-blog-section .filter-bar a,
html[data-na-theme='dark'] .magazine-blog-section .filter-bar button {
  color: rgb(var(--na-dark-text)) !important;
}

html[data-na-theme='dark'] .magazine-blog-section .blog-card,
html[data-na-theme='dark'] .magazine-blog-section .blog-card.featured,
html[data-na-theme='dark'] .magazine-blog-section .article-info,
html[data-na-theme='dark'] .magazine-blog-section .article-image {
  background-color: rgb(var(--na-dark-surface)) !important;
}

html[data-na-theme='dark'] .magazine-blog-section .article-icon {
  background-color: rgba(var(--na-dark-text), 0.08) !important;
}

html[data-na-theme='dark'] .magazine-blog-section .newsletter-section {
  background-color: rgb(var(--na-dark-surface)) !important;
  color: rgb(var(--na-dark-text)) !important;
}

html[data-na-theme='dark'] .magazine-blog-section .newsletter-section input {
  background: transparent !important;
  color: rgb(var(--na-dark-text)) !important;
  border-color: rgba(var(--na-dark-text), 0.3) !important;
}

html[data-na-theme='dark'] .magazine-blog-section .newsletter-section input::placeholder {
  color: rgba(var(--na-dark-text), 0.5) !important;
}

/* ----------------------------------------------------------
   Product Grid Aesop (.premium-aesop-grid)
   ---------------------------------------------------------- */
html[data-na-theme='dark'] .premium-aesop-grid,
html[data-na-theme='dark'] .premium-aesop-grid .container,
html[data-na-theme='dark'] .premium-aesop-grid .toolbar,
html[data-na-theme='dark'] .premium-aesop-grid .product-grid,
html[data-na-theme='dark'] .premium-aesop-grid .filter-panel,
html[data-na-theme='dark'] .premium-aesop-grid .panel-content {
  background-color: rgb(var(--na-dark-bg)) !important;
  color: rgb(var(--na-dark-text)) !important;
}

html[data-na-theme='dark'] .premium-aesop-grid .category-tabs,
html[data-na-theme='dark'] .premium-aesop-grid .tab,
html[data-na-theme='dark'] .premium-aesop-grid .filter-btn,
html[data-na-theme='dark'] .premium-aesop-grid .clear-btn,
html[data-na-theme='dark'] .premium-aesop-grid .apply-btn,
html[data-na-theme='dark'] .premium-aesop-grid .product-card,
html[data-na-theme='dark'] .premium-aesop-grid .grid-text,
html[data-na-theme='dark'] .premium-aesop-grid .grid-image {
  background-color: rgb(var(--na-dark-surface)) !important;
  color: rgb(var(--na-dark-text)) !important;
  border-color: rgba(var(--na-dark-text), 0.15) !important;
}

html[data-na-theme='dark'] .premium-aesop-grid .tab.active,
html[data-na-theme='dark'] .premium-aesop-grid .tab:hover,
html[data-na-theme='dark'] .premium-aesop-grid .filter-btn:hover,
html[data-na-theme='dark'] .premium-aesop-grid .apply-btn,
html[data-na-theme='dark'] .premium-aesop-grid .apply-btn:hover {
  background-color: rgb(var(--na-dark-text)) !important;
  color: rgb(var(--na-dark-bg)) !important;
}

html[data-na-theme='dark'] .premium-aesop-grid .count,
html[data-na-theme='dark'] .premium-aesop-grid .filter-title,
html[data-na-theme='dark'] .premium-aesop-grid .option,
html[data-na-theme='dark'] .premium-aesop-grid .block-heading,
html[data-na-theme='dark'] .premium-aesop-grid .block-text,
html[data-na-theme='dark'] .premium-aesop-grid .product-info,
html[data-na-theme='dark'] .premium-aesop-grid .product-info h3,
html[data-na-theme='dark'] .premium-aesop-grid .product-info h3 a,
html[data-na-theme='dark'] .premium-aesop-grid .product-info h3 a:hover,
html[data-na-theme='dark'] .premium-aesop-grid .variant,
html[data-na-theme='dark'] .premium-aesop-grid .price,
html[data-na-theme='dark'] .premium-aesop-grid .panel-header span {
  color: rgb(var(--na-dark-text)) !important;
}

/* Aesop grid product image background (behind transparent PNGs) */
html[data-na-theme='dark'] .premium-aesop-grid .product-link,
html[data-na-theme='dark'] .premium-aesop-grid .product-card .product-link {
  background-color: rgb(var(--na-dark-surface)) !important;
}

/* Force the product card surface */
html[data-na-theme='dark'] .premium-aesop-grid .product-grid .product-card {
  background-color: rgb(var(--na-dark-surface)) !important;
}

/* ----------------------------------------------------------
   Premium Product Grid (.ppg)
   ---------------------------------------------------------- */
html[data-na-theme='dark'] .ppg,
html[data-na-theme='dark'] .ppg__container,
html[data-na-theme='dark'] .ppg__grid,
html[data-na-theme='dark'] .ppg__panel,
html[data-na-theme='dark'] .ppg__panel-inner,
html[data-na-theme='dark'] .ppg__toolbar {
  background-color: rgb(var(--na-dark-bg)) !important;
  color: rgb(var(--na-dark-text)) !important;
}

html[data-na-theme='dark'] .ppg__tabs,
html[data-na-theme='dark'] .ppg__tab,
html[data-na-theme='dark'] .ppg__filter-btn,
html[data-na-theme='dark'] .ppg__btn-clear,
html[data-na-theme='dark'] .ppg__btn-apply,
html[data-na-theme='dark'] .ppg__card,
html[data-na-theme='dark'] .ppg__text-block,
html[data-na-theme='dark'] .ppg__image-block {
  background-color: rgb(var(--na-dark-surface)) !important;
  color: rgb(var(--na-dark-text)) !important;
  border-color: rgba(var(--na-dark-text), 0.15) !important;
}

html[data-na-theme='dark'] .ppg__tab.is-active,
html[data-na-theme='dark'] .ppg__tab:hover,
html[data-na-theme='dark'] .ppg__btn-apply,
html[data-na-theme='dark'] .ppg__btn-apply:hover {
  background-color: rgb(var(--na-dark-text)) !important;
  color: rgb(var(--na-dark-bg)) !important;
}

html[data-na-theme='dark'] .ppg__count,
html[data-na-theme='dark'] .ppg__filter-title,
html[data-na-theme='dark'] .ppg__option,
html[data-na-theme='dark'] .ppg__panel-title,
html[data-na-theme='dark'] .ppg__close,
html[data-na-theme='dark'] .ppg__card-info,
html[data-na-theme='dark'] .ppg__card .price,
html[data-na-theme='dark'] .ppg__card .variant,
html[data-na-theme='dark'] .ppg__card-title,
html[data-na-theme='dark'] .ppg__card-title a,
html[data-na-theme='dark'] .ppg__card-title a:hover,
html[data-na-theme='dark'] .ppg__card-desc,
html[data-na-theme='dark'] .ppg__card-variant,
html[data-na-theme='dark'] .ppg__card-price,
html[data-na-theme='dark'] .ppg__card-vendor {
  color: rgb(var(--na-dark-text)) !important;
}

/* Product image link background (the wrapper behind transparent PNGs) */
html[data-na-theme='dark'] .ppg__card-image-link,
html[data-na-theme='dark'] .ppg__card .ppg__card-image-link {
  background-color: rgb(var(--na-dark-surface)) !important;
}

/* Slightly brighter description for readability */
html[data-na-theme='dark'] .ppg__card-desc {
  opacity: 0.85 !important;
}

/* Force the .ppg__card surface even though section CSS sets card_bg later */
html[data-na-theme='dark'] .ppg .ppg__card,
html[data-na-theme='dark'] .ppg__grid .ppg__card {
  background-color: rgb(var(--na-dark-surface)) !important;
}

/* ----------------------------------------------------------
   Aesop Products (.epc)
   ---------------------------------------------------------- */
html[data-na-theme='dark'] .epc,
html[data-na-theme='dark'] .epc__header,
html[data-na-theme='dark'] .epc__stage,
html[data-na-theme='dark'] .epc__title,
html[data-na-theme='dark'] .epc__subtitle,
html[data-na-theme='dark'] .epc__card,
html[data-na-theme='dark'] .epc__card-info {
  background-color: transparent !important;
  color: rgb(var(--na-dark-text)) !important;
}

html[data-na-theme='dark'] .epc {
  background-color: rgb(var(--na-dark-bg)) !important;
}

/* ----------------------------------------------------------
   Aesop Split Content
   ---------------------------------------------------------- */
html[data-na-theme='dark'] .aesop-split,
html[data-na-theme='dark'] .aesop-split__inner,
html[data-na-theme='dark'] .aesop-split__media,
html[data-na-theme='dark'] .aesop-split__content {
  background-color: rgb(var(--na-dark-bg)) !important;
  color: rgb(var(--na-dark-text)) !important;
}

html[data-na-theme='dark'] .aesop-split__content h1,
html[data-na-theme='dark'] .aesop-split__content h2,
html[data-na-theme='dark'] .aesop-split__content h3,
html[data-na-theme='dark'] .aesop-split__content p,
html[data-na-theme='dark'] .aesop-split__content a {
  color: rgb(var(--na-dark-text)) !important;
}

/* ----------------------------------------------------------
   Aesop Product Carousel + Section Product Carousel
   ---------------------------------------------------------- */
html[data-na-theme='dark'] .product-carousel-wrapper,
html[data-na-theme='dark'] .product-carousel-wrapper .container,
html[data-na-theme='dark'] .product-carousel-wrapper .product-carousel-header,
html[data-na-theme='dark'] .product-carousel-wrapper .product-carousel-card,
html[data-na-theme='dark'] .product-carousel-wrapper .product-carousel-info {
  background-color: rgb(var(--na-dark-bg)) !important;
  color: rgb(var(--na-dark-text)) !important;
}

html[data-na-theme='dark'] .product-carousel-wrapper * {
  border-color: rgba(var(--na-dark-text), 0.15) !important;
}

/* ----------------------------------------------------------
   Editorial CTA, Media Collage, Split Content
   ---------------------------------------------------------- */
html[data-na-theme='dark'] .ect,
html[data-na-theme='dark'] .ect__inner,
html[data-na-theme='dark'] .ect__media,
html[data-na-theme='dark'] .ect__content,
html[data-na-theme='dark'] .editorial-collage,
html[data-na-theme='dark'] .editorial-collage__inner,
html[data-na-theme='dark'] .editorial-collage__left,
html[data-na-theme='dark'] .editorial-collage__right,
html[data-na-theme='dark'] .editorial-collage__editorial,
html[data-na-theme='dark'] .editorial-split,
html[data-na-theme='dark'] .editorial-split-inner,
html[data-na-theme='dark'] .editorial-split-media,
html[data-na-theme='dark'] .editorial-split-content {
  background-color: rgb(var(--na-dark-bg)) !important;
  color: rgb(var(--na-dark-text)) !important;
}

html[data-na-theme='dark'] .ect h1,
html[data-na-theme='dark'] .ect h2,
html[data-na-theme='dark'] .ect h3,
html[data-na-theme='dark'] .ect p,
html[data-na-theme='dark'] .editorial-collage h1,
html[data-na-theme='dark'] .editorial-collage h2,
html[data-na-theme='dark'] .editorial-collage h3,
html[data-na-theme='dark'] .editorial-collage p,
html[data-na-theme='dark'] .editorial-split h1,
html[data-na-theme='dark'] .editorial-split h2,
html[data-na-theme='dark'] .editorial-split h3,
html[data-na-theme='dark'] .editorial-split p {
  color: rgb(var(--na-dark-text)) !important;
}

/* ----------------------------------------------------------
   Portfolio List + Showcase
   ---------------------------------------------------------- */
html[data-na-theme='dark'] .pl-bleed,
html[data-na-theme='dark'] .pl-inner,
html[data-na-theme='dark'] .pl-meta,
html[data-na-theme='dark'] .portfolio-showcase,
html[data-na-theme='dark'] .portfolio-showcase .section-border {
  background-color: rgb(var(--na-dark-bg)) !important;
  color: rgb(var(--na-dark-text)) !important;
  border-color: rgba(var(--na-dark-text), 0.15) !important;
}

/* ----------------------------------------------------------
   Nordic Banner (.nordic-banner / .nb)
   ---------------------------------------------------------- */
html[data-na-theme='dark'] .nordic-banner,
html[data-na-theme='dark'] .nb__container,
html[data-na-theme='dark'] .nb__left,
html[data-na-theme='dark'] .nb__right {
  background-color: rgb(var(--na-dark-bg)) !important;
  color: rgb(var(--na-dark-text)) !important;
}

html[data-na-theme='dark'] .nordic-banner h1,
html[data-na-theme='dark'] .nordic-banner h2,
html[data-na-theme='dark'] .nordic-banner h3,
html[data-na-theme='dark'] .nordic-banner p,
html[data-na-theme='dark'] .nordic-banner a {
  color: rgb(var(--na-dark-text)) !important;
}

/* ----------------------------------------------------------
   Gift Finder Quiz
   ---------------------------------------------------------- */
html[data-na-theme='dark'] .gift-finder,
html[data-na-theme='dark'] .gift-finder-progress,
html[data-na-theme='dark'] .gift-finder-step,
html[data-na-theme='dark'] .gift-finder-question,
html[data-na-theme='dark'] .gift-finder-options,
html[data-na-theme='dark'] .gift-finder-result {
  background-color: rgb(var(--na-dark-bg)) !important;
  color: rgb(var(--na-dark-text)) !important;
}

html[data-na-theme='dark'] .gift-finder-option,
html[data-na-theme='dark'] .gift-finder-restart {
  background-color: rgb(var(--na-dark-surface)) !important;
  color: rgb(var(--na-dark-text)) !important;
  border-color: rgba(var(--na-dark-text), 0.2) !important;
}

html[data-na-theme='dark'] .gift-finder * {
  color: rgb(var(--na-dark-text)) !important;
}

/* ----------------------------------------------------------
   Categories Carousel (.product-bundle-carousel)
   ---------------------------------------------------------- */
html[data-na-theme='dark'] .product-bundle-carousel,
html[data-na-theme='dark'] .bundle-carousel__container,
html[data-na-theme='dark'] .bundle-carousel__header,
html[data-na-theme='dark'] .bundle-carousel__card {
  background-color: rgb(var(--na-dark-bg)) !important;
  color: rgb(var(--na-dark-text)) !important;
}

html[data-na-theme='dark'] .bundle-carousel__card {
  background-color: rgb(var(--na-dark-surface)) !important;
}

/* ----------------------------------------------------------
   How To Use (.aesop-video-text-section)
   ---------------------------------------------------------- */
html[data-na-theme='dark'] .aesop-video-text-section,
html[data-na-theme='dark'] .aesop-video-text-container,
html[data-na-theme='dark'] .aesop-video-text-grid,
html[data-na-theme='dark'] .aesop-video-text-content {
  background-color: rgb(var(--na-dark-bg)) !important;
  color: rgb(var(--na-dark-text)) !important;
}

/* ----------------------------------------------------------
   Seasons Section
   ---------------------------------------------------------- */
html[data-na-theme='dark'] .season-products,
html[data-na-theme='dark'] .season-products__inner,
html[data-na-theme='dark'] .season-products__intro,
html[data-na-theme='dark'] .season-products__grid,
html[data-na-theme='dark'] .season-products__card {
  background-color: rgb(var(--na-dark-bg)) !important;
  color: rgb(var(--na-dark-text)) !important;
}

html[data-na-theme='dark'] .season-products__intro,
html[data-na-theme='dark'] .season-products__card {
  background-color: rgb(var(--na-dark-surface)) !important;
}

/* ----------------------------------------------------------
   Editorial Hero (Hero Double Section)
   ---------------------------------------------------------- */
html[data-na-theme='dark'] .editorial-hero,
html[data-na-theme='dark'] .editorial-hero__container,
html[data-na-theme='dark'] .editorial-hero__left,
html[data-na-theme='dark'] .editorial-hero__right,
html[data-na-theme='dark'] .editorial-hero__text-slides,
html[data-na-theme='dark'] .editorial-hero__slide {
  background-color: rgb(var(--na-dark-bg)) !important;
  color: rgb(var(--na-dark-text)) !important;
}

html[data-na-theme='dark'] .editorial-hero h1,
html[data-na-theme='dark'] .editorial-hero h2,
html[data-na-theme='dark'] .editorial-hero p,
html[data-na-theme='dark'] .editorial-hero a {
  color: rgb(var(--na-dark-text)) !important;
}

/* ----------------------------------------------------------
   Contact Me (Hanssen Contact Page)
   ---------------------------------------------------------- */
html[data-na-theme='dark'] .hanssen-contact-page,
html[data-na-theme='dark'] .hanssen-hero,
html[data-na-theme='dark'] .hanssen-hero-image,
html[data-na-theme='dark'] .hanssen-content,
html[data-na-theme='dark'] .hanssen-form,
html[data-na-theme='dark'] .hanssen-form-field {
  background-color: rgb(var(--na-dark-bg)) !important;
  color: rgb(var(--na-dark-text)) !important;
}

html[data-na-theme='dark'] .hanssen-form input,
html[data-na-theme='dark'] .hanssen-form textarea,
html[data-na-theme='dark'] .hanssen-form select {
  background-color: rgb(var(--na-dark-surface)) !important;
  color: rgb(var(--na-dark-text)) !important;
  border-color: rgba(var(--na-dark-text), 0.25) !important;
}

html[data-na-theme='dark'] .hanssen-form input::placeholder,
html[data-na-theme='dark'] .hanssen-form textarea::placeholder {
  color: rgba(var(--na-dark-text), 0.5) !important;
}

/* ----------------------------------------------------------
   Mega Menu Custom (override hardcoded #fff / #2c2c2c)
   ---------------------------------------------------------- */
html[data-na-theme='dark'] .mega-menu-wrapper {
  --mm-bg: rgb(var(--na-dark-bg));
  --mm-surface: rgba(var(--na-dark-text), 0.04);
  --mm-border: rgba(var(--na-dark-text), 0.15);
  --mm-text: rgb(var(--na-dark-text));
  --mm-muted: rgba(var(--na-dark-text), 0.6);
  background-color: rgb(var(--na-dark-bg)) !important;
}

html[data-na-theme='dark'] .mega-menu-dropdown {
  background-color: rgb(var(--na-dark-bg)) !important;
  color: rgb(var(--na-dark-text)) !important;
  border-color: rgba(var(--na-dark-text), 0.15) !important;
}

html[data-na-theme='dark'] .mega-menu-link,
html[data-na-theme='dark'] .mega-menu-link__text,
html[data-na-theme='dark'] .mega-menu-heading,
html[data-na-theme='dark'] .mega-menu-heading--link,
html[data-na-theme='dark'] .mega-menu-list a,
html[data-na-theme='dark'] .mega-menu-shop-all,
html[data-na-theme='dark'] .mega-menu-title,
html[data-na-theme='dark'] .mega-menu-kicker {
  color: rgb(var(--na-dark-text)) !important;
}

html[data-na-theme='dark'] .mega-menu-kicker,
html[data-na-theme='dark'] .mega-menu-heading {
  color: rgba(var(--na-dark-text), 0.6) !important;
}

/* ----------------------------------------------------------
   Header utility cluster — keep visible on dark
   ---------------------------------------------------------- */
html[data-na-theme='dark'] .header-wrapper {
  background: rgba(var(--na-dark-bg), 0.96) !important;
  border-bottom-color: rgba(var(--na-dark-text), 0.1) !important;
}

html[data-na-theme='dark'] .desktop-localization-wrapper {
  border-color: rgba(var(--na-dark-text), 0.15) !important;
}

/* ----------------------------------------------------------
   Footer
   ---------------------------------------------------------- */
html[data-na-theme='dark'] .footer,
html[data-na-theme='dark'] .footer__content-top,
html[data-na-theme='dark'] .footer__content-bottom,
html[data-na-theme='dark'] .footer-block {
  background-color: rgb(var(--na-dark-surface)) !important;
  color: rgb(var(--na-dark-text)) !important;
  border-color: rgba(var(--na-dark-text), 0.1) !important;
}

html[data-na-theme='dark'] .footer a,
html[data-na-theme='dark'] .footer__heading {
  color: rgb(var(--na-dark-text)) !important;
}

/* ----------------------------------------------------------
   Image overlay opacity adjustment - prevents over-dark images
   ---------------------------------------------------------- */
html[data-na-theme='dark'] .banner::after,
html[data-na-theme='dark'] .banner__media::after {
  opacity: 0.5;
}

/* ----------------------------------------------------------
   Localization selector option (was hardcoded black)
   ---------------------------------------------------------- */
html[data-na-theme='dark'] .localization-selector option {
  color: rgb(var(--na-dark-text)) !important;
  background-color: rgb(var(--na-dark-bg)) !important;
}

/* ----------------------------------------------------------
   Article cards (Dawn .article-card / .card)
   These already use --color- vars but force where overridden
   ---------------------------------------------------------- */
html[data-na-theme='dark'] .article-card,
html[data-na-theme='dark'] .article-card-wrapper,
html[data-na-theme='dark'] .article-card__info,
html[data-na-theme='dark'] .blog-articles {
  background-color: transparent !important;
  color: rgb(var(--na-dark-text)) !important;
}

html[data-na-theme='dark'] .article-card__excerpt,
html[data-na-theme='dark'] .article-card__info span,
html[data-na-theme='dark'] .article-card h3,
html[data-na-theme='dark'] .article-card h2 {
  color: rgb(var(--na-dark-text)) !important;
}

/* ----------------------------------------------------------
   Generic table rows + dividers across all sections
   ---------------------------------------------------------- */
html[data-na-theme='dark'] hr,
html[data-na-theme='dark'] table,
html[data-na-theme='dark'] th,
html[data-na-theme='dark'] td {
  border-color: rgba(var(--na-dark-text), 0.15) !important;
}

/* ----------------------------------------------------------
   Dawn product card media backdrop (transparent PNG bottles)
   Apply a dark surface so the bottle doesn't sit on a light
   media wrapper.
   ---------------------------------------------------------- */
html[data-na-theme='dark'] .card__media,
html[data-na-theme='dark'] .card .card__media,
html[data-na-theme='dark'] .product-card-wrapper .card__media,
html[data-na-theme='dark'] .card-wrapper .media,
html[data-na-theme='dark'] .product-media-container,
html[data-na-theme='dark'] .product__media-wrapper,
html[data-na-theme='dark'] .product__media-item,
html[data-na-theme='dark'] .product__media,
html[data-na-theme='dark'] .global-media-settings--no-shadow {
  background-color: rgb(var(--na-dark-surface)) !important;
}

/* Card title links should follow dark text */
html[data-na-theme='dark'] .card__heading a,
html[data-na-theme='dark'] .card__heading,
html[data-na-theme='dark'] .card__information,
html[data-na-theme='dark'] .card-information,
html[data-na-theme='dark'] .price__regular,
html[data-na-theme='dark'] .price-item,
html[data-na-theme='dark'] .price__sale,
html[data-na-theme='dark'] .price__container {
  color: rgb(var(--na-dark-text)) !important;
}

/* Make muted Dawn text classes brighter for AA contrast */
html[data-na-theme='dark'] .caption,
html[data-na-theme='dark'] .caption-large,
html[data-na-theme='dark'] .caption-with-letter-spacing,
html[data-na-theme='dark'] .price__badge,
html[data-na-theme='dark'] .badge {
  color: rgba(var(--na-dark-text), 0.85) !important;
}