/* ==========================================================================
   Chai Lọ Minh Anh · B2B Dark Mode Theme Style (v69 / Alibaba xzfkbl inspired)
   Palette: Deep Obsidian #0b0f15 · Slate Surface #131a24 · Raised #19222e · Champagne Gold #d6ae66
   Active on: html[data-theme="dark"], body[data-theme="dark"], body.ma-dark-mode
   ========================================================================== */

/* 1. Universal Dark Mode Token Definitions ---------------------------------- */
html[data-theme="dark"],
body[data-theme="dark"],
body.ma-dark-mode {
  color-scheme: dark;
  --dk-bg: #0b0f15;
  --dk-surface: #131a24;
  --dk-raised: #19222e;
  --dk-sunken: #0f141c;
  --dk-line: #263244;
  --dk-line-strong: #36465c;
  --dk-text: #e8edf2;
  --dk-title: #f6f8fa;
  --dk-muted: #a3afbb;
  --dk-dim: #7d8a98;
  --dk-gold: #d6ae66;
  --dk-gold-hover: #e6c283;
  --dk-gold-soft: rgba(214, 174, 102, 0.14);
  --dk-gold-line: rgba(214, 174, 102, 0.38);
  --dk-cta: #d6ae66;
  --dk-cta-hover: #e6c283;
  --dk-cta-ink: #14110b;

  /* Aliases for v68 compatibility */
  --ma23-bg: var(--dk-bg);
  --ma23-surface: var(--dk-surface);
  --ma23-surface-soft: var(--dk-raised);
  --ma23-text: var(--dk-text);
  --ma23-text-muted: var(--dk-muted);
  --ma23-text-dim: var(--dk-dim);
  --ma23-accent: var(--dk-gold);
  --ma23-accent-hover: var(--dk-gold-hover);
  --ma23-accent-soft: var(--dk-gold-soft);
  --ma23-chip-bg: var(--dk-raised);

  /* Glass layer tokens (:root in minhanh-glass-design.css) */
  --ma-ivory: var(--dk-bg);
  --ma-paper: var(--dk-surface);
  --ma-ink: var(--dk-text);
  --ma-muted: var(--dk-muted);
  --ma-gold: var(--dk-gold);
  --ma-line: var(--dk-line);
  --ma-soft: var(--dk-raised);

  /* Woodmart Native Theme Variables */
  --wd-main-bgcolor: var(--dk-bg);
  --wd-text-color: var(--dk-text);
  --wd-title-color: var(--dk-title);
  --wd-entities-title-color: var(--dk-title);
  --wd-entities-title-color-hover: var(--dk-gold);
  --wd-primary-color: var(--dk-gold);
  --wd-link-color: var(--dk-text);
  --wd-link-color-hover: var(--dk-gold);
  --wd-form-brd-color: var(--dk-line-strong);
  --wd-form-bg: var(--dk-sunken);
  --wd-form-color: var(--dk-text);
  --wd-bordered-color: var(--dk-line);
  --color-gray-300: #5b6878;
  --color-gray-400: #7d8a98;
  --color-gray-500: #93a0ad;
  --color-gray-600: #aab5c0;
  --color-gray-700: #c3ccd5;
  --color-gray-800: #dbe2e8;
  --color-gray-900: var(--dk-title);
  --bgcolor-white: var(--dk-surface);
  --bgcolor-gray-100: var(--dk-raised);
  --bgcolor-gray-200: var(--dk-raised);
  --bgcolor-gray-300: #1f2a38;
  --brdcolor-gray-200: var(--dk-line);
  --brdcolor-gray-300: var(--dk-line-strong);
  --btn-default-bgcolor: var(--dk-raised);
  --btn-default-bgcolor-hover: #222d3b;
  --btn-default-color: var(--dk-text);
  --btn-default-color-hover: var(--dk-title);
  --btn-accented-bgcolor: var(--dk-cta);
  --btn-accented-bgcolor-hover: var(--dk-cta-hover);
  --btn-accented-color: var(--dk-cta-ink);
  --btn-accented-color-hover: var(--dk-cta-ink);
}

/* Design-v23 tokens (scoped to body.ma-design-v23) */
html[data-theme="dark"] body,
html[data-theme="dark"] body.ma-design-v23,
body[data-theme="dark"].ma-design-v23,
body.ma-dark-mode.ma-design-v23 {
  --ma23-ivory: var(--dk-bg);
  --ma23-paper: var(--dk-surface);
  --ma23-ink: var(--dk-text);
  --ma23-muted: var(--dk-muted);
  --ma23-gold: var(--dk-gold);
  --ma23-gold-soft: var(--dk-gold-soft);
  --ma23-line: var(--dk-line);
  --ma23-soft: var(--dk-raised);
  --ma23-dark: #05070a;
  --ma23-surface: var(--dk-surface);
  --ma23-accent: var(--dk-gold);
  --ma23-accent-hover: var(--dk-gold-hover);
  --ma23-accent-soft: var(--dk-gold-soft);
  --ma65-gold-accent: var(--dk-gold);
  --ma65-gold-border: var(--dk-gold-line);
  --ma65-surface-warm: var(--dk-raised);
  --ma65-shadow-sm: 0 4px 16px rgba(0, 0, 0, 0.35);
  --ma65-shadow-md: 0 12px 32px rgba(0, 0, 0, 0.5);
  --ma65-shadow-hover: 0 14px 36px rgba(0, 0, 0, 0.55);
  --ma65-shadow-tray: 0 -10px 34px rgba(0, 0, 0, 0.6);
  background-color: var(--dk-bg) !important;
  color: var(--dk-text);
}

/* Funnel tokens (.ma-funnel-site .ma-funnel) */
html[data-theme="dark"] .ma-funnel-site .ma-funnel,
body[data-theme="dark"] .ma-funnel-site .ma-funnel,
body.ma-dark-mode .ma-funnel-site .ma-funnel {
  --mf-ink: var(--dk-text);
  --mf-muted: var(--dk-muted);
  --mf-gold: var(--dk-gold);
  --mf-line: var(--dk-line);
  --mf-paper: var(--dk-surface);
}

/* 2. Global Page Shell ------------------------------------------------------- */
html[data-theme="dark"],
html[data-theme="dark"] .website-wrapper,
html[data-theme="dark"] .main-page-wrapper,
html[data-theme="dark"] .wd-page-content,
html[data-theme="dark"] .site-content,
body[data-theme="dark"],
body[data-theme="dark"] .website-wrapper,
body[data-theme="dark"] .main-page-wrapper,
body[data-theme="dark"] .site-content,
body.ma-dark-mode,
body.ma-dark-mode .website-wrapper,
body.ma-dark-mode .main-page-wrapper,
body.ma-dark-mode .site-content {
  background-color: var(--dk-bg) !important;
  color: var(--dk-text) !important;
}

html[data-theme="dark"] h1, html[data-theme="dark"] h2, html[data-theme="dark"] h3,
html[data-theme="dark"] h4, html[data-theme="dark"] h5, html[data-theme="dark"] h6,
body[data-theme="dark"] h1, body[data-theme="dark"] h2, body[data-theme="dark"] h3,
body[data-theme="dark"] h4, body[data-theme="dark"] h5, body[data-theme="dark"] h6,
body.ma-dark-mode h1, body.ma-dark-mode h2, body.ma-dark-mode h3,
body.ma-dark-mode h4, body.ma-dark-mode h5, body.ma-dark-mode h6,
html[data-theme="dark"] .title, html[data-theme="dark"] .product_title,
html[data-theme="dark"] .wd-entities-title, html[data-theme="dark"] .wd-entities-title a,
body[data-theme="dark"] .wd-entities-title, body.ma-dark-mode .wd-entities-title {
  color: var(--dk-title) !important;
}

html[data-theme="dark"] a:not([class*="button"]):not([class*="btn"]):hover,
body[data-theme="dark"] a:not([class*="button"]):not([class*="btn"]):hover,
body.ma-dark-mode a:not([class*="button"]):not([class*="btn"]):hover {
  color: var(--dk-gold-hover) !important;
}

/* 3. Header & Navigation ---------------------------------------------------- */
html[data-theme="dark"] .whb-top-bar,
body[data-theme="dark"] .whb-top-bar,
body.ma-dark-mode .whb-top-bar {
  background-color: #070a0f !important;
  border-bottom: 1px solid var(--dk-line) !important;
}
html[data-theme="dark"] .whb-top-bar,
html[data-theme="dark"] .whb-top-bar *,
body[data-theme="dark"] .whb-top-bar,
body[data-theme="dark"] .whb-top-bar * {
  color: var(--dk-muted) !important;
}
html[data-theme="dark"] .whb-general-header,
html[data-theme="dark"] .whb-header-bottom,
html[data-theme="dark"] .whb-sticked .whb-row,
html[data-theme="dark"] .whb-header .whb-row,
body[data-theme="dark"] .whb-general-header,
body[data-theme="dark"] .whb-header-bottom,
body.ma-dark-mode .whb-general-header,
body.ma-dark-mode .whb-header-bottom {
  background-color: var(--dk-bg) !important;
  border-color: var(--dk-line) !important;
}
html[data-theme="dark"] .whb-header-bottom,
body[data-theme="dark"] .whb-header-bottom,
body.ma-dark-mode .whb-header-bottom {
  border-top: 1px solid var(--dk-line) !important;
  border-bottom: 1px solid var(--dk-line) !important;
}
html[data-theme="dark"] .wd-nav-main > li > a,
html[data-theme="dark"] .wd-header-nav .wd-nav > li > a,
html[data-theme="dark"] .whb-color-dark .wd-nav > li > a,
html[data-theme="dark"] .wd-header-my-account a,
html[data-theme="dark"] .wd-header-my-account .wd-tools-text,
html[data-theme="dark"] .wd-header-cart .wd-tools-text,
html[data-theme="dark"] .wd-header-cart .wd-tools-icon,
html[data-theme="dark"] .wd-header-search .wd-tools-icon,
html[data-theme="dark"] .whb-color-dark .wd-tools-element > a,
body[data-theme="dark"] .wd-nav-main > li > a,
body.ma-dark-mode .wd-nav-main > li > a {
  color: var(--dk-text) !important;
}
html[data-theme="dark"] .wd-nav-main > li.current-menu-item > a,
html[data-theme="dark"] .wd-nav-main > li.current-menu-ancestor > a,
html[data-theme="dark"] .wd-nav-main > li > a:hover,
body[data-theme="dark"] .wd-nav-main > li > a:hover,
body.ma-dark-mode .wd-nav-main > li > a:hover {
  color: var(--dk-gold) !important;
}
html[data-theme="dark"] .wd-tools-count,
html[data-theme="dark"] .wd-cart-number,
body[data-theme="dark"] .wd-tools-count,
body.ma-dark-mode .wd-tools-count {
  background: var(--dk-gold) !important;
  color: var(--dk-cta-ink) !important;
}

/* Quickbar & Pills */
html[data-theme="dark"] .ma65-quickbar,
body[data-theme="dark"] .ma65-quickbar,
body.ma-dark-mode .ma65-quickbar {
  background: #101622 !important;
  border-color: var(--dk-line) !important;
}
html[data-theme="dark"] .ma65-quick-pill,
body[data-theme="dark"] .ma65-quick-pill,
body.ma-dark-mode .ma65-quick-pill {
  background: #182230 !important;
  color: var(--dk-muted) !important;
  border-color: var(--dk-line) !important;
}
html[data-theme="dark"] .ma65-quick-pill:hover,
html[data-theme="dark"] .ma65-quick-pill.is-active,
body[data-theme="dark"] .ma65-quick-pill:hover,
body[data-theme="dark"] .ma65-quick-pill.is-active,
body.ma-dark-mode .ma65-quick-pill:hover,
body.ma-dark-mode .ma65-quick-pill.is-active {
  background: var(--dk-gold) !important;
  color: var(--dk-cta-ink) !important;
  border-color: var(--dk-gold) !important;
}

/* Dropdowns & Menus */
html[data-theme="dark"] .wd-dropdown,
html[data-theme="dark"] .wd-dropdown-menu,
html[data-theme="dark"] .wd-sub-menu,
html[data-theme="dark"] .wd-dropdown-results,
html[data-theme="dark"] .searchform .autocomplete-suggestions,
body[data-theme="dark"] .wd-dropdown,
body.ma-dark-mode .wd-dropdown {
  background-color: var(--dk-surface) !important;
  border: 1px solid var(--dk-line) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.55) !important;
}
html[data-theme="dark"] .wd-dropdown a,
html[data-theme="dark"] .wd-sub-menu a,
body[data-theme="dark"] .wd-dropdown a,
body.ma-dark-mode .wd-dropdown a {
  color: var(--dk-text) !important;
}
html[data-theme="dark"] .wd-dropdown a:hover,
html[data-theme="dark"] .wd-sub-menu a:hover,
body[data-theme="dark"] .wd-dropdown a:hover,
body.ma-dark-mode .wd-dropdown a:hover {
  color: var(--dk-gold) !important;
}

/* 4. Hero, PAS Sections & Cards --------------------------------------------- */
html[data-theme="dark"] .ma23-hero,
body[data-theme="dark"] .ma23-hero,
body.ma-dark-mode .ma23-hero {
  background: radial-gradient(120% 120% at 50% 0%, #151d2a 0%, #0b0f15 100%) !important;
  border-bottom: 1px solid var(--dk-line) !important;
}
html[data-theme="dark"] .ma23-hero-badge,
body[data-theme="dark"] .ma23-hero-badge,
body.ma-dark-mode .ma23-hero-badge {
  background: rgba(214, 174, 102, 0.15) !important;
  border-color: var(--dk-gold-line) !important;
  color: var(--dk-gold) !important;
}
html[data-theme="dark"] .ma65-journey-card,
body[data-theme="dark"] .ma65-journey-card,
body.ma-dark-mode .ma65-journey-card {
  background: var(--dk-surface) !important;
  border-color: var(--dk-line) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}
html[data-theme="dark"] .ma65-journey-card:hover,
body[data-theme="dark"] .ma65-journey-card:hover,
body.ma-dark-mode .ma65-journey-card:hover {
  background: #1a2332 !important;
  border-color: var(--dk-gold) !important;
  box-shadow: 0 8px 30px rgba(214, 174, 102, 0.15) !important;
}
html[data-theme="dark"] .ma65-journey-card strong,
body[data-theme="dark"] .ma65-journey-card strong,
body.ma-dark-mode .ma65-journey-card strong {
  color: var(--dk-title) !important;
}
html[data-theme="dark"] .ma65-journey-card span,
body[data-theme="dark"] .ma65-journey-card span,
body.ma-dark-mode .ma65-journey-card span {
  color: var(--dk-muted) !important;
}

/* Benefit, Application, Topic & Service Cards */
html[data-theme="dark"] .ma23-benefit,
html[data-theme="dark"] .ma23-application,
html[data-theme="dark"] .ma65-topic-card,
html[data-theme="dark"] .ma65-service-card,
body[data-theme="dark"] .ma23-benefit,
body[data-theme="dark"] .ma23-application,
body[data-theme="dark"] .ma65-topic-card,
body[data-theme="dark"] .ma65-service-card,
body.ma-dark-mode .ma23-benefit,
body.ma-dark-mode .ma23-application,
body.ma-dark-mode .ma65-topic-card,
body.ma-dark-mode .ma65-service-card {
  background: var(--dk-surface) !important;
  border: 1px solid var(--dk-line) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35) !important;
}
html[data-theme="dark"] .ma23-benefit:hover,
html[data-theme="dark"] .ma23-application:hover,
html[data-theme="dark"] .ma65-topic-card:hover,
body[data-theme="dark"] .ma23-benefit:hover,
body.ma-dark-mode .ma23-benefit:hover {
  border-color: var(--dk-gold) !important;
  box-shadow: 0 10px 32px rgba(214, 174, 102, 0.12) !important;
}
html[data-theme="dark"] .ma23-benefit h3,
html[data-theme="dark"] .ma23-application h3,
html[data-theme="dark"] .ma65-topic-body h3,
body[data-theme="dark"] .ma23-benefit h3,
body.ma-dark-mode .ma23-benefit h3 {
  color: var(--dk-title) !important;
}
html[data-theme="dark"] .ma23-benefit p,
html[data-theme="dark"] .ma23-application p,
html[data-theme="dark"] .ma65-topic-body p,
body[data-theme="dark"] .ma23-benefit p,
body.ma-dark-mode .ma23-benefit p {
  color: var(--dk-muted) !important;
}
html[data-theme="dark"] .ma65-topic-tag,
html[data-theme="dark"] .ma65-service-tag,
body[data-theme="dark"] .ma65-topic-tag,
body.ma-dark-mode .ma65-topic-tag {
  background: rgba(214, 174, 102, 0.18) !important;
  color: var(--dk-gold) !important;
  border: 1px solid var(--dk-gold-line) !important;
}

/* Category Banners */
html[data-theme="dark"] .ma65-cat-banner,
body[data-theme="dark"] .ma65-cat-banner,
body.ma-dark-mode .ma65-cat-banner {
  background: linear-gradient(135deg, #182230 0%, #101622 100%) !important;
  border-color: var(--dk-line) !important;
}

/* 5. Products & Catalog Chrome ---------------------------------------------- */
html[data-theme="dark"] .product-grid-item,
html[data-theme="dark"] .wd-product.product-grid-item,
html[data-theme="dark"] .ma23-product,
body[data-theme="dark"] .product-grid-item,
body.ma-dark-mode .product-grid-item {
  background-color: var(--dk-surface) !important;
  border: 1px solid var(--dk-line) !important;
}
html[data-theme="dark"] .product-grid-item:hover,
body[data-theme="dark"] .product-grid-item:hover,
body.ma-dark-mode .product-grid-item:hover {
  border-color: var(--dk-gold) !important;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.55) !important;
}
html[data-theme="dark"] .price,
html[data-theme="dark"] .price .amount,
html[data-theme="dark"] .woocommerce-Price-amount,
body[data-theme="dark"] .price,
body.ma-dark-mode .price {
  color: var(--dk-gold) !important;
}

/* Studio photography keeps crisp white background in dark mode */
html[data-theme="dark"] .product-image-summary .woocommerce-product-gallery .wd-carousel-item,
html[data-theme="dark"] .product-images .wd-carousel-item img,
html[data-theme="dark"] .product-grid-item .product-element-top,
body[data-theme="dark"] .product-image-summary .woocommerce-product-gallery .wd-carousel-item,
body[data-theme="dark"] .product-grid-item .product-element-top,
body.ma-dark-mode .product-grid-item .product-element-top {
  background-color: #ffffff !important;
  border-radius: 6px;
}

/* B2B Table Mode */
html[data-theme="dark"] .ma-catalog-b2b table,
body[data-theme="dark"] .ma-catalog-b2b table,
body.ma-dark-mode .ma-catalog-b2b table {
  background: var(--dk-surface) !important;
  border-color: var(--dk-line) !important;
}
html[data-theme="dark"] .ma-catalog-b2b th,
body[data-theme="dark"] .ma-catalog-b2b th,
body.ma-dark-mode .ma-catalog-b2b th {
  background: var(--dk-raised) !important;
  color: var(--dk-title) !important;
  border-color: var(--dk-line) !important;
}
html[data-theme="dark"] .ma-catalog-b2b td,
body[data-theme="dark"] .ma-catalog-b2b td,
body.ma-dark-mode .ma-catalog-b2b td {
  border-color: var(--dk-line) !important;
  color: var(--dk-text) !important;
}
html[data-theme="dark"] .ma-catalog-b2b tr:hover td,
body[data-theme="dark"] .ma-catalog-b2b tr:hover td,
body.ma-dark-mode .ma-catalog-b2b tr:hover td {
  background: rgba(214, 174, 102, 0.08) !important;
}

/* 6. Buttons & Interactive Controls ----------------------------------------- */
html[data-theme="dark"] .single_add_to_cart_button,
html[data-theme="dark"] .button.alt,
html[data-theme="dark"] .btn-color-primary,
html[data-theme="dark"] .wd-add-btn .button,
html[data-theme="dark"] .product-grid-item .add_to_cart_button,
html[data-theme="dark"] .checkout-button,
html[data-theme="dark"] .wpcf7-submit,
html[data-theme="dark"] .founda-request-send,
body[data-theme="dark"] .single_add_to_cart_button,
body.ma-dark-mode .single_add_to_cart_button {
  background-color: var(--dk-cta) !important;
  border-color: var(--dk-cta) !important;
  color: var(--dk-cta-ink) !important;
  font-weight: 700 !important;
}
html[data-theme="dark"] .single_add_to_cart_button:hover,
html[data-theme="dark"] .button.alt:hover,
html[data-theme="dark"] .product-grid-item .add_to_cart_button:hover,
html[data-theme="dark"] .founda-request-send:hover,
body[data-theme="dark"] .single_add_to_cart_button:hover,
body.ma-dark-mode .single_add_to_cart_button:hover {
  background-color: var(--dk-cta-hover) !important;
  border-color: var(--dk-cta-hover) !important;
}

/* Secondary CTA / Sample CTA */
html[data-theme="dark"] .founda-sample-cta,
body[data-theme="dark"] .founda-sample-cta,
body.ma-dark-mode .founda-sample-cta {
  background: var(--dk-raised) !important;
  border: 1px solid var(--dk-line) !important;
  color: var(--dk-muted) !important;
}
html[data-theme="dark"] .founda-sample-cta strong,
body[data-theme="dark"] .founda-sample-cta strong,
body.ma-dark-mode .founda-sample-cta strong {
  color: var(--dk-title) !important;
}
html[data-theme="dark"] .founda-sample-cta a.button,
body[data-theme="dark"] .founda-sample-cta a.button,
body.ma-dark-mode .founda-sample-cta a.button {
  background: #19222e !important;
  border: 1.5px solid var(--dk-gold-line) !important;
  color: var(--dk-gold) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;
  transition: all 0.2s ease !important;
}
html[data-theme="dark"] .founda-sample-cta a.button:hover,
body[data-theme="dark"] .founda-sample-cta a.button:hover,
body.ma-dark-mode .founda-sample-cta a.button:hover {
  background: var(--dk-gold-soft) !important;
  border-color: var(--dk-gold) !important;
  color: #ffffff !important;
}

/* 7. Forms, Inputs & Progressive Controls ---------------------------------- */
html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="tel"],
html[data-theme="dark"] input[type="number"],
html[data-theme="dark"] input[type="search"],
html[data-theme="dark"] input[type="password"],
html[data-theme="dark"] input[type="url"],
html[data-theme="dark"] textarea,
html[data-theme="dark"] select,
body[data-theme="dark"] input[type="text"],
body[data-theme="dark"] textarea,
body[data-theme="dark"] select,
body.ma-dark-mode input[type="text"],
body.ma-dark-mode textarea,
body.ma-dark-mode select {
  background-color: var(--dk-sunken) !important;
  color: var(--dk-text) !important;
  border-color: var(--dk-line-strong) !important;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder,
body[data-theme="dark"] input::placeholder,
body.ma-dark-mode input::placeholder {
  color: var(--dk-dim) !important;
}
html[data-theme="dark"] input:focus,
html[data-theme="dark"] textarea:focus,
html[data-theme="dark"] select:focus,
body[data-theme="dark"] input:focus,
body.ma-dark-mode input:focus {
  border-color: var(--dk-gold) !important;
  box-shadow: 0 0 0 3px var(--dk-gold-soft) !important;
}
html[data-theme="dark"] .quantity .minus,
html[data-theme="dark"] .quantity .plus,
html[data-theme="dark"] .quantity input.qty,
body[data-theme="dark"] .quantity input.qty,
body.ma-dark-mode .quantity input.qty {
  background-color: var(--dk-raised) !important;
  border-color: var(--dk-line-strong) !important;
  color: var(--dk-text) !important;
}

/* Founda RFQ Form & Intake */
html[data-theme="dark"] .founda-rfq,
html[data-theme="dark"] .founda-request-form,
html[data-theme="dark"] .ma26-intake-guide,
body[data-theme="dark"] .founda-rfq,
body.ma-dark-mode .founda-rfq {
  background: var(--dk-surface) !important;
  border-color: var(--dk-line) !important;
  color: var(--dk-text) !important;
}
html[data-theme="dark"] .founda-picker,
body[data-theme="dark"] .founda-picker,
body.ma-dark-mode .founda-picker {
  background: var(--dk-raised) !important;
  border-color: var(--dk-line) !important;
}

/* 8. Sticky B2B Quote Tray -------------------------------------------------- */
html[data-theme="dark"] .ma65-quote-tray,
body[data-theme="dark"] .ma65-quote-tray,
body.ma-dark-mode .ma65-quote-tray {
  background: rgba(19, 26, 36, 0.95) !important;
  backdrop-filter: blur(12px) !important;
  border-top: 1px solid var(--dk-gold-line) !important;
  box-shadow: 0 -10px 34px rgba(0, 0, 0, 0.6) !important;
}
html[data-theme="dark"] .ma65-quote-tray strong,
body[data-theme="dark"] .ma65-quote-tray strong,
body.ma-dark-mode .ma65-quote-tray strong {
  color: var(--dk-title) !important;
}
html[data-theme="dark"] .ma65-quote-tray small,
body[data-theme="dark"] .ma65-quote-tray small,
body.ma-dark-mode .ma65-quote-tray small {
  color: var(--dk-muted) !important;
}
html[data-theme="dark"] .ma65-tray-sample,
body[data-theme="dark"] .ma65-tray-sample,
body.ma-dark-mode .ma65-tray-sample {
  background: var(--dk-raised) !important;
  border-color: var(--dk-line) !important;
  color: var(--dk-text) !important;
}
html[data-theme="dark"] .ma65-tray-submit,
body[data-theme="dark"] .ma65-tray-submit,
body.ma-dark-mode .ma65-tray-submit {
  background: var(--dk-cta) !important;
  color: var(--dk-cta-ink) !important;
  font-weight: 700 !important;
}

/* 9. B2B Studio Mockup Overrides -------------------------------------------- */
html[data-theme="dark"] .ma-mockup-dialog,
body[data-theme="dark"] .ma-mockup-dialog,
body.ma-dark-mode .ma-mockup-dialog {
  background: var(--dk-surface) !important;
  color: var(--dk-text) !important;
  border-color: var(--dk-line) !important;
}
html[data-theme="dark"] .ma-mockup-header,
html[data-theme="dark"] .ma-mockup-footer,
body[data-theme="dark"] .ma-mockup-header,
body.ma-dark-mode .ma-mockup-header {
  border-color: var(--dk-line) !important;
}
html[data-theme="dark"] .ma-mockup-panel,
body[data-theme="dark"] .ma-mockup-panel,
body.ma-dark-mode .ma-mockup-panel {
  background: #0f1520 !important;
}
html[data-theme="dark"] .ma-mockup-chip,
body[data-theme="dark"] .ma-mockup-chip,
body.ma-dark-mode .ma-mockup-chip {
  background: var(--dk-raised) !important;
  border-color: var(--dk-line) !important;
  color: var(--dk-text) !important;
}
html[data-theme="dark"] .ma-mockup-chip.is-active,
body[data-theme="dark"] .ma-mockup-chip.is-active,
body.ma-dark-mode .ma-mockup-chip.is-active {
  background: var(--dk-gold) !important;
  border-color: var(--dk-gold) !important;
  color: var(--dk-cta-ink) !important;
}
html[data-theme="dark"] .ma-mockup-disclaimer,
body[data-theme="dark"] .ma-mockup-disclaimer,
body.ma-dark-mode .ma-mockup-disclaimer {
  background: #182230 !important;
  color: var(--dk-muted) !important;
}

/* 10. Footer & Legal -------------------------------------------------------- */
html[data-theme="dark"] .footer-container,
html[data-theme="dark"] .wd-footer,
html[data-theme="dark"] .main-footer,
html[data-theme="dark"] .copyrights-wrapper,
html[data-theme="dark"] .wd-copyrights,
body[data-theme="dark"] .footer-container,
body.ma-dark-mode .footer-container {
  background-color: #070a0f !important;
  color: var(--dk-muted) !important;
  border-color: var(--dk-line) !important;
}
html[data-theme="dark"] .footer-container .widget-title,
html[data-theme="dark"] .footer-container h1,
html[data-theme="dark"] .footer-container h2,
html[data-theme="dark"] .footer-container h3,
html[data-theme="dark"] .footer-container strong,
body[data-theme="dark"] .footer-container strong {
  color: var(--dk-title) !important;
}
html[data-theme="dark"] .footer-container a,
body[data-theme="dark"] .footer-container a {
  color: var(--dk-muted) !important;
}
html[data-theme="dark"] .footer-container a:hover,
body[data-theme="dark"] .footer-container a:hover {
  color: var(--dk-gold) !important;
}

/* 11. Theme Toggle ---------------------------------------------------------- */
.ma-theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 36px;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid #d9ded2;
  background: #ffffff;
  color: #202a28;
  font: 600 13px/1 Manrope, system-ui, sans-serif;
  cursor: pointer;
  transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;
  user-select: none;
  white-space: nowrap;
}
.ma-theme-toggle:hover {
  border-color: #795b29;
  color: #795b29;
}
.ma-theme-toggle span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.ma-theme-toggle .ma-svg-icon {
  width: 15px;
  height: 15px;
  vertical-align: middle;
}
.ma-theme-toggle--floating {
  position: fixed;
  right: 20px;
  bottom: 88px;
  z-index: 9990;
  box-shadow: 0 6px 20px rgba(15, 20, 28, 0.18);
}
html[data-theme="dark"] .ma-theme-toggle,
body[data-theme="dark"] .ma-theme-toggle,
body.ma-dark-mode .ma-theme-toggle {
  background: var(--dk-raised) !important;
  border-color: var(--dk-gold-line) !important;
  color: var(--dk-gold) !important;
}
html[data-theme="dark"] .ma-theme-toggle:hover,
body[data-theme="dark"] .ma-theme-toggle:hover,
body.ma-dark-mode .ma-theme-toggle:hover {
  border-color: var(--dk-gold) !important;
  color: var(--dk-gold-hover) !important;
}


/* 12. B2B Form & Visual Hierarchy Redesign (v70) Dark Overrides ------------ */
html[data-theme="dark"] .founda-form-stage,
html[data-theme="dark"] .founda-request-stage,
html[data-theme="dark"] .ma-contact-kicker,
body[data-theme="dark"] .founda-form-stage,
body[data-theme="dark"] .founda-request-stage,
body[data-theme="dark"] .ma-contact-kicker,
body.ma-dark-mode .founda-form-stage,
body.ma-dark-mode .founda-request-stage,
body.ma-dark-mode .ma-contact-kicker {
  background: rgba(214, 174, 102, 0.16) !important;
  color: #d6ae66 !important;
  border-color: rgba(214, 174, 102, 0.35) !important;
}

html[data-theme="dark"] .founda-request > header h2,
html[data-theme="dark"] .ma-contact-cta-copy h2,
body[data-theme="dark"] .founda-request > header h2,
body[data-theme="dark"] .ma-contact-cta-copy h2,
body.ma-dark-mode .founda-request > header h2,
body.ma-dark-mode .ma-contact-cta-copy h2 {
  color: #f8fafc !important;
}

html[data-theme="dark"] .founda-request legend,
body[data-theme="dark"] .founda-request legend,
body.ma-dark-mode .founda-request legend {
  color: #f1f5f9 !important;
  border-color: #263346 !important;
}

/* Intake Guide in Dark Mode */
html[data-theme="dark"] .ma26-intake-guide,
html[data-theme="dark"] body.ma-contact-page .ma-contact-drawer-panel .ma26-intake-guide,
body[data-theme="dark"] .ma26-intake-guide,
body[data-theme="dark"] .ma-contact-drawer-panel .ma26-intake-guide,
body.ma-dark-mode .ma26-intake-guide,
body.ma-dark-mode .ma-contact-drawer-panel .ma26-intake-guide {
  background: #151d2a !important;
  border-color: #384a64 !important;
  color: #e8edf2 !important;
}

html[data-theme="dark"] .ma26-intake-guide h2,
body[data-theme="dark"] .ma26-intake-guide h2,
body.ma-dark-mode .ma26-intake-guide h2,
html[data-theme="dark"] .ma26-intake-guide p,
body[data-theme="dark"] .ma26-intake-guide p,
body.ma-dark-mode .ma26-intake-guide p {
  color: #e8edf2 !important;
}

/* Close button in dark mode */
html[data-theme="dark"] .ma-contact-drawer-close,
body[data-theme="dark"] .ma-contact-drawer-close,
body.ma-dark-mode .ma-contact-drawer-close {
  background: #19222e !important;
  border-color: #36465c !important;
  color: #e8edf2 !important;
}

html[data-theme="dark"] .ma-contact-drawer-close:hover,
body[data-theme="dark"] .ma-contact-drawer-close:hover,
body.ma-dark-mode .ma-contact-drawer-close:hover {
  background: #233144 !important;
  border-color: #d6ae66 !important;
  color: #d6ae66 !important;
}

/* Stepper in Dark Mode */
html[data-theme="dark"] .founda-request .founda-stepper li,
body[data-theme="dark"] .founda-request .founda-stepper li,
body.ma-dark-mode .founda-request .founda-stepper li {
  background: #151c28 !important;
  border-color: #263346 !important;
  color: #94a3b8 !important;
}

html[data-theme="dark"] .founda-request .founda-stepper li[aria-current],
body[data-theme="dark"] .founda-request .founda-stepper li[aria-current],
body.ma-dark-mode .founda-request .founda-stepper li[aria-current] {
  background: rgba(214, 174, 102, 0.16) !important;
  border-color: #d6ae66 !important;
  color: #d6ae66 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4) !important;
}

/* Step Card Containers in Dark Mode */
html[data-theme="dark"] .founda-request .founda-request-step,
body[data-theme="dark"] .founda-request .founda-request-step,
body.ma-dark-mode .founda-request .founda-request-step {
  background: #131a24 !important;
  border-color: #263346 !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

/* Catalog Picker Toggle in Dark Mode */
html[data-theme="dark"] .wp-theme-minhanh .founda-rfq button.ma-progressive-trigger--picker,
html[data-theme="dark"] .founda-request button.ma-progressive-trigger--picker,
html[data-theme="dark"] button.ma-progressive-trigger--picker,
body[data-theme="dark"] .wp-theme-minhanh .founda-rfq button.ma-progressive-trigger--picker,
body[data-theme="dark"] .founda-request button.ma-progressive-trigger--picker,
body[data-theme="dark"] button.ma-progressive-trigger--picker,
body.ma-dark-mode .wp-theme-minhanh .founda-rfq button.ma-progressive-trigger--picker,
body.ma-dark-mode .founda-request button.ma-progressive-trigger--picker,
body.ma-dark-mode button.ma-progressive-trigger--picker {
  background: #151c28 !important;
  border-color: #d6ae66 !important;
  color: #f1f5f9 !important;
}

html[data-theme="dark"] .wp-theme-minhanh .founda-rfq button.ma-progressive-trigger--picker:hover,
body[data-theme="dark"] .wp-theme-minhanh .founda-rfq button.ma-progressive-trigger--picker:hover,
body.ma-dark-mode .wp-theme-minhanh .founda-rfq button.ma-progressive-trigger--picker:hover {
  background: #1d2737 !important;
  border-color: #e2be7a !important;
}

html[data-theme="dark"] .ma-progressive-trigger-title,
body[data-theme="dark"] .ma-progressive-trigger-title,
body.ma-dark-mode .ma-progressive-trigger-title {
  color: #f1f5f9 !important;
}

html[data-theme="dark"] .ma-progressive-trigger-badge,
body[data-theme="dark"] .ma-progressive-trigger-badge,
body.ma-dark-mode .ma-progressive-trigger-badge {
  background: rgba(214, 174, 102, 0.2) !important;
  color: #d6ae66 !important;
}

/* Intake Guide Button in Dark Mode */
html[data-theme="dark"] .ma26-actions :is(a, button),
html[data-theme="dark"] .ma26-actions > :first-child,
body[data-theme="dark"] .ma26-actions :is(a, button),
body[data-theme="dark"] .ma26-actions > :first-child,
body.ma-dark-mode .ma26-actions :is(a, button),
body.ma-dark-mode .ma26-actions > :first-child {
  background: #19222e !important;
  border-color: #d6ae66 !important;
  color: #d6ae66 !important;
}

html[data-theme="dark"] .ma26-actions :is(a, button):hover,
body[data-theme="dark"] .ma26-actions :is(a, button):hover,
body.ma-dark-mode .ma26-actions :is(a, button):hover {
  background: #d6ae66 !important;
  color: #0b0f15 !important;
}

/* Primary CTA Buttons in Dark Mode */
html[data-theme="dark"] .wp-theme-minhanh .founda-rfq button.founda-request-send,
html[data-theme="dark"] .founda-request .founda-request-send,
html[data-theme="dark"] .wp-theme-minhanh .founda-rfq button[type="submit"],
html[data-theme="dark"] .founda-request button[type="submit"],
html[data-theme="dark"] .founda-step-controls button[data-step-next],
body[data-theme="dark"] .wp-theme-minhanh .founda-rfq button.founda-request-send,
body[data-theme="dark"] .founda-request .founda-request-send,
body[data-theme="dark"] .wp-theme-minhanh .founda-rfq button[type="submit"],
body[data-theme="dark"] .founda-request button[type="submit"],
body[data-theme="dark"] .founda-step-controls button[data-step-next],
body.ma-dark-mode .wp-theme-minhanh .founda-rfq button.founda-request-send,
body.ma-dark-mode .founda-request .founda-request-send,
body.ma-dark-mode .wp-theme-minhanh .founda-rfq button[type="submit"],
body.ma-dark-mode .founda-request button[type="submit"],
body.ma-dark-mode .founda-step-controls button[data-step-next] {
  background: #d6ae66 !important;
  border-color: #d6ae66 !important;
  color: #0b0f15 !important;
  box-shadow: 0 4px 14px rgba(214, 174, 102, 0.3) !important;
}

html[data-theme="dark"] .wp-theme-minhanh .founda-rfq button.founda-request-send:hover,
html[data-theme="dark"] .founda-step-controls button[data-step-next]:hover,
body[data-theme="dark"] .wp-theme-minhanh .founda-rfq button.founda-request-send:hover,
body[data-theme="dark"] .founda-step-controls button[data-step-next]:hover,
body.ma-dark-mode .wp-theme-minhanh .founda-rfq button.founda-request-send:hover,
body.ma-dark-mode .founda-step-controls button[data-step-next]:hover {
  background: #ebd292 !important;
  border-color: #ebd292 !important;
}

/* Secondary Actions in Dark Mode */
html[data-theme="dark"] body.ma-design-v23 .founda-request .founda-step-controls [data-step-back],
html[data-theme="dark"] .founda-step-controls [data-step-back],
html[data-theme="dark"] .wp-theme-minhanh .founda-rfq button[data-step-goto],
html[data-theme="dark"] .founda-request button[data-step-goto],
html[data-theme="dark"] .founda-rfq-edit-trigger,
html[data-theme="dark"] .wp-theme-minhanh .founda-rfq button.ma26-selection-return,
html[data-theme="dark"] .founda-request button.ma26-selection-return,
html[data-theme="dark"] button.ma26-selection-return,
body[data-theme="dark"] body.ma-design-v23 .founda-request .founda-step-controls [data-step-back],
body[data-theme="dark"] .founda-step-controls [data-step-back],
body[data-theme="dark"] .wp-theme-minhanh .founda-rfq button[data-step-goto],
body[data-theme="dark"] .founda-request button[data-step-goto],
body[data-theme="dark"] .founda-rfq-edit-trigger,
body[data-theme="dark"] .wp-theme-minhanh .founda-rfq button.ma26-selection-return,
body[data-theme="dark"] .founda-request button.ma26-selection-return,
body[data-theme="dark"] button.ma26-selection-return,
body.ma-dark-mode body.ma-design-v23 .founda-request .founda-step-controls [data-step-back],
body.ma-dark-mode .founda-step-controls [data-step-back],
body.ma-dark-mode .wp-theme-minhanh .founda-rfq button[data-step-goto],
body.ma-dark-mode .founda-request button[data-step-goto],
body.ma-dark-mode .founda-rfq-edit-trigger,
body.ma-dark-mode .wp-theme-minhanh .founda-rfq button.ma26-selection-return,
body.ma-dark-mode .founda-request button.ma26-selection-return,
body.ma-dark-mode button.ma26-selection-return {
  background: #19222e !important;
  border-color: #36465c !important;
  color: #cbd5e1 !important;
}

html[data-theme="dark"] body.ma-design-v23 .founda-request .founda-step-controls [data-step-back]:hover,
html[data-theme="dark"] button.ma26-selection-return:hover,
body[data-theme="dark"] body.ma-design-v23 .founda-request .founda-step-controls [data-step-back]:hover,
body[data-theme="dark"] button.ma26-selection-return:hover,
body.ma-dark-mode body.ma-design-v23 .founda-request .founda-step-controls [data-step-back]:hover,
body.ma-dark-mode button.ma26-selection-return:hover {
  background: #233144 !important;
  border-color: #4b6180 !important;
  color: #f1f5f9 !important;
}

/* List Actions in Dark Mode */
html[data-theme="dark"] .wp-theme-minhanh .founda-rfq .founda-request-list-actions :is(a, button),
html[data-theme="dark"] body.ma-design-v23 .founda-request .founda-request-list-actions :is(a, button),
html[data-theme="dark"] .founda-request .founda-request-list-actions :is(a, button),
body[data-theme="dark"] .wp-theme-minhanh .founda-rfq .founda-request-list-actions :is(a, button),
body[data-theme="dark"] body.ma-design-v23 .founda-request .founda-request-list-actions :is(a, button),
body[data-theme="dark"] .founda-request .founda-request-list-actions :is(a, button),
body.ma-dark-mode .wp-theme-minhanh .founda-rfq .founda-request-list-actions :is(a, button),
body.ma-dark-mode body.ma-design-v23 .founda-request .founda-request-list-actions :is(a, button),
body.ma-dark-mode .founda-request .founda-request-list-actions :is(a, button) {
  background: #19222e !important;
  border-color: #36465c !important;
  color: #e8edf2 !important;
}

html[data-theme="dark"] .wp-theme-minhanh .founda-rfq .founda-request-list-actions :is(a, button):hover,
body[data-theme="dark"] .wp-theme-minhanh .founda-rfq .founda-request-list-actions :is(a, button):hover,
body.ma-dark-mode .wp-theme-minhanh .founda-rfq .founda-request-list-actions :is(a, button):hover {
  background: #233144 !important;
  border-color: #d6ae66 !important;
  color: #d6ae66 !important;
}

html[data-theme="dark"] .founda-request .ma28-list-action:nth-child(3),
body[data-theme="dark"] .founda-request .ma28-list-action:nth-child(3),
body.ma-dark-mode .founda-request .ma28-list-action:nth-child(3) {
  background: #182230 !important;
  border-color: #384a64 !important;
}

/* Notice Box / MOQ Box in Dark Mode */
html[data-theme="dark"] .founda-rfq-moq,
html[data-theme="dark"] #founda-rfq-cart,
body[data-theme="dark"] .founda-rfq-moq,
body[data-theme="dark"] #founda-rfq-cart,
body.ma-dark-mode .founda-rfq-moq,
body.ma-dark-mode #founda-rfq-cart {
  background: #1a1e24 !important;
  border-color: #3d362a !important;
  border-left-color: #d6ae66 !important;
  color: #e2d7c5 !important;
}

html[data-theme="dark"] body.ma-ux-v65 .founda-rfq-moq a,
body[data-theme="dark"] body.ma-ux-v65 .founda-rfq-moq a,
body.ma-dark-mode body.ma-ux-v65 .founda-rfq-moq a {
  background: #d6ae66 !important;
  color: #0b0f15 !important;
}

html[data-theme="dark"] body.ma-ux-v65 .founda-rfq-moq a.ma65-empty-rfp-link,
body[data-theme="dark"] body.ma-ux-v65 .founda-rfq-moq a.ma65-empty-rfp-link,
body.ma-dark-mode body.ma-ux-v65 .founda-rfq-moq a.ma65-empty-rfp-link {
  background: #19222e !important;
  border-color: #36465c !important;
  color: #cbd5e1 !important;
}

/* Form Inputs, Selects & Textareas in Dark Mode */
html[data-theme="dark"] .founda-request input[type="text"],
html[data-theme="dark"] .founda-request input[type="email"],
html[data-theme="dark"] .founda-request input[type="tel"],
html[data-theme="dark"] .founda-request input[type="number"],
html[data-theme="dark"] .founda-request select,
html[data-theme="dark"] .founda-request textarea,
html[data-theme="dark"] .wpcf7 input[type="text"],
html[data-theme="dark"] .wpcf7 input[type="email"],
html[data-theme="dark"] .wpcf7 input[type="tel"],
html[data-theme="dark"] .wpcf7 textarea,
body[data-theme="dark"] .founda-request input[type="text"],
body[data-theme="dark"] .founda-request input[type="email"],
body[data-theme="dark"] .founda-request input[type="tel"],
body[data-theme="dark"] .founda-request input[type="number"],
body[data-theme="dark"] .founda-request select,
body[data-theme="dark"] .founda-request textarea,
body[data-theme="dark"] .wpcf7 input[type="text"],
body[data-theme="dark"] .wpcf7 input[type="email"],
body[data-theme="dark"] .wpcf7 input[type="tel"],
body[data-theme="dark"] .wpcf7 textarea,
body.ma-dark-mode .founda-request input[type="text"],
body.ma-dark-mode .founda-request input[type="email"],
body.ma-dark-mode .founda-request input[type="tel"],
body.ma-dark-mode .founda-request input[type="number"],
body.ma-dark-mode .founda-request select,
body.ma-dark-mode .founda-request textarea,
body.ma-dark-mode .wpcf7 input[type="text"],
body.ma-dark-mode .wpcf7 input[type="email"],
body.ma-dark-mode .wpcf7 input[type="tel"],
body.ma-dark-mode .wpcf7 textarea {
  background: #0f141c !important;
  border-color: #2a3749 !important;
  color: #f1f5f9 !important;
}

html[data-theme="dark"] .founda-request input:focus,
html[data-theme="dark"] .founda-request select:focus,
html[data-theme="dark"] .founda-request textarea:focus,
body[data-theme="dark"] .founda-request input:focus,
body[data-theme="dark"] .founda-request select:focus,
body[data-theme="dark"] .founda-request textarea:focus,
body.ma-dark-mode .founda-request input:focus,
body.ma-dark-mode .founda-request select:focus,
body.ma-dark-mode .founda-request textarea:focus {
  border-color: #d6ae66 !important;
  box-shadow: 0 0 0 3px rgba(214, 174, 102, 0.25) !important;
}

/* Stepper Controls in Dark Mode */
html[data-theme="dark"] body.ma-design-v23 .founda-request .founda-step-controls,
html[data-theme="dark"] .founda-request .founda-step-controls,
body[data-theme="dark"] body.ma-design-v23 .founda-request .founda-step-controls,
body[data-theme="dark"] .founda-request .founda-step-controls,
body.ma-dark-mode body.ma-design-v23 .founda-request .founda-step-controls,
body.ma-dark-mode .founda-request .founda-step-controls {
  background: #131a24 !important;
  border-color: #263346 !important;
}

/* Company Card in Dark Mode */
html[data-theme="dark"] .ma-company,
html[data-theme="dark"] .founda-contact-card,
body[data-theme="dark"] .ma-company,
body[data-theme="dark"] .founda-contact-card,
body.ma-dark-mode .ma-company,
body.ma-dark-mode .founda-contact-card {
  background: #131a24 !important;
  border-color: #263346 !important;
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .ma-company .ma-company-name,
html[data-theme="dark"] .founda-contact-card h3,
body[data-theme="dark"] .ma-company .ma-company-name,
body[data-theme="dark"] .founda-contact-card h3,
body.ma-dark-mode .ma-company .ma-company-name,
body.ma-dark-mode .founda-contact-card h3 {
  color: #f8fafc !important;
}

html[data-theme="dark"] .ma-company .ma-company-label,
body[data-theme="dark"] .ma-company .ma-company-label,
body.ma-dark-mode .ma-company .ma-company-label {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .ma-company a,
body[data-theme="dark"] .ma-company a,
body.ma-dark-mode .ma-company a {
  color: #d6ae66 !important;
}