/* ==========================================================================
   MOLVIZADAH SONS — LIGHT / DARK THEME SYSTEM
   Applies dark mode styles strictly to eligible main content sections.
   Header & Footer remain 100% untouched and protected.
   ========================================================================== */

/* Theme Toggle Button Styling */
.ms-theme-toggle-btn {
    border-radius: 9999px;
    width: 40px;
    height: 40px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    outline: none;
}

.ms-theme-toggle-btn:hover {
    transform: scale(1.1);
}

.ms-theme-toggle-btn svg {
    width: 20px;
    height: 20px;
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s ease;
    display: none !important;
}

/* ── Light / Default Theme Toggle Button (Golden #C79A5B + White Moon Icon) ── */
html:not([data-theme="dark"]):not([data-theme="blue"]):not([data-theme="green"]):not([data-theme="terracotta"]) .ms-theme-toggle-btn,
html[data-theme="light"] .ms-theme-toggle-btn {
    background-color: #C79A5B !important;
    background: #C79A5B !important;
    border: 1.5px solid #C79A5B !important;
    box-shadow: 0 4px 14px rgba(199, 154, 91, 0.45) !important;
}
html:not([data-theme="dark"]):not([data-theme="blue"]):not([data-theme="green"]):not([data-theme="terracotta"]) .ms-theme-toggle-btn .icon-moon,
html[data-theme="light"] .ms-theme-toggle-btn .icon-moon {
    display: block !important;
    color: #FFFFFF !important;
    stroke: #FFFFFF !important;
}

/* ── Dark Theme Toggle Button (Dark #181818 + Blue Droplet Icon) ── */
html[data-theme="dark"] .ms-theme-toggle-btn {
    background-color: #181818 !important;
    background: #181818 !important;
    border: 1.5px solid #1142AF !important;
    box-shadow: 0 4px 14px rgba(17, 66, 175, 0.4) !important;
}
html[data-theme="dark"] .ms-theme-toggle-btn .icon-blue {
    display: block !important;
    color: #1142AF !important;
    stroke: #1142AF !important;
}

/* ── Blue Theme Toggle Button (Rich Blue #1142AF + White Green Leaf Icon) ── */
html[data-theme="blue"] .ms-theme-toggle-btn {
    background-color: #1142AF !important;
    background: #1142AF !important;
    border: 1.5px solid #1142AF !important;
    box-shadow: 0 4px 14px rgba(17, 66, 175, 0.45) !important;
}
html[data-theme="blue"] .ms-theme-toggle-btn .icon-green {
    display: block !important;
    color: #FFFFFF !important;
    stroke: #FFFFFF !important;
}

/* ── Green Theme Toggle Button (Emerald Green #23A455 + White Terracotta Flame Icon) ── */
html[data-theme="green"] .ms-theme-toggle-btn {
    background-color: #23A455 !important;
    background: #23A455 !important;
    border: 1.5px solid #23A455 !important;
    box-shadow: 0 4px 14px rgba(35, 164, 85, 0.45) !important;
}
html[data-theme="green"] .ms-theme-toggle-btn .icon-terracotta {
    display: block !important;
    color: #FFFFFF !important;
    stroke: #FFFFFF !important;
}

/* ── Terracotta Theme Toggle Button (Terracotta #C05C3E + White Sun Icon) ── */
html[data-theme="terracotta"] .ms-theme-toggle-btn {
    background-color: #C05C3E !important;
    background: #C05C3E !important;
    border: 1.5px solid #C05C3E !important;
    box-shadow: 0 4px 14px rgba(192, 92, 62, 0.45) !important;
}
html[data-theme="terracotta"] .ms-theme-toggle-btn .icon-sun {
    display: block !important;
    color: #FFFFFF !important;
    stroke: #FFFFFF !important;
}

/* Floating Theme Toggle Container (Bottom Right) */
.ms-theme-floating-toggle {
    position: fixed;
    bottom: 28px;
    right: 28px;
    z-index: 999999;
}

.ms-theme-floating-toggle .ms-theme-toggle-btn {
    width: 48px;
    height: 48px;
}

/* Base Transition for Smooth Mode Switching */
html.ms-theme-animating body,
html.ms-theme-animating body * {
    transition: background-color 0.35s ease, color 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease !important;
}

/* ==========================================================================
   1. GLOBAL OFFICES IN LIGHT THEME — DISTINCT WHITE CARD BOXES
   ========================================================================== */

.gn-office-card,
html:not([data-theme="dark"]) .gn-office-card,
html[data-theme="light"] .gn-office-card {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
    border-radius: 10px !important;
    padding: 1.25rem !important;
    border: 1px solid #EAE7E1 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
}

.gn-office-card:hover,
html:not([data-theme="dark"]) .gn-office-card:hover,
html[data-theme="light"] .gn-office-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.08) !important;
    border-color: #C8A15A !important;
}

/* ==========================================================================
   2. HERO BANNER LIGHT MODE (FORCED BLACK TEXT #102A1D + NO TEXT SHADOW)
   ========================================================================== */

html[data-theme="light"] .ms-au-hero-title,
html[data-theme="light"] .ms-cr-hero-title,
html[data-theme="light"] .gn-hero-title,
html[data-theme="light"] h1.ms-au-hero-title,
html[data-theme="light"] h1.ms-cr-hero-title,
html[data-theme="light"] h1.gn-hero-title,
html[data-theme="light"] .ms-au-hero-left .ms-au-hero-title,
html[data-theme="light"] .ms-cr-hero-left .ms-cr-hero-title,
html[data-theme="light"] .ms-cp-hero-title {
    color: #102A1D !important;
    text-shadow: none !important;
}

html[data-theme="light"] .ms-au-hero-desc,
html[data-theme="light"] .ms-cr-hero-desc,
html[data-theme="light"] .gn-hero-desc,
html[data-theme="light"] .ms-au-hero-desc p,
html[data-theme="light"] .ms-cr-hero-desc p,
html[data-theme="light"] .ms-au-hero-left .ms-au-hero-desc,
html[data-theme="light"] .ms-cr-hero-left .ms-cr-hero-desc,
html[data-theme="light"] .ms-cp-hero-desc {
    color: #555555 !important;
    text-shadow: none !important;
}

/* ==========================================================================
   3. HERO BANNER DARK MODE (FORCED DARK BACKGROUND #0B0D11 + WHITE TEXT #FFFFFF)
   ========================================================================== */

html[data-theme="dark"] .ms-au-hero,
html[data-theme="dark"] .ms-cr-hero,
html[data-theme="dark"] .gn-hero-section,
html[data-theme="dark"] .ms-cp-hero,
html[data-theme="dark"] .ms-commodity-hero,
html[data-theme="dark"] #ms-au-hero,
html[data-theme="dark"] #ms-cr-hero,
html[data-theme="dark"] #gn-hero {
    position: relative !important;
    background-color: #0B0D11 !important;
    background: #0B0D11 !important;
    overflow: hidden !important;
}

html[data-theme="dark"] .ms-au-hero-bg-img,
html[data-theme="dark"] .ms-cr-hero-bg-img,
html[data-theme="dark"] .ms-cp-hero-bg-img,
html[data-theme="dark"] .gn-hero-bg-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
}

html[data-theme="dark"] .ms-au-hero-fade,
html[data-theme="dark"] .ms-cr-hero-fade,
html[data-theme="dark"] .ms-cp-hero-fade,
/* html[data-theme="dark"] .gn-hero-bottom-gradient, */
/* html[data-theme="dark"] .gn-hero-section::before, */
html[data-theme="dark"] #gn-hero::before,
html[data-theme="dark"] .ms-au-hero::before,
html[data-theme="dark"] #ms-au-hero::before,
html[data-theme="dark"] .ms-cr-hero::before,
html[data-theme="dark"] #ms-cr-hero::before,
html[data-theme="dark"] .ms-cp-hero::before,
html[data-theme="dark"] #ms-cp-hero::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    background: linear-gradient(to right, rgba(11, 13, 17, 0.85) 0%, rgba(11, 13, 17, 0.6) 45%, rgba(11, 13, 17, 0.2) 75%, rgba(11, 13, 17, 0) 100%) !important;
    pointer-events: none !important;
    opacity: 1 !important;
    display: block !important;
}

html[data-theme="dark"] .ms-au-hero-inner,
html[data-theme="dark"] .ms-cr-hero-inner,
html[data-theme="dark"] .ms-cp-hero-inner,
html[data-theme="dark"] .gn-hero-container,
html[data-theme="dark"] .gn-hero-content-inner {
    position: relative !important;
    z-index: 10 !important;
}

html[data-theme="dark"] .ms-au-hero .ms-au-hero-left,
html[data-theme="dark"] .ms-cr-hero .ms-cr-hero-left,
html[data-theme="dark"] .ms-cp-hero .ms-cp-hero-left,
html[data-theme="dark"] .ms-au-hero-left,
html[data-theme="dark"] .ms-cr-hero-left,
html[data-theme="dark"] .ms-cp-hero-left,
html[data-theme="dark"] .gn-hero-content-panel,
html[data-theme="dark"] .gn-hero-content-inner {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    position: relative !important;
    z-index: 11 !important;
}

/* 1. Contact Page Hero Title (.ms-cp-hero-title) — Specificity (0, 5, 3) defeating Elementor (0, 4, 0) */
html[data-theme="dark"] .ms-cp-hero-title,
html[data-theme="dark"] body.elementor-page div.elementor-element div.elementor-widget-container .ms-cp-hero-title,
html[data-theme="dark"] body div.elementor-element.elementor-element div.elementor-widget-container .ms-cp-hero-title,
html[data-theme="dark"] body .elementor-section .elementor-column .elementor-widget .ms-cp-hero-title,
html[data-theme="dark"] body .elementor-container .elementor-column .elementor-widget-container .ms-cp-hero-title,
html[data-theme="dark"] body [data-elementor-id] .elementor-element.elementor-element .ms-cp-hero-title,
html[data-theme="dark"] body [class*="elementor"] .elementor-element.elementor-element .ms-cp-hero-title {
    color: #FFFFFF !important;
    position: relative !important;
    z-index: 12 !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.7) !important;
}

/* 2. Contact Page Hero Description (.ms-cp-hero-desc) — Specificity (0, 5, 3) defeating Elementor (0, 4, 0) */
html[data-theme="dark"] .ms-cp-hero-desc,
html[data-theme="dark"] body.elementor-page div.elementor-element div.elementor-widget-container .ms-cp-hero-desc,
html[data-theme="dark"] body div.elementor-element.elementor-element div.elementor-widget-container .ms-cp-hero-desc,
html[data-theme="dark"] body .elementor-section .elementor-column .elementor-widget .ms-cp-hero-desc,
html[data-theme="dark"] body .elementor-container .elementor-column .elementor-widget-container .ms-cp-hero-desc,
html[data-theme="dark"] body [data-elementor-id] .elementor-element.elementor-element .ms-cp-hero-desc,
html[data-theme="dark"] body [class*="elementor"] .elementor-element.elementor-element .ms-cp-hero-desc {
    color: #E2E8F0 !important;
    position: relative !important;
    z-index: 12 !important;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.6) !important;
}

/* Contact Page Info Strip & Bottom Cards - Dedicated Separate Rules */
html[data-theme="dark"] .ms-cp-info-strip,
html[data-theme="dark"] body.elementor-page div.elementor-element div.elementor-widget-container .ms-cp-info-strip,
html[data-theme="dark"] body div.elementor-element.elementor-element div.elementor-widget-container .ms-cp-info-strip {
    background-color: #0B0D11 !important;
    background: #0B0D11 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-theme="dark"] .ms-cp-info-label,
html[data-theme="dark"] body.elementor-page div.elementor-element div.elementor-widget-container .ms-cp-info-label,
html[data-theme="dark"] body div.elementor-element.elementor-element div.elementor-widget-container .ms-cp-info-label,
html[data-theme="dark"] body [data-elementor-id] .elementor-element.elementor-element .ms-cp-info-label {
    color: #C8A15A !important;
}

html[data-theme="dark"] .ms-cp-info-text,
html[data-theme="dark"] body.elementor-page div.elementor-element div.elementor-widget-container .ms-cp-info-text,
html[data-theme="dark"] body div.elementor-element.elementor-element div.elementor-widget-container .ms-cp-info-text,
html[data-theme="dark"] body.elementor-page div.elementor-element div.elementor-widget-container .ms-cp-info-strip p,
html[data-theme="dark"] body.elementor-page div.elementor-element div.elementor-widget-container .ms-cp-info-strip span,
html[data-theme="dark"] body.elementor-page div.elementor-element div.elementor-widget-container .ms-cp-info-strip a,
html[data-theme="dark"] body [data-elementor-id] .elementor-element.elementor-element .ms-cp-info-strip p,
html[data-theme="dark"] body [data-elementor-id] .elementor-element.elementor-element .ms-cp-info-strip a {
    color: #E2E8F0 !important;
}

/* 3. About Us Hero Title (.ms-au-hero-title) */
html[data-theme="dark"] .ms-au-hero-title,
html[data-theme="dark"] h1.ms-au-hero-title,
html[data-theme="dark"] .ms-au-hero-left .ms-au-hero-title,
html[data-theme="dark"] .elementor-element .ms-au-hero-title,
html[data-theme="dark"] .elementor-widget-container .ms-au-hero-title,
html[data-theme="dark"] body .elementor-element .ms-au-hero-title,
html[data-theme="dark"] body div.elementor-element .ms-au-hero-title,
html[data-theme="dark"] [class*="elementor"] .ms-au-hero-title {
    color: #FFFFFF !important;
    position: relative !important;
    z-index: 12 !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.7) !important;
}

/* 4. About Us Hero Description (.ms-au-hero-desc) */
html[data-theme="dark"] .ms-au-hero-desc,
html[data-theme="dark"] p.ms-au-hero-desc,
html[data-theme="dark"] div.ms-au-hero-desc,
html[data-theme="dark"] .ms-au-hero-left .ms-au-hero-desc,
html[data-theme="dark"] .elementor-element .ms-au-hero-desc,
html[data-theme="dark"] .elementor-widget-container .ms-au-hero-desc,
html[data-theme="dark"] body .elementor-element .ms-au-hero-desc,
html[data-theme="dark"] body div.elementor-element .ms-au-hero-desc,
html[data-theme="dark"] [class*="elementor"] .ms-au-hero-desc {
    color: #E2E8F0 !important;
    position: relative !important;
    z-index: 12 !important;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.6) !important;
}

/* 5. Careers Hero Title (.ms-cr-hero-title) */
html[data-theme="dark"] .ms-cr-hero-title,
html[data-theme="dark"] h1.ms-cr-hero-title,
html[data-theme="dark"] .ms-cr-hero-left .ms-cr-hero-title,
html[data-theme="dark"] .elementor-element .ms-cr-hero-title,
html[data-theme="dark"] .elementor-widget-container .ms-cr-hero-title,
html[data-theme="dark"] body .elementor-element .ms-cr-hero-title,
html[data-theme="dark"] body div.elementor-element .ms-cr-hero-title,
html[data-theme="dark"] [class*="elementor"] .ms-cr-hero-title {
    color: #FFFFFF !important;
    position: relative !important;
    z-index: 12 !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.7) !important;
}

/* 6. Careers Hero Description (.ms-cr-hero-desc) */
html[data-theme="dark"] .ms-cr-hero-desc,
html[data-theme="dark"] p.ms-cr-hero-desc,
html[data-theme="dark"] div.ms-cr-hero-desc,
html[data-theme="dark"] .ms-cr-hero-left .ms-cr-hero-desc,
html[data-theme="dark"] .elementor-element .ms-cr-hero-desc,
html[data-theme="dark"] .elementor-widget-container .ms-cr-hero-desc,
html[data-theme="dark"] body .elementor-element .ms-cr-hero-desc,
html[data-theme="dark"] body div.elementor-element .ms-cr-hero-desc,
html[data-theme="dark"] [class*="elementor"] .ms-cr-hero-desc {
    color: #E2E8F0 !important;
    position: relative !important;
    z-index: 12 !important;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.6) !important;
}

/* 7. Global Network Hero Title (.gn-hero-title) */
html[data-theme="dark"] .gn-hero-title,
html[data-theme="dark"] h1.gn-hero-title,
html[data-theme="dark"] .gn-hero-content-inner .gn-hero-title,
html[data-theme="dark"] .elementor-element .gn-hero-title,
html[data-theme="dark"] .elementor-widget-container .gn-hero-title,
html[data-theme="dark"] body .elementor-element .gn-hero-title,
html[data-theme="dark"] body div.elementor-element .gn-hero-title,
html[data-theme="dark"] [class*="elementor"] .gn-hero-title {
    color: #FFFFFF !important;
    position: relative !important;
    z-index: 12 !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.7) !important;
}

/* 8. Global Network Hero Description (.gn-hero-desc) */
html[data-theme="dark"] .gn-hero-desc,
html[data-theme="dark"] p.gn-hero-desc,
html[data-theme="dark"] div.gn-hero-desc,
html[data-theme="dark"] .elementor-element .gn-hero-desc,
html[data-theme="dark"] .elementor-widget-container .gn-hero-desc,
html[data-theme="dark"] body .elementor-element .gn-hero-desc,
html[data-theme="dark"] body div.elementor-element .gn-hero-desc,
html[data-theme="dark"] [class*="elementor"] .gn-hero-desc {
    color: #E2E8F0 !important;
    position: relative !important;
    z-index: 12 !important;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.6) !important;
}

/* 9. Products & General Page Title (.ms-page-title) */
html[data-theme="dark"] .ms-page-title,
html[data-theme="dark"] h1.ms-page-title,
html[data-theme="dark"] .elementor-element .ms-page-title,
html[data-theme="dark"] .elementor-widget-container .ms-page-title,
html[data-theme="dark"] body .elementor-element .ms-page-title,
html[data-theme="dark"] body div.elementor-element .ms-page-title,
html[data-theme="dark"] [class*="elementor"] .ms-page-title {
    color: #FFFFFF !important;
}

/* 10. Products & General Page Description (.ms-page-desc) */
html[data-theme="dark"] .ms-page-desc,
html[data-theme="dark"] p.ms-page-desc,
html[data-theme="dark"] div.ms-page-desc,
html[data-theme="dark"] .elementor-element .ms-page-desc,
html[data-theme="dark"] .elementor-widget-container .ms-page-desc,
html[data-theme="dark"] body .elementor-element .ms-page-desc,
html[data-theme="dark"] body div.elementor-element .ms-page-desc,
html[data-theme="dark"] [class*="elementor"] .ms-page-desc {
    color: #E2E8F0 !important;
}

/* ── Contact hero CTA button ── */
html[data-theme="dark"] .ms-cp-btn-gold {
    position: relative !important;
    z-index: 12 !important;
}

/* ==========================================================================
   4. GLOBAL DARK MODE ROOT & SCOPED CSS VARIABLES (DARK MODE ONLY)
   ========================================================================== */

html[data-theme="dark"],
html[data-theme="dark"] body {
    --cr-bg: #0B0D11 !important;
    --cr-white: #161616 !important;
    --cr-dark: #0B0D11 !important;
    --cr-border: #333333 !important;

    --au-bg: #0B0D11 !important;
    --au-white: #161616 !important;
    --au-dark: #0B0D11 !important;
    --au-border: #333333 !important;

    --faq-bg: #0B0D11 !important;
    --faq-white: #161616 !important;
    --faq-dark: #0B0D11 !important;
    --faq-text: #FFFFFF !important;
    --faq-secondary: #E2E8F0 !important;
    --faq-border: #333333 !important;

    --cp-bg: #0B0D11 !important;
    --cp-white: #161616 !important;

    --ty-bg: #0B0D11 !important;
}

html[data-theme="dark"] body.ms-theme-eligible {
    background-color: #0B0D11 !important;
    background: #0B0D11 !important;
    color: #E2E8F0 !important;
}

/* General Layout Containers (Main Content Only - Dark Mode) */
html[data-theme="dark"] body.ms-theme-eligible main,
html[data-theme="dark"] body.ms-theme-eligible section:not(.luxury-header):not(.site-footer):not(.ms-exact-footer),
html[data-theme="dark"] body.ms-theme-eligible .site-main,
html[data-theme="dark"] body.ms-theme-eligible div[class*="-section"],
html[data-theme="dark"] body.ms-theme-eligible div[class*="-page"] {
    background-color: #0B0D11 !important;
    color: #E2E8F0;
}

/* ==========================================================================
   GLOBAL DARK MODE TEXT COLOR — #E2E8F0 for para, desc, sub-headings (ALL PAGES)
   ========================================================================== */

/* All paragraphs in main content */
html[data-theme="dark"] body main p,
html[data-theme="dark"] body.ms-theme-eligible main p,
html[data-theme="dark"] body.ms-theme-eligible section p,
html[data-theme="dark"] body p[class*="-desc"],
html[data-theme="dark"] body p[class*="-para"],
html[data-theme="dark"] body p[class*="-text"],
html[data-theme="dark"] body p[class*="-sub"],
html[data-theme="dark"] body p[class*="-detail"] {
    color: #E2E8F0 !important;
}

/* All description / paragraph class names across all pages */
html[data-theme="dark"] [class*="-desc"],
html[data-theme="dark"] [class*="-para"],
html[data-theme="dark"] [class*="-body-text"],
html[data-theme="dark"] [class*="-section-desc"],
html[data-theme="dark"] [class*="-section-para"],
html[data-theme="dark"] [class*="-intro"],
html[data-theme="dark"] [class*="-subtitle"] {
    color: #E2E8F0 !important;
}

/* Sub-headings (eyebrow labels, labels, small headings) across all pages */
html[data-theme="dark"] [class*="-eyebrow"]:not([class*="-num"]):not([class*="-icon"]),
html[data-theme="dark"] [class*="-label"]:not([class*="-stat"]):not([class*="-num"]):not([class*="-btn"]):not([class*="-tag"]):not([class*="-detail-label"]),
html[data-theme="dark"] [class*="-section-sub"],
html[data-theme="dark"] [class*="-subheading"],
html[data-theme="dark"] [class*="-sub-title"] {
    color: #E2E8F0 !important;
}

/* Specific known description classes across all pages */
html[data-theme="dark"] .ms-au-who-para,
html[data-theme="dark"] .ms-au-hero-desc,
html[data-theme="dark"] .ms-cr-why-desc,
html[data-theme="dark"] .ms-cr-feature-desc,
html[data-theme="dark"] .ms-cr-form-desc,
html[data-theme="dark"] .ms-cr-pos-desc,
html[data-theme="dark"] .gn-hero-desc,
html[data-theme="dark"] .gn-section-desc,
html[data-theme="dark"] .gn-inquiry-desc,
html[data-theme="dark"] .ms-faq-support-desc,
html[data-theme="dark"] .ms-faq-support p,
html[data-theme="dark"] .gn-contacts-inquiry-col p,
html[data-theme="dark"] .ms-au-hero-desc p,
html[data-theme="dark"] .ms-cr-why-desc p,
html[data-theme="dark"] .ms-cr-form-desc p {
    color: #E2E8F0 !important;
}

/* ==========================================================================
   4b. ABOUT PAGE ISOLATED DARK MODE STYLES (.ms-au-* PREFIX ONLY)
   ========================================================================== */

/* WHO WE ARE heading: FORCE WHITE — beats Elementor (0,1,4,0) specificity with (0,1,5,2) */
html[data-theme="dark"] .elementor-79 .elementor-element #ms-au-who .ms-au-section-title,
html[data-theme="dark"] body.ms-theme-eligible .elementor .elementor-element #ms-au-who .ms-au-section-title,
html[data-theme="dark"] body .elementor-element #ms-au-who .ms-au-section-title,
html[data-theme="dark"] .elementor #ms-au-who .ms-au-section-title,
html[data-theme="dark"] #ms-au-who .ms-au-section-title,
html[data-theme="dark"] body #ms-au-who .ms-au-section-title,
html[data-theme="dark"] #ms-au-who h1,
html[data-theme="dark"] #ms-au-who h2,
html[data-theme="dark"] #ms-au-who h3,
html[data-theme="dark"] .ms-au-who .ms-au-section-title,
html[data-theme="dark"] body .ms-au-section-title,
html[data-theme="dark"] body.ms-theme-eligible .ms-au-section-title,
html[data-theme="dark"] .ms-au-page .ms-au-section-title {
    color: #FFFFFF !important;
}

/* WHO WE ARE paragraph text: FORCE LIGHT SILVER — ID + class selectors */
html[data-theme="dark"] #ms-au-who .ms-au-who-para,
html[data-theme="dark"] body #ms-au-who .ms-au-who-para,
html[data-theme="dark"] #ms-au-who p,
html[data-theme="dark"] .ms-au-who p,
html[data-theme="dark"] .ms-au-who-inner p,
html[data-theme="dark"] body .ms-au-who-para,
html[data-theme="dark"] body.ms-theme-eligible .ms-au-who-para {
    color: #E2E8F0 !important;
}

/* Signature text: FORCE GOLD */
html[data-theme="dark"] #ms-au-who .ms-au-signature,
html[data-theme="dark"] body #ms-au-who .ms-au-signature,
html[data-theme="dark"] .ms-au-who .ms-au-signature,
html[data-theme="dark"] body .ms-au-signature,
html[data-theme="dark"] body.ms-theme-eligible .ms-au-signature {
    color: #C8A15A !important;
}

/* Stat boxes: DARK #161616 bg — remove default white border, apply dark border */
html[data-theme="dark"] #ms-au-who .ms-au-stat-item,
html[data-theme="dark"] body #ms-au-who .ms-au-stat-item,
html[data-theme="dark"] .ms-au-who .ms-au-stat-item,
html[data-theme="dark"] .ms-au-stats-row .ms-au-stat-item,
html[data-theme="dark"] body .ms-au-stat-item,
html[data-theme="dark"] body.ms-theme-eligible .ms-au-stat-item {
    background-color: #161616 !important;
    background: #161616 !important;
    border: 1px solid #282828 !important;
    border-color: #282828 !important;
    border-top-color: #282828 !important;
    border-right-color: #282828 !important;
    border-bottom-color: #282828 !important;
    border-left-color: #282828 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
    outline: none !important;
}

/* Stat box HOVER: semi-transparent gold border — NO solid golden border */
html[data-theme="dark"] #ms-au-who .ms-au-stat-item:hover,
html[data-theme="dark"] body #ms-au-who .ms-au-stat-item:hover,
html[data-theme="dark"] .ms-au-who .ms-au-stat-item:hover,
html[data-theme="dark"] .ms-au-stats-row .ms-au-stat-item:hover,
html[data-theme="dark"] body .ms-au-stat-item:hover,
html[data-theme="dark"] body.ms-theme-eligible .ms-au-stat-item:hover {
    background-color: #202020 !important;
    background: #202020 !important;
    border: 1px solid #c89b5e80 !important;
    border-color: #c89b5e80 !important;
    border-top-color: #c89b5e80 !important;
    border-right-color: #c89b5e80 !important;
    border-bottom-color: #c89b5e80 !important;
    border-left-color: #c89b5e80 !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.5) !important;
    outline: none !important;
}

/* Stat numbers: FORCE GOLD */
html[data-theme="dark"] #ms-au-who .ms-au-stat-num,
html[data-theme="dark"] body #ms-au-who .ms-au-stat-num,
html[data-theme="dark"] .ms-au-stat-item .ms-au-stat-num,
html[data-theme="dark"] body .ms-au-stat-num,
html[data-theme="dark"] body.ms-theme-eligible .ms-au-stat-num {
    color: #C8A15A !important;
}

/* Stat labels: FORCE LIGHT SILVER */
html[data-theme="dark"] #ms-au-who .ms-au-stat-label,
html[data-theme="dark"] body #ms-au-who .ms-au-stat-label,
html[data-theme="dark"] .ms-au-stat-item .ms-au-stat-label,
html[data-theme="dark"] body .ms-au-stat-label,
html[data-theme="dark"] body.ms-theme-eligible .ms-au-stat-label {
    color: #E2E8F0 !important;
}

/* === ALL ABOUT PAGE SECTIONS: same #0B0D11 bg as career/global network === */
html[data-theme="dark"] .ms-au-who,
html[data-theme="dark"] #ms-au-who,
html[data-theme="dark"] .ms-au-model,
html[data-theme="dark"] #ms-au-model,
html[data-theme="dark"] .ms-au-history,
html[data-theme="dark"] #ms-au-history,
html[data-theme="dark"] .ms-au-leadership,
html[data-theme="dark"] #ms-au-leadership {
    background-color: #0B0D11 !important;
    background: #0B0D11 !important;
}

/* CAPABILITIES section: padding-top 70px in dark mode */
html[data-theme="dark"] .ms-au-capabilities,
html[data-theme="dark"] #ms-au-capabilities {
    padding-top: 70px !important;
}

/* BUSINESS MODEL section (.ms-au-model): TOP border only, NO bottom border in dark mode */
html[data-theme="dark"] .ms-au-model,
html[data-theme="dark"] #ms-au-model,
html[data-theme="dark"] body.ms-theme-eligible .ms-au-model,
html[data-theme="dark"] body.ms-theme-eligible #ms-au-model {
    position: relative !important;
    z-index: 10 !important;
    border-top: 1px solid #ffffff14 !important;
    border-bottom: none !important;
    border-bottom-color: transparent !important;
	padding: 115px 0 35px 0 !important;
}

/* VALUES section: #0B0D11 bg + 45px top/bottom padding in dark mode */
html[data-theme="dark"] section.ms-au-values,
html[data-theme="dark"] #ms-au-values,
html[data-theme="dark"] .ms-au-values {
    background-color: #0B0D11 !important;
    background: #0B0D11 !important;
    padding-top: 45px !important;
    padding-bottom: 45px !important;
}

/* MODEL STEPS: sub-heading (SOURCING, PROCESSING etc.), arrows and descriptions */
html[data-theme="dark"] .ms-au-model-title-sm {
    color: #E2E8F0 !important;
}
html[data-theme="dark"] .ms-au-model-arrow {
    color: #E2E8F0 !important;
}
html[data-theme="dark"] .ms-au-model-step-desc {
    color: #E2E8F0 !important;
}
html[data-theme="dark"] .ms-au-model-desc {
    color: #E2E8F0 !important;
}
html[data-theme="dark"] .ms-au-model-img-wrapper {
    border-color: #282828 !important;
}

/* VALUE CARDS: dark bg matching other cards, title & desc */
html[data-theme="dark"] .ms-au-value-card,
html[data-theme="dark"] #ms-au-values .ms-au-value-card,
html[data-theme="dark"] .ms-au-values-grid .ms-au-value-card {
    background-color: #161616 !important;
    background: #161616 !important;
    border: 1px solid #282828 !important;
    border-color: #282828 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}
html[data-theme="dark"] .ms-au-value-card:hover,
html[data-theme="dark"] #ms-au-values .ms-au-value-card:hover,
html[data-theme="dark"] .ms-au-values-grid .ms-au-value-card:hover {
    background-color: #202020 !important;
    background: #202020 !important;
    border-color: #c89b5e80 !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.6) !important;
    transform: translateY(-6px) !important;
}
html[data-theme="dark"] .ms-au-value-title,
html[data-theme="dark"] #ms-au-values .ms-au-value-title {
    color: #FFFFFF !important;
}
html[data-theme="dark"] .ms-au-value-desc,
html[data-theme="dark"] #ms-au-values .ms-au-value-desc {
    color: #E2E8F0 !important;
}
html[data-theme="dark"] .ms-au-values-desc,
html[data-theme="dark"] #ms-au-values .ms-au-values-desc {
    color: #E2E8F0 !important;
}
/* Value icons: keep gold */
html[data-theme="dark"] .ms-au-value-icon,
html[data-theme="dark"] .ms-au-value-icon svg,
html[data-theme="dark"] .ms-au-value-icon i {
    color: #C8A15A !important;
    stroke: #C8A15A !important;
}


/* ==========================================================================
   4c. 404 PAGE & THANK YOU PAGE ISOLATED DARK MODE STYLES (.ms-nf-* & .ms-ty-*)
   ========================================================================== */

/* 404 Page (PAGE NOT FOUND) */
html[data-theme="dark"] .ms-nf-section,
html[data-theme="dark"] body.ms-theme-eligible .ms-nf-section {
    background-color: #0B0D11 !important;
    background: #0B0D11 !important;
}

html[data-theme="dark"] .ms-nf-heading,
html[data-theme="dark"] .ms-nf-content .ms-nf-heading,
html[data-theme="dark"] body .ms-nf-heading,
html[data-theme="dark"] body.ms-theme-eligible .ms-nf-heading,
html[data-theme="dark"] body.ms-theme-eligible .ms-nf-content .ms-nf-heading {
    color: #FFFFFF !important;
}

html[data-theme="dark"] .ms-nf-desc,
html[data-theme="dark"] .ms-nf-content .ms-nf-desc,
html[data-theme="dark"] body .ms-nf-desc,
html[data-theme="dark"] body.ms-theme-eligible .ms-nf-desc,
html[data-theme="dark"] body.ms-theme-eligible .ms-nf-content .ms-nf-desc {
    color: #E2E8F0 !important;
}

html[data-theme="dark"] .ms-nf-divider {
    background-color: #ffffff14 !important;
    opacity: 1 !important;
}

html[data-theme="dark"] .ms-nf-desc-gold {
    color: #CE9847 !important;
}

/* Thank You Page (THANK YOU) */
html[data-theme="dark"] .ms-ty-section,
html[data-theme="dark"] #ms-ty-section,
html[data-theme="dark"] body.ms-theme-eligible .ms-ty-section {
    background-color: #0B0D11 !important;
    background: #0B0D11 !important;
}

/* Beats Elementor .elementor-element-eceed40 .ms-ty-section .ms-ty-content .ms-ty-heading (0,0,4,0) with (0,0,6,2) */
html[data-theme="dark"] body.ms-theme-eligible .elementor-element .ms-ty-section .ms-ty-content .ms-ty-heading,
html[data-theme="dark"] body.ms-theme-eligible .elementor-widget-ms_thank_you_page .ms-ty-section .ms-ty-content .ms-ty-heading,
html[data-theme="dark"] body.ms-theme-eligible .elementor-widget-container .ms-ty-section .ms-ty-content .ms-ty-heading,
html[data-theme="dark"] .elementor-element .ms-ty-section .ms-ty-content .ms-ty-heading,
html[data-theme="dark"] [class*="elementor-element"] .ms-ty-section .ms-ty-content .ms-ty-heading,
html[data-theme="dark"] [class*="elementor-element"] .ms-ty-heading,
html[data-theme="dark"] section#ms-ty-section.ms-ty-section .ms-ty-content .ms-ty-heading,
html[data-theme="dark"] section#ms-ty-section.ms-ty-section .ms-ty-heading,
html[data-theme="dark"] #ms-ty-section.ms-ty-section .ms-ty-heading,
html[data-theme="dark"] #ms-ty-section .ms-ty-content .ms-ty-heading,
html[data-theme="dark"] #ms-ty-section .ms-ty-heading,
html[data-theme="dark"] body #ms-ty-section .ms-ty-heading,
html[data-theme="dark"] body.ms-theme-eligible #ms-ty-section .ms-ty-heading,
html[data-theme="dark"] .ms-ty-heading,
html[data-theme="dark"] .ms-ty-content .ms-ty-heading,
html[data-theme="dark"] .ms-ty-section .ms-ty-content .ms-ty-heading {
    color: #FFFFFF !important;
}

html[data-theme="dark"] .ms-ty-divider,
html[data-theme="dark"] #ms-ty-section .ms-ty-divider {
    background-color: #ffffff14 !important;
    opacity: 1 !important;
}

html[data-theme="dark"] .ms-ty-subheading,
html[data-theme="dark"] #ms-ty-section .ms-ty-subheading,
html[data-theme="dark"] .ms-ty-content .ms-ty-subheading,
html[data-theme="dark"] body .ms-ty-subheading,
html[data-theme="dark"] body.ms-theme-eligible .ms-ty-subheading {
    color: #CE9847 !important;
}

html[data-theme="dark"] .ms-ty-desc,
html[data-theme="dark"] #ms-ty-section .ms-ty-desc,
html[data-theme="dark"] .ms-ty-content .ms-ty-desc,
html[data-theme="dark"] body .ms-ty-desc,
html[data-theme="dark"] body.ms-theme-eligible .ms-ty-desc,
html[data-theme="dark"] body.ms-theme-eligible .ms-ty-content .ms-ty-desc {
    color: #E2E8F0 !important;
}

/* ==========================================================================
   4d. REQUEST A QUOTE PAGE (RFQ PAGE) ISOLATED DARK MODE STYLES (.ms-rfq-* PREFIX)
   Match Career Page Form Styling 1:1 (Transparent Headers, #0E0E0E Pitch Black Field Wrappers)
   ========================================================================== */

/* RFQ Page Main Section Background: Deep Charcoal #0B0D11 */
html[data-theme="dark"] .ms-rfq-page,
html[data-theme="dark"] body .ms-rfq-page,
html[data-theme="dark"] body.ms-theme-eligible .ms-rfq-page,
html[data-theme="dark"] body section.ms-rfq-page,
html[data-theme="dark"] body #single-rfq-section {
    background-color: #0B0D11 !important;
    background: #0B0D11 !important;
}

/* Hero Section Title ("REQUEST A QUOTE") */
html[data-theme="dark"] .ms-rfq-title,
html[data-theme="dark"] body .ms-rfq-title,
html[data-theme="dark"] body.ms-theme-eligible .ms-rfq-title,
html[data-theme="dark"] body h1.ms-rfq-title,
html[data-theme="dark"] body h2.ms-rfq-title {
    color: #FFFFFF !important;
}

/* Hero Section Subtitle ("Fill in your requirements...") */
html[data-theme="dark"] .ms-rfq-subtitle,
html[data-theme="dark"] body .ms-rfq-subtitle,
html[data-theme="dark"] body.ms-theme-eligible .ms-rfq-subtitle,
html[data-theme="dark"] body p.ms-rfq-subtitle {
    color: #E2E8F0 !important;
}

/* Breadcrumbs Links */
html[data-theme="dark"] body .ms-breadcrumbs,
html[data-theme="dark"] body .ms-single-breadcrumbs,
html[data-theme="dark"] body .ms-breadcrumb-link,
html[data-theme="dark"] body .ms-breadcrumb-sep,
html[data-theme="dark"] body .ms-breadcrumb-current {
    color: #A0A0A0 !important;
}
html[data-theme="dark"] body .ms-breadcrumb-link:first-child {
    color: #C8A15A !important;
}

/* Outer Form Card Container: Solid #191919 Card with 1px #282828 Border */
html[data-theme="dark"] .ms-rfq-form-container,
html[data-theme="dark"] body .ms-rfq-form-container,
html[data-theme="dark"] body.ms-theme-eligible .ms-rfq-form-container,
html[data-theme="dark"] body form.ms-rfq-form-container,
html[data-theme="dark"] body div.ms-rfq-form-container,
html[data-theme="dark"] body .ms-rfq-main-col .ms-rfq-form-container {
    background-color: #191919 !important;
    background: #191919 !important;
    border: 1px solid #282828 !important;
    border-color: #282828 !important;
    box-shadow: 0 16px 45px rgba(0, 0, 0, 0.45) !important;
    border-radius: 24px !important;
}

/* Form Section Wrapper: 100% Transparent (No Outer Inner Box, Seamless #191919 Card) */
html[data-theme="dark"] .ms-rfq-section,
html[data-theme="dark"] body .ms-rfq-section,
html[data-theme="dark"] body.ms-theme-eligible .ms-rfq-section {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin-bottom: 32px !important;
    padding: 0 !important;
}

/* Form Section Headers ("1. PERSONAL INFORMATION", "2. INQUIRY INFORMATION"): TRANSPARENT LIKE CAREER PAGE */
html[data-theme="dark"] .ms-rfq-section-header,
html[data-theme="dark"] body .ms-rfq-section-header,
html[data-theme="dark"] body.ms-theme-eligible .ms-rfq-section-header,
html[data-theme="dark"] body div.ms-rfq-section-header,
html[data-theme="dark"] body .ms-rfq-section .ms-rfq-section-header {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    border-bottom: none !important;
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}

html[data-theme="dark"] body .ms-rfq-section-header h3,
html[data-theme="dark"] body.ms-theme-eligible .ms-rfq-section-header h3,
html[data-theme="dark"] body .ms-rfq-section .ms-rfq-section-header h3 {
    color: #FFFFFF !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
}

html[data-theme="dark"] body .ms-rfq-section-number,
html[data-theme="dark"] body.ms-theme-eligible .ms-rfq-section-number,
html[data-theme="dark"] body .ms-rfq-section .ms-rfq-section-number {
    color: #C8A15A !important;
}

/* Form Group Labels: White #FFFFFF with Gold Asterisks #C8A15A */
html[data-theme="dark"] body .ms-form-group label,
html[data-theme="dark"] body .ms-rfq-form label,
html[data-theme="dark"] body.ms-theme-eligible .ms-rfq-form label,
html[data-theme="dark"] body .ms-rfq-form-container label,
html[data-theme="dark"] body .ms-rfq-form-grid label {
    color: #FFFFFF !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
}

html[data-theme="dark"] body .ms-form-group label span,
html[data-theme="dark"] body .ms-rfq-form label span,
html[data-theme="dark"] body .ms-rfq-form-container label span {
    color: #C8A15A !important;
}

/* Input Field Wrappers: Dark #121211 Background with 1px #333333 Border */
html[data-theme="dark"] .ms-input-icon-wrapper,
html[data-theme="dark"] body .ms-input-icon-wrapper,
html[data-theme="dark"] body.ms-theme-eligible .ms-input-icon-wrapper,
html[data-theme="dark"] .ms-select-wrapper,
html[data-theme="dark"] body .ms-select-wrapper,
html[data-theme="dark"] body.ms-theme-eligible .ms-select-wrapper,
html[data-theme="dark"] .ms-textarea-wrapper,
html[data-theme="dark"] body .ms-textarea-wrapper,
html[data-theme="dark"] body.ms-theme-eligible .ms-textarea-wrapper,
html[data-theme="dark"] .ms-cr-form-right .ms-input-icon-wrapper,
html[data-theme="dark"] .ms-cr-form-right .ms-select-wrapper {
    background-color: #121211 !important;
    background: #121211 !important;
    border: 1px solid #333333 !important;
    border-color: #333333 !important;
    border-radius: 12px !important;
    color: #FFFFFF !important;
}

html[data-theme="dark"] body .ms-rfq-form input,
html[data-theme="dark"] body .ms-rfq-form select,
html[data-theme="dark"] body .ms-rfq-form textarea,
html[data-theme="dark"] body .ms-rfq-form-container input,
html[data-theme="dark"] body .ms-rfq-form-container select,
html[data-theme="dark"] body .ms-rfq-form-container textarea,
html[data-theme="dark"] body .ms-input-icon-wrapper input,
html[data-theme="dark"] body .ms-select-wrapper select,
html[data-theme="dark"] body .ms-textarea-wrapper textarea {
    background-color: transparent !important;
    background: transparent !important;
    color: #FFFFFF !important;
    border: none !important;
    outline: none !important;
}

/* Focus States: Gold Border #C8A15A */
html[data-theme="dark"] body .ms-input-icon-wrapper:focus-within,
html[data-theme="dark"] body .ms-select-wrapper:focus-within,
html[data-theme="dark"] body .ms-textarea-wrapper:focus-within {
    border-color: #C8A15A !important;
    box-shadow: 0 0 0 2px rgba(200, 161, 90, 0.2) !important;
}

/* Input Placeholders & Input Icons */
html[data-theme="dark"] body .ms-rfq-form-container input::placeholder,
html[data-theme="dark"] body .ms-rfq-form-container textarea::placeholder,
html[data-theme="dark"] body .ms-input-icon-wrapper input::placeholder {
    color: #777777 !important;
}

html[data-theme="dark"] body .ms-rfq-form-container .ms-input-icon-wrapper svg,
html[data-theme="dark"] body .ms-rfq-form-container .ms-select-wrapper svg,
html[data-theme="dark"] body .ms-input-icon-wrapper svg {
    color: #888888 !important;
    fill: none !important;
    stroke: #888888 !important;
}

/* RFQ Category & Product Sub-Cards inside Form: Dark #191919 with #282828 Border */
html[data-theme="dark"] .ms-category-card,
html[data-theme="dark"] body .ms-category-card,
html[data-theme="dark"] body.ms-theme-eligible .ms-category-card {
    background-color: #191919 !important;
    background: #191919 !important;
    border: 1px solid #282828 !important;
    border-color: #282828 !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4) !important;
}

html[data-theme="dark"] .ms-custom-dropdown,
html[data-theme="dark"] body .ms-custom-dropdown,
html[data-theme="dark"] .ms-dropdown-menu,
html[data-theme="dark"] body .ms-dropdown-menu,
html[data-theme="dark"] .ms-product-checkbox-list,
html[data-theme="dark"] body .ms-product-checkbox-list,
html[data-theme="dark"] .ms-selected-cat-card,
html[data-theme="dark"] body .ms-selected-cat-card {
    background-color: #121211 !important;
    background: #121211 !important;
    border: 1px solid #333333 !important;
    border-color: #333333 !important;
    color: #FFFFFF !important;
}

html[data-theme="dark"] .ms-custom-dropdown input,
html[data-theme="dark"] body .ms-custom-dropdown input,
html[data-theme="dark"] .ms-dropdown-item,
html[data-theme="dark"] body .ms-dropdown-item {
    background-color: #121211 !important;
    color: #FFFFFF !important;
}

html[data-theme="dark"] .ms-dropdown-item:hover,
html[data-theme="dark"] body .ms-dropdown-item:hover {
    background-color: #242424 !important;
    color: #C8A15A !important;
}

html[data-theme="dark"] .ms-add-cat-btn,
html[data-theme="dark"] body .ms-add-cat-btn {
    background-color: #121211 !important;
    background: #121211 !important;
    border: 1px solid #C8A15A !important;
    color: #C8A15A !important;
}

html[data-theme="dark"] .ms-add-products-wrapper p,
html[data-theme="dark"] body .ms-add-products-wrapper p,
html[data-theme="dark"] .ms-prod-name,
html[data-theme="dark"] body .ms-prod-name,
html[data-theme="dark"] .ms-row-title,
html[data-theme="dark"] body .ms-row-title {
    color: #E2E8F0 !important;
}

/* Right Sidebar Widget Cards ("Why Request a Quote?"): Solid #191919 Card with 1px #282828 Border */
html[data-theme="dark"] .ms-rfq-sidebar-widget,
html[data-theme="dark"] body .ms-rfq-sidebar-widget,
html[data-theme="dark"] body.ms-theme-eligible .ms-rfq-sidebar-widget,
html[data-theme="dark"] .ms-why-widget,
html[data-theme="dark"] body .ms-why-widget,
html[data-theme="dark"] body.ms-theme-eligible .ms-why-widget,
html[data-theme="dark"] .ms-rfq-sidebar-col .ms-rfq-sidebar-widget,
html[data-theme="dark"] body .ms-rfq-sidebar-col .ms-rfq-sidebar-widget,
html[data-theme="dark"] div.ms-why-widget,
html[data-theme="dark"] div.ms-rfq-sidebar-widget {
    background-color: #191919 !important;
    background: #191919 !important;
    border: 1px solid #282828 !important;
    border-color: #282828 !important;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.45) !important;
    border-radius: 24px !important;
}

html[data-theme="dark"] body .ms-widget-title,
html[data-theme="dark"] body.ms-theme-eligible .ms-widget-title,
html[data-theme="dark"] body .ms-why-widget .ms-widget-title,
html[data-theme="dark"] body .ms-rfq-sidebar-widget .ms-widget-title,
html[data-theme="dark"] body .ms-rfq-sidebar-widget h3 {
    color: #FFFFFF !important;
    font-weight: 700 !important;
}

html[data-theme="dark"] body .ms-why-text strong,
html[data-theme="dark"] body.ms-theme-eligible .ms-why-text strong,
html[data-theme="dark"] body .ms-why-list li strong {
    color: #FFFFFF !important;
}

html[data-theme="dark"] body .ms-why-text span,
html[data-theme="dark"] body.ms-theme-eligible .ms-why-text span,
html[data-theme="dark"] body .ms-why-list li span {
    color: #E2E8F0 !important;
}

/* Sidebar Help Widget ("Need Immediate Assistance?") */
html[data-theme="dark"] body .ms-help-widget,
html[data-theme="dark"] body.ms-theme-eligible .ms-help-widget {
    background-color: #C8A15A !important;
    background: #C8A15A !important;
    color: #FFFFFF !important;
    border-radius: 16px !important;
}

/* RFQ Hero Section Background & Smooth Dark Spreading Fade in Dark Mode */
html[data-theme="dark"] .ms-rfq-hero,
html[data-theme="dark"] body .ms-rfq-hero {
    position: relative !important;
    background-color: #0B0D11 !important;
    background: #0B0D11 !important;
    overflow: hidden !important;
}

html[data-theme="dark"] .ms-rfq-hero-bg,
html[data-theme="dark"] body .ms-rfq-hero-bg {
    opacity: 0.88 !important;
    mix-blend-mode: normal !important;
    filter: brightness(0.72) contrast(1.2) sepia(0.15) !important;
    background-color: transparent !important;
    -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,0.5) 20%, black 55%), linear-gradient(to top, transparent 0%, rgba(0,0,0,0.5) 25%, black 70%) !important;
    mask-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,0.5) 20%, black 55%), linear-gradient(to top, transparent 0%, rgba(0,0,0,0.5) 25%, black 70%) !important;
    -webkit-mask-composite: source-in !important;
    mask-composite: intersect !important;
}

html[data-theme="dark"] .ms-rfq-hero::before,
html[data-theme="dark"] body .ms-rfq-hero::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(to right, #0B0D11 0%, rgba(11, 13, 17, 0.85) 35%, rgba(11, 13, 17, 0.3) 70%, transparent 100%), linear-gradient(to top, #0B0D11 0%, rgba(11, 13, 17, 0.75) 25%, transparent 60%) !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

/* Dashed & Dotted Divider Lines & Pseudo-Elements in Dark Mode (#333333 / #282828) */
html[data-theme="dark"] .ms-card-divider,
html[data-theme="dark"] body .ms-card-divider,
html[data-theme="dark"] .ms-card-divider::before,
html[data-theme="dark"] body .ms-card-divider::before,
html[data-theme="dark"] .ms-card-divider::after,
html[data-theme="dark"] body .ms-card-divider::after,
html[data-theme="dark"] .ms-category-card .ms-card-divider::before,
html[data-theme="dark"] .ms-add-products-wrapper,
html[data-theme="dark"] div[class*="-divider"]::before {
    border-top: 1px dashed #333333 !important;
    border-top-color: #333333 !important;
    border-color: #333333 !important;
}

/* Bottom 4-Column Trust Features Bar in Dark Mode (#191919 Card, #282828 Border) */
html[data-theme="dark"] .ms-rfq-footer-features,
html[data-theme="dark"] body .ms-rfq-footer-features,
html[data-theme="dark"] body.ms-theme-eligible .ms-rfq-footer-features {
    background-color: #191919 !important;
    background: #191919 !important;
    border: 1px solid #282828 !important;
    border-color: #282828 !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45) !important;
    border-radius: 24px !important;
}

html[data-theme="dark"] .ms-rfq-footer-card,
html[data-theme="dark"] body .ms-rfq-footer-card {
    border-right: 1px solid #282828 !important;
    border-color: #282828 !important;
}
html[data-theme="dark"] .ms-rfq-footer-card:last-child,
html[data-theme="dark"] body .ms-rfq-footer-card:last-child {
    border-right: none !important;
}

html[data-theme="dark"] .ms-footer-icon,
html[data-theme="dark"] body .ms-footer-icon {
    background-color: #C8A15A !important;
    background: #C8A15A !important;
    color: #FFFFFF !important;
    border-radius: 14px !important;
}

html[data-theme="dark"] .ms-footer-text h4,
html[data-theme="dark"] body .ms-footer-text h4 {
    color: #FFFFFF !important;
    font-weight: 700 !important;
}

html[data-theme="dark"] .ms-footer-text p,
html[data-theme="dark"] body .ms-footer-text p {
    color: #E2E8F0 !important;
}

/* ==========================================================================
   5. CAREERS PAGE ISOLATED DARK MODE STYLES (.ms-cr-* PREFIX ONLY)
   ========================================================================== */

/* Main Section Titles on Careers Page (A LEGACY OF TRUST..., SUBMIT YOUR APPLICATION, WHY BUILD YOUR CAREER, OPEN POSITIONS) */
html[data-theme="dark"] .ms-cr-section-title,
html[data-theme="dark"] body.ms-theme-eligible .ms-cr-section-title,
html[data-theme="dark"] .ms-cr-why-left .ms-cr-section-title,
html[data-theme="dark"] .ms-cr-why-left h2,
html[data-theme="dark"] .ms-cr-why-left h3,
html[data-theme="dark"] .ms-cr-form-left .ms-cr-section-title,
html[data-theme="dark"] .ms-cr-form-left h2,
html[data-theme="dark"] .ms-cr-form-left h3,
html[data-theme="dark"] .ms-cr-positions-header .ms-cr-section-title,
html[data-theme="dark"] .ms-cr-positions-header h2,
html[data-theme="dark"] .ms-cr-feature-title,
html[data-theme="dark"] body.ms-theme-eligible .ms-cr-feature-title,
html[data-theme="dark"] .ms-cr-pos-title,
html[data-theme="dark"] body.ms-theme-eligible .ms-cr-pos-title {
    color: #FFFFFF !important;
}

/* Descriptions & Paragraphs on Careers Page (We combine decades..., Fill in your details...) */
html[data-theme="dark"] .ms-cr-why-desc,
html[data-theme="dark"] body.ms-theme-eligible .ms-cr-why-desc,
html[data-theme="dark"] .ms-cr-why-desc p,
html[data-theme="dark"] .ms-cr-form-desc,
html[data-theme="dark"] body.ms-theme-eligible .ms-cr-form-desc,
html[data-theme="dark"] .ms-cr-form-desc p,
html[data-theme="dark"] .ms-cr-feature-desc,
html[data-theme="dark"] body.ms-theme-eligible .ms-cr-feature-desc,
html[data-theme="dark"] .ms-cr-pos-desc,
html[data-theme="dark"] body.ms-theme-eligible .ms-cr-pos-desc {
    color: #E2E8F0 !important;
}

/* Gold Accents & Numbers on Careers Page (40+, Icons, Gold Subtitles) */
html[data-theme="dark"] .ms-cr-feature-number,
html[data-theme="dark"] body.ms-theme-eligible .ms-cr-feature-number,
html[data-theme="dark"] .ms-cr-feature-icon,
html[data-theme="dark"] body.ms-theme-eligible .ms-cr-feature-icon,
html[data-theme="dark"] .ms-cr-eyebrow,
html[data-theme="dark"] body.ms-theme-eligible .ms-cr-eyebrow {
    color: #C8A15A !important;
}

/* Feature Cards & Position Cards on Careers Page in Dark Mode: 1px Solid Border + Hover State */
/* Feature Cards & Position Cards on Careers Page in Dark Mode: 1px Solid Border + Hover State — Specificity (0, 5, 3) defeating Elementor (0, 4, 0) */
html[data-theme="dark"] .ms-cr-feature-block,
html[data-theme="dark"] body.elementor-page div.elementor-element div.elementor-widget-container .ms-cr-feature-block,
html[data-theme="dark"] body div.elementor-element.elementor-element div.elementor-widget-container .ms-cr-feature-block,
html[data-theme="dark"] body .elementor-section .elementor-column .elementor-widget .ms-cr-feature-block,
html[data-theme="dark"] body .elementor-container .elementor-column .elementor-widget-container .ms-cr-feature-block,
html[data-theme="dark"] body [data-elementor-id] .elementor-element.elementor-element .ms-cr-feature-block,
html[data-theme="dark"] body [class*="elementor"] .elementor-element.elementor-element .ms-cr-feature-block,
html[data-theme="dark"] body.elementor-page div.elementor-element div.elementor-widget-container .ms-cr-why-card,
html[data-theme="dark"] body.elementor-page div.elementor-element div.elementor-widget-container .ms-cr-pos-card,
html[data-theme="dark"] body.elementor-page div.elementor-element div.elementor-widget-container .ms-cr-position-card,
html[data-theme="dark"] body.elementor-page div.elementor-element div.elementor-widget-container .ms-cr-card,
html[data-theme="dark"] .ms-au-stat-item,
html[data-theme="dark"] .ms-au-value-card {
    background-color: #191919 !important;
    background: #191919 !important;
    border: 1px solid #282828 !important;
    border-color: #282828 !important;
    border-radius: 14px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45) !important;
    transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease !important;
}

html[data-theme="dark"] .ms-cr-feature-block:hover,
html[data-theme="dark"] body.elementor-page div.elementor-element div.elementor-widget-container .ms-cr-feature-block:hover,
html[data-theme="dark"] body div.elementor-element.elementor-element div.elementor-widget-container .ms-cr-feature-block:hover,
html[data-theme="dark"] body.elementor-page div.elementor-element div.elementor-widget-container .ms-cr-why-card:hover,
html[data-theme="dark"] body.elementor-page div.elementor-element div.elementor-widget-container .ms-cr-pos-card:hover,
html[data-theme="dark"] body.elementor-page div.elementor-element div.elementor-widget-container .ms-cr-position-card:hover,
html[data-theme="dark"] .ms-au-stat-item:hover,
html[data-theme="dark"] .ms-au-value-card:hover {
    background-color: #202020 !important;
    background: #202020 !important;
    border-color: #C8A15A !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.65) !important;
}

/* ==========================================================================
   6. GLOBAL NETWORK PAGE ISOLATED DARK MODE STYLES (.gn-* PREFIX ONLY)
   ========================================================================== */

/* Supply Chain Section in Dark Mode: Distinct Top & Bottom Border #ffffff14 */
html[data-theme="dark"] .gn-supply-section,
html[data-theme="dark"] body.ms-theme-eligible .gn-supply-section,
html[data-theme="dark"] section.gn-supply-section {
    background-color: #0B0D11 !important;
    background: #0B0D11 !important;
    border-top: 1px solid #ffffff14 !important;
    border-top-color: #ffffff14 !important;
    border-bottom: 1px solid #ffffff14 !important;
    border-bottom-color: #ffffff14 !important;
}

/* Remove top/bottom borders from Presence & Markets sections in Dark Mode */
html[data-theme="dark"] .gn-presence-section,
html[data-theme="dark"] body.ms-theme-eligible .gn-presence-section {
    border-top: none !important;
    border-top-color: transparent !important;
    border-bottom: none !important;
    border-bottom-color: transparent !important;
    padding-top: 170px !important;
}

html[data-theme="dark"] .gn-markets-section,
html[data-theme="dark"] body.ms-theme-eligible .gn-markets-section {
    border-top: none !important;
    border-top-color: transparent !important;
    border-bottom: none !important;
    border-bottom-color: transparent !important;
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}
@media (max-width: 1025px) {
    html[data-theme="dark"] .gn-hero-content-inner,
    html[data-theme="dark"] body.ms-theme-eligible .gn-hero-content-inner,
    html[data-theme="dark"] .ms-au-hero-left,
    html[data-theme="dark"] body.ms-theme-eligible .ms-au-hero-left,
    html[data-theme="dark"] .ms-cr-hero-left,
    html[data-theme="dark"] body.ms-theme-eligible .ms-cr-hero-left,
    html[data-theme="dark"] .ms-cp-hero-left,
    html[data-theme="dark"] body.ms-theme-eligible .ms-cp-hero-left {
        background-color: #161616 !important;
        background: #161616 !important;
        border: 1px solid #282828 !important;
        border-color: #282828 !important;
        border-radius: 20px !important;
        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4) !important;
        padding: 32px 20px 28px 20px !important;
    }
}
@media (max-width: 991px) {
    html[data-theme="dark"] .gn-markets-section,
    html[data-theme="dark"] body.ms-theme-eligible .gn-markets-section {
        padding-top: 15px !important;
    }
}

html[data-theme="dark"] .gn-sourcing-section,
html[data-theme="dark"] body.ms-theme-eligible .gn-sourcing-section {
    border-top: none !important;
    border-top-color: transparent !important;
    border-bottom: none !important;
    border-bottom-color: transparent !important;
}

html[data-theme="dark"] .gn-contacts-section,
html[data-theme="dark"] body.ms-theme-eligible .gn-contacts-section {
    border-top: none !important;
    border-top-color: transparent !important;
    border-bottom: none !important;
    border-bottom-color: transparent !important;
    padding-bottom: 170px !important;
}

html[data-theme="dark"] .gn-hero-section,
html[data-theme="dark"] body.ms-theme-eligible .gn-hero-section {
    border-top: none !important;
    border-top-color: transparent !important;
    border-bottom: none !important;
    border-bottom-color: transparent !important;
}


@media (max-width: 991px) {
    html[data-theme="dark"] .gn-hero-content-inner,
    html[data-theme="dark"] body.ms-theme-eligible .gn-hero-content-inner,
    html[data-theme="dark"] .ms-au-hero-left,
    html[data-theme="dark"] body.ms-theme-eligible .ms-au-hero-left,
    html[data-theme="dark"] .ms-cr-hero-left,
    html[data-theme="dark"] body.ms-theme-eligible .ms-cr-hero-left,
    html[data-theme="dark"] .ms-cp-hero-left,
    html[data-theme="dark"] body.ms-theme-eligible .ms-cp-hero-left {
        background-color: #161616 !important;
        background: #161616 !important;
        border: 1px solid #282828 !important;
        border-color: #282828 !important;
        border-radius: 20px !important;
        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4) !important;
        padding: 32px 20px 28px 20px !important;
    }
}

/* Separate Hero Title Overrides */
html[data-theme="dark"] .gn-hero-title,
html[data-theme="dark"] body .gn-hero-title,
html[data-theme="dark"] .elementor-element .gn-hero-title,
html[data-theme="dark"] [class*="elementor"] .gn-hero-title {
    color: #FFFFFF !important;
}

html[data-theme="dark"] .ms-au-hero-title,
html[data-theme="dark"] body .ms-au-hero-title,
html[data-theme="dark"] .elementor-element .ms-au-hero-title,
html[data-theme="dark"] [class*="elementor"] .ms-au-hero-title {
    color: #FFFFFF !important;
}

html[data-theme="dark"] .ms-cr-hero-title,
html[data-theme="dark"] body .ms-cr-hero-title,
html[data-theme="dark"] .elementor-element .ms-cr-hero-title,
html[data-theme="dark"] [class*="elementor"] .ms-cr-hero-title {
    color: #FFFFFF !important;
}

html[data-theme="dark"] .ms-cp-hero-title,
html[data-theme="dark"] body .ms-cp-hero-title,
html[data-theme="dark"] .elementor-element .ms-cp-hero-title,
html[data-theme="dark"] [class*="elementor"] .ms-cp-hero-title {
    color: #FFFFFF !important;
}

/* Separate Hero Description Overrides */
html[data-theme="dark"] .gn-hero-desc,
html[data-theme="dark"] body .gn-hero-desc,
html[data-theme="dark"] .elementor-element .gn-hero-desc,
html[data-theme="dark"] [class*="elementor"] .gn-hero-desc {
    color: #E2E8F0 !important;
}

html[data-theme="dark"] .ms-au-hero-desc,
html[data-theme="dark"] body .ms-au-hero-desc,
html[data-theme="dark"] .elementor-element .ms-au-hero-desc,
html[data-theme="dark"] [class*="elementor"] .ms-au-hero-desc {
    color: #E2E8F0 !important;
}

html[data-theme="dark"] .ms-cr-hero-desc,
html[data-theme="dark"] body .ms-cr-hero-desc,
html[data-theme="dark"] .elementor-element .ms-cr-hero-desc,
html[data-theme="dark"] [class*="elementor"] .ms-cr-hero-desc {
    color: #E2E8F0 !important;
}

html[data-theme="dark"] .ms-cp-hero-desc,
html[data-theme="dark"] body .ms-cp-hero-desc,
html[data-theme="dark"] p.ms-cp-hero-desc,
html[data-theme="dark"] div.ms-cp-hero-desc,
html[data-theme="dark"] .elementor-element .ms-cp-hero-desc,
html[data-theme="dark"] .elementor-widget-container .ms-cp-hero-desc,
html[data-theme="dark"] body .elementor-element .ms-cp-hero-desc,
html[data-theme="dark"] body div.elementor-element .ms-cp-hero-desc,
html[data-theme="dark"] [class*="elementor"] .ms-cp-hero-desc {
    color: #E2E8F0 !important;
}

/* Supply Chain Logistics Cards in Dark Mode (Clean horizontal line layout matching Light Theme) */
html[data-theme="dark"] .gn-supply-heading,
html[data-theme="dark"] body.ms-theme-eligible .gn-supply-heading,
html[data-theme="dark"] h2.gn-supply-heading {
    color: #FFFFFF !important;
}

html[data-theme="dark"] .gn-timeline-step,
html[data-theme="dark"] body.ms-theme-eligible .gn-timeline-step,
html[data-theme="dark"] .gn-supply-section .gn-timeline-step,
html[data-theme="dark"] .gn-supply-timeline-steps .gn-timeline-step {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

html[data-theme="dark"] .gn-timeline-step:hover,
html[data-theme="dark"] body.ms-theme-eligible .gn-timeline-step:hover,
html[data-theme="dark"] .gn-timeline-step.active {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

html[data-theme="dark"] .gn-step-icon-box,
html[data-theme="dark"] body.ms-theme-eligible .gn-step-icon-box {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .gn-step-label,
html[data-theme="dark"] body.ms-theme-eligible .gn-step-label,
html[data-theme="dark"] .gn-timeline-step .gn-step-label {
    color: #FFFFFF !important;
}

html[data-theme="dark"] .gn-step-ring-node,
html[data-theme="dark"] body.ms-theme-eligible .gn-step-ring-node {
    background-color: #0B0D11 !important;
    background: #0B0D11 !important;
    border-color: #C8A15A !important;
}

html[data-theme="dark"] .gn-step-icon-box svg,
html[data-theme="dark"] .gn-step-icon-box path {
    stroke: #C8A15A !important;
}

/* Main Section Titles (REGIONAL CONTACTS, GLOBAL OFFICES, ABOUT US, etc.) */
html[data-theme="dark"] .ms-faq-header h1,
html[data-theme="dark"] .ms-faq-header h2,
html[data-theme="dark"] .ms-faq-header h3,
html[data-theme="dark"] .ms-faq-header .ms-faq-title,
html[data-theme="dark"] .ms-faq-header [class*="-title"],
html[data-theme="dark"] .ms-faq-title,
html[data-theme="dark"] .gn-contacts-title-col .gn-section-title,
html[data-theme="dark"] .gn-offices-header-left .gn-section-title,
html[data-theme="dark"] .gn-offices-half .gn-section-title,
html[data-theme="dark"] body.ms-theme-eligible .ms-faq-header h1,
html[data-theme="dark"] body.ms-theme-eligible .ms-faq-header h2,
html[data-theme="dark"] body.ms-theme-eligible .ms-faq-header h3,
html[data-theme="dark"] body.ms-theme-eligible .ms-faq-header .ms-faq-title,
html[data-theme="dark"] body.ms-theme-eligible .gn-contacts-title-col .gn-section-title,
html[data-theme="dark"] body.ms-theme-eligible .gn-offices-header-left .gn-section-title,
html[data-theme="dark"] .gn-inquiry-title,
html[data-theme="dark"] body.ms-theme-eligible .gn-inquiry-title,
html[data-theme="dark"] .elementor-element .ms-faq-support-title,
html[data-theme="dark"] body.ms-theme-eligible .elementor-element .ms-faq-support-title,
html[data-theme="dark"] [class*="elementor-element"] .ms-faq-support-title,
html[data-theme="dark"] .ms-faq-support-title,
html[data-theme="dark"] body.ms-theme-eligible .ms-faq-support-title,
html[data-theme="dark"] .ms-faq-support h2,
html[data-theme="dark"] .ms-faq-support h3,
html[data-theme="dark"] .ms-faq-support h4,
html[data-theme="dark"] .gn-contacts-inquiry-col .gn-inquiry-title,
html[data-theme="dark"] .gn-contacts-inquiry-col h2,
html[data-theme="dark"] .gn-contacts-inquiry-col h3 {
    color: #FFFFFF !important;
}

/* Subtitles (DIRECT CONNECTIVITY, GLOBAL PRESENCE, etc.) */
html[data-theme="dark"] .ms-faq-header span,
html[data-theme="dark"] .ms-faq-header p,
html[data-theme="dark"] .ms-faq-header [class*="-sub"],
html[data-theme="dark"] .ms-faq-header [class*="-label"],
html[data-theme="dark"] body.ms-theme-eligible .ms-faq-header span,
html[data-theme="dark"] body.ms-theme-eligible .ms-faq-header p,
html[data-theme="dark"] .gn-offices-header-left .gn-label,
html[data-theme="dark"] body.ms-theme-eligible .gn-offices-header-left .gn-label,
html[data-theme="dark"] .gn-inquiry-desc,
html[data-theme="dark"] body.ms-theme-eligible .gn-inquiry-desc,
html[data-theme="dark"] .elementor-element .ms-faq-support-desc,
html[data-theme="dark"] body.ms-theme-eligible .elementor-element .ms-faq-support-desc,
html[data-theme="dark"] [class*="elementor-element"] .ms-faq-support-desc,
html[data-theme="dark"] .ms-faq-support-desc,
html[data-theme="dark"] body.ms-theme-eligible .ms-faq-support-desc,
html[data-theme="dark"] .ms-faq-support p,
html[data-theme="dark"] .gn-contacts-inquiry-col p {
    color: #E2E8F0 !important;
}

/* Outer Global Presence Grid Box: Unified #161616 Dark Card Standing Out on All Sides */
html[data-theme="dark"] .gn-presence-grid,
html[data-theme="dark"] body.ms-theme-eligible .gn-presence-grid {
    background-color: #161616 !important;
    background: #161616 !important;
    border: none !important;
    border-color: transparent !important;
    border-radius: 12px !important;
    box-shadow: 0 16px 45px rgba(0, 0, 0, 0.5) !important;
    overflow: hidden !important;
}

@media (max-width: 991px) {
    html[data-theme="dark"] .gn-presence-section,
    html[data-theme="dark"] body.ms-theme-eligible .gn-presence-section {
        padding-top: 80px !important;
    }
}

/* Both Halves (Left: Global Offices, Right: Bonded Storage): Solid #161616 with #ffffff14 divider & 60px padding */
html[data-theme="dark"] .gn-offices-half,
html[data-theme="dark"] body.ms-theme-eligible .gn-offices-half {
    background-color: #161616 !important;
    background: #161616 !important;
    border-right: 1px solid #ffffff14 !important;
    border-bottom: 1px solid #ffffff14 !important;
    padding-bottom: 60px !important;
}

html[data-theme="dark"] .gn-warehouses-half,
html[data-theme="dark"] body.ms-theme-eligible .gn-warehouses-half {
    background-color: #161616 !important;
    background: #161616 !important;
    border-left: 1px solid #ffffff14 !important;
    border-top: none !important;
    padding-top: 60px !important;
}

/* Individual Office Box Cards in Dark Mode: #222222 with Soft Box Shadow */
html[data-theme="dark"] .gn-office-card,
html[data-theme="dark"] body.ms-theme-eligible .gn-office-card {
    background-color: #202020 !important;
    background: #202020 !important;
    border-radius: 10px !important;
    padding: 1.25rem !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
    border: 1px solid #2C2C2C !important;
    transform: none !important;
    transition: background-color 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
}

html[data-theme="dark"] .gn-office-card:hover,
html[data-theme="dark"] body.ms-theme-eligible .gn-office-card:hover {
    background-color: #282828 !important;
    background: #282828 !important;
    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.55) !important;
    border-color: #C8A15A !important;
}

/* Country Title (INDIA, UAE, SINGAPORE): 100% Bright White #FFFFFF */
html[data-theme="dark"] .gn-office-country,
html[data-theme="dark"] body.ms-theme-eligible .gn-office-country {
    color: #FFFFFF !important;
}

/* Role / Subtitle (HEADQUARTERS, TRADING HUB, REGIONAL OFFICE): Gold #C8A15A */
html[data-theme="dark"] .gn-office-role,
html[data-theme="dark"] body.ms-theme-eligible .gn-office-role {
    color: #C8A15A !important;
}

/* City (New Delhi, Dubai, Singapore): Light Silver #E2E8F0 */
html[data-theme="dark"] .gn-office-city,
html[data-theme="dark"] body.ms-theme-eligible .gn-office-city {
    color: #E2E8F0 !important;
}

/* Details & Phone/Email (+91 11..., india@...): Light Silver #E2E8F0 */
html[data-theme="dark"] .gn-office-detail,
html[data-theme="dark"] body.ms-theme-eligible .gn-office-detail,
html[data-theme="dark"] .gn-office-detail a,
html[data-theme="dark"] body.ms-theme-eligible .gn-office-detail a {
    color: #E2E8F0 !important;
}

html[data-theme="dark"] .gn-office-detail a:hover {
    color: #C8A15A !important;
}

/* ==========================================================================
   7. REGIONAL CONTACTS & FAQ ACCORDION IN DARK MODE (CARD WITH BOX SHADOW & NO BORDER)
   ========================================================================== */

/* Outer Accordion Item: Clean #161616 Card with Box Shadow and Subtle Dark Border */
html[data-theme="dark"] .elementor-element .ms-faq-item,
html[data-theme="dark"] body.ms-theme-eligible .elementor-element .ms-faq-item,
html[data-theme="dark"] [class*="elementor-element"] .ms-faq-item,
html[data-theme="dark"] .ms-faq-section .ms-faq-item,
html[data-theme="dark"] .ms-faq-item,
html[data-theme="dark"] body.ms-theme-eligible .ms-faq-item,
html[data-theme="dark"] .gn-accordion-item,
html[data-theme="dark"] body.ms-theme-eligible .gn-accordion-item {
    background-color: #161616 !important;
    background: #161616 !important;
    border: 1px solid #282828 !important;
    border-color: #282828 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    margin-bottom: 14px !important;
    transition: background-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* Accordion Card Hover: Rich Shadow and Subtly Lighter Background */
html[data-theme="dark"] .elementor-element .ms-faq-item:hover,
html[data-theme="dark"] body.ms-theme-eligible .elementor-element .ms-faq-item:hover,
html[data-theme="dark"] [class*="elementor-element"] .ms-faq-item:hover,
html[data-theme="dark"] .ms-faq-item:hover,
html[data-theme="dark"] body.ms-theme-eligible .ms-faq-item:hover,
html[data-theme="dark"] .gn-accordion-item:hover,
html[data-theme="dark"] body.ms-theme-eligible .gn-accordion-item:hover {
    background-color: #222222 !important;
    background: #222222 !important;
    border-color: #282828 !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.65) !important;
}

/* Accordion Header & Titles: 100% BRIGHT WHITE TEXT (#FFFFFF) */
html[data-theme="dark"] .ms-faq-item-header,
html[data-theme="dark"] body.ms-theme-eligible .ms-faq-item-header,
html[data-theme="dark"] .gn-accordion-header,
html[data-theme="dark"] body.ms-theme-eligible .gn-accordion-header {
    background-color: transparent !important;
    background: transparent !important;
    padding: 1rem 1.25rem !important;
    border: none !important;
}

html[data-theme="dark"] .elementor-element .ms-faq-item-question,
html[data-theme="dark"] body.ms-theme-eligible .elementor-element .ms-faq-item-question,
html[data-theme="dark"] [class*="elementor-element"] .ms-faq-item-question,
html[data-theme="dark"] .ms-faq-section .ms-faq-item-question,
html[data-theme="dark"] .ms-faq-item-question,
html[data-theme="dark"] body.ms-theme-eligible .ms-faq-item-question,
html[data-theme="dark"] .ms-faq-question,
html[data-theme="dark"] body.ms-theme-eligible .ms-faq-question,
html[data-theme="dark"] .gn-accordion-title,
html[data-theme="dark"] .gn-accordion-header .gn-accordion-title,
html[data-theme="dark"] .gn-accordion-header h4,
html[data-theme="dark"] .gn-accordion-header h3,
html[data-theme="dark"] .ms-faq-item-header span,
html[data-theme="dark"] .ms-faq-item-header h3,
html[data-theme="dark"] .ms-faq-item-header h4 {
    color: #FFFFFF !important;
}

/* Accordion Numbers: GOLDEN ACCENT #C8A15A in Dark Mode */
html[data-theme="dark"] .ms-faq-item-num,
html[data-theme="dark"] body.ms-theme-eligible .ms-faq-item-num,
html[data-theme="dark"] .gn-accordion-num,
html[data-theme="dark"] body.ms-theme-eligible .gn-accordion-num {
    color: #C8A15A !important;
}

/* Pipe Divider line inside header: Subtle dark #333333 */
html[data-theme="dark"] .ms-faq-item-num-divider {
    background-color: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

/* Expanded Content Panel & Inner Container Fixes */
html[data-theme="dark"] .elementor-element .ms-faq-desc,
html[data-theme="dark"] body.ms-theme-eligible .elementor-element .ms-faq-desc,
html[data-theme="dark"] [class*="elementor-element"] .ms-faq-desc,
html[data-theme="dark"] .ms-faq-section .ms-faq-desc,
html[data-theme="dark"] .ms-faq-header .ms-faq-desc,
html[data-theme="dark"] .ms-faq-header p,
html[data-theme="dark"] .ms-faq-desc,
html[data-theme="dark"] body.ms-theme-eligible .ms-faq-desc {
    color: #E2E8F0 !important;
}

html[data-theme="dark"] .elementor-element .ms-faq-item-answer,
html[data-theme="dark"] body.ms-theme-eligible .elementor-element .ms-faq-item-answer,
html[data-theme="dark"] [class*="elementor-element"] .ms-faq-item-answer,
html[data-theme="dark"] .ms-faq-section .ms-faq-item-answer,
html[data-theme="dark"] .ms-faq-item-answer,
html[data-theme="dark"] body.ms-theme-eligible .ms-faq-item-answer,
html[data-theme="dark"] .ms-faq-item-panel,
html[data-theme="dark"] body.ms-theme-eligible .ms-faq-item-panel,
html[data-theme="dark"] div.ms-faq-item-panel,
html[data-theme="dark"] .ms-faq-item-panel-inner,
html[data-theme="dark"] body.ms-theme-eligible .ms-faq-item-panel-inner,
html[data-theme="dark"] div.ms-faq-item-panel-inner,
html[data-theme="dark"] .ms-faq-item-panel p,
html[data-theme="dark"] .ms-faq-item-panel-inner p,
html[data-theme="dark"] .gn-accordion-content,
html[data-theme="dark"] body.ms-theme-eligible .gn-accordion-content {
    background-color: #161616 !important;
    background: #161616 !important;
    color: #E2E8F0 !important;
}

/* Horizontal Divider Top Border: Strictly #333333 !important */
html[data-theme="dark"] .ms-faq-item-panel-inner,
html[data-theme="dark"] body.ms-theme-eligible .ms-faq-item-panel-inner,
html[data-theme="dark"] div.ms-faq-item-panel-inner,
html[data-theme="dark"] .ms-faq-item[aria-expanded="true"] .ms-faq-item-panel,
html[data-theme="dark"] .ms-faq-item.active .ms-faq-item-panel,
html[data-theme="dark"] .gn-accordion-item.active .gn-accordion-content,
html[data-theme="dark"] body.ms-theme-eligible .gn-accordion-item.active .gn-accordion-content {
    border-top: 1px solid #333333 !important;
    border-top-color: #333333 !important;
}

/* Inner Details Box: Transparent background */
html[data-theme="dark"] .gn-contact-details,
html[data-theme="dark"] body.ms-theme-eligible .gn-contact-details,
html[data-theme="dark"] .gn-accordion-content .gn-contact-details {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

html[data-theme="dark"] .ms-faq-item-panel *,
html[data-theme="dark"] body.ms-theme-eligible .ms-faq-item-panel *,
html[data-theme="dark"] .ms-faq-item-panel-inner *,
html[data-theme="dark"] body.ms-theme-eligible .ms-faq-item-panel-inner *,
html[data-theme="dark"] .gn-contact-details *,
html[data-theme="dark"] body.ms-theme-eligible .gn-contact-details * {
    background-color: transparent !important;
    background: transparent !important;
}

/* EXPANDED ACCORDION FIELD HEADINGS (REGIONAL HEAD, PHONE & EMAIL, OFFICE LOCATION): FORCED GOLDEN #C8A15A */
html[data-theme="dark"] .gn-detail-label,
html[data-theme="dark"] body .gn-detail-label,
html[data-theme="dark"] body.ms-theme-eligible .gn-detail-label,
html[data-theme="dark"] .gn-contacts-section .gn-detail-label,
html[data-theme="dark"] .gn-accordion-content .gn-detail-label,
html[data-theme="dark"] .gn-contact-details .gn-detail-label,
html[data-theme="dark"] .ms-faq-item-panel strong,
html[data-theme="dark"] .ms-faq-item-panel b,
html[data-theme="dark"] .ms-faq-item-panel h4,
html[data-theme="dark"] .ms-faq-item-panel h5,
html[data-theme="dark"] .ms-faq-item-panel h6,
html[data-theme="dark"] .ms-faq-item-panel-inner strong,
html[data-theme="dark"] .ms-faq-item-panel-inner b,
html[data-theme="dark"] .ms-faq-item-panel-inner h4,
html[data-theme="dark"] .ms-faq-item-panel-inner h5,
html[data-theme="dark"] .ms-faq-item-panel-inner h6,
html[data-theme="dark"] .ms-faq-item-panel .ms-faq-label,
html[data-theme="dark"] .ms-faq-item-panel-inner .ms-faq-label,
html[data-theme="dark"] .ms-faq-item-panel span[class*="label"],
html[data-theme="dark"] .ms-faq-item-panel-inner span[class*="label"],
html[data-theme="dark"] .ms-faq-item-panel-inner div > span:first-child,
html[data-theme="dark"] .ms-faq-item-panel-inner div > div:first-child,
html[data-theme="dark"] .ms-faq-item-panel-inner p > strong,
html[data-theme="dark"] .ms-faq-item-panel-inner p > b,
html[data-theme="dark"] .ms-faq-item-panel-inner p > span:first-child {
    color: #C8A15A !important;
}

/* EXPANDED ACCORDION FIELD VALUES (Rajesh Sharma, +91..., asia@...): LIGHT SILVER #E2E8F0 */
html[data-theme="dark"] .gn-detail-value,
html[data-theme="dark"] body.ms-theme-eligible .gn-detail-value,
html[data-theme="dark"] .gn-detail-value a,
html[data-theme="dark"] body.ms-theme-eligible .gn-detail-value a,
html[data-theme="dark"] .ms-faq-item-panel p,
html[data-theme="dark"] .ms-faq-item-panel-inner p,
html[data-theme="dark"] .ms-faq-item-panel a,
html[data-theme="dark"] .ms-faq-item-panel-inner a {
    color: #E2E8F0 !important;
}

/* ==========================================================================
   8. FORMS & INPUT STYLING IN DARK MODE (BOX SHADOW, NO OUTER BORDER)
   ========================================================================== */

/* Main Section Backgrounds: Deep Charcoal #0B0D11 */
html[data-theme="dark"] body.ms-theme-eligible section.ms-au-values,
html[data-theme="dark"] body.ms-theme-eligible #ms-au-values,
html[data-theme="dark"] body.ms-theme-eligible .ms-au-values,
html[data-theme="dark"] body.ms-theme-eligible .ms-au-who,
html[data-theme="dark"] body.ms-theme-eligible .ms-au-leadership,
html[data-theme="dark"] body.ms-theme-eligible .ms-cr-why,
html[data-theme="dark"] body.ms-theme-eligible .ms-cr-form-section,
html[data-theme="dark"] body.ms-theme-eligible section.ms-cr-form-section,
html[data-theme="dark"] .ms-cr-form-section,
html[data-theme="dark"] body.ms-theme-eligible #ms-cr-form-section,
html[data-theme="dark"] body.ms-theme-eligible .ms-faq-section,
html[data-theme="dark"] body.ms-theme-eligible .gn-contacts-section,
html[data-theme="dark"] .ms-cp-hero,
html[data-theme="dark"] .ms-cp-info-strip,
html[data-theme="dark"] .ms-cp-offices,
html[data-theme="dark"] .ms-cp-form-section {
    background-color: #0B0D11 !important;
    background: #0B0D11 !important;
}

/* OPEN POSITIONS section: #0B0D11 background + 45px top/bottom padding in Dark Mode */
html[data-theme="dark"] body.ms-theme-eligible .ms-cr-positions,
html[data-theme="dark"] .ms-cr-positions {
    background-color: #0B0D11 !important;
    background: #0B0D11 !important;
    padding-top: 45px !important;
    padding-bottom: 45px !important;
}

/* ALL RFQ FORM CONTAINERS (DIV & FORM): SOLID #191919 DARK CARD WITH DARK BORDER */
html[data-theme="dark"] .ms-rfq-form-container,
html[data-theme="dark"] body .ms-rfq-form-container,
html[data-theme="dark"] body.ms-theme-eligible .ms-rfq-form-container,
html[data-theme="dark"] div.ms-rfq-form-container,
html[data-theme="dark"] form.ms-rfq-form-container,
html[data-theme="dark"] .ms-cr-form-right .ms-rfq-form-container,
html[data-theme="dark"] .ms-cr-form-right .ms-cr-form-card,
html[data-theme="dark"] .ms-career-form-container {
    background-color: #191919 !important;
    background: #191919 !important;
    border: 1px solid #282828 !important;
    border-color: #282828 !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45) !important;
    border-radius: 24px !important;
	padding-bottom: 10px;
}

/* Custom Select Dropdown Popup Menu: #191919 with Dark Border (DARK MODE ONLY) */
html[data-theme="dark"] .ms-cr-custom-select-options,
html[data-theme="dark"] body.ms-theme-eligible .ms-cr-custom-select-options,
html[data-theme="dark"] .ms-custom-select-options,
html[data-theme="dark"] body.ms-theme-eligible .ms-custom-select-options,
html[data-theme="dark"] .ms-cr-form-right .ms-cr-custom-select-options {
    background-color: #191919 !important;
    background: #191919 !important;
    border: 1px solid #333333 !important;
    border-color: #333333 !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.6) !important;
}

/* Custom Select Option Items: 100% Bright White Text (#FFFFFF) (DARK MODE ONLY) */
html[data-theme="dark"] .ms-cr-custom-option,
html[data-theme="dark"] body.ms-theme-eligible .ms-cr-custom-option,
html[data-theme="dark"] .ms-cr-custom-option *,
html[data-theme="dark"] body.ms-theme-eligible .ms-cr-custom-option *,
html[data-theme="dark"] .ms-custom-option,
html[data-theme="dark"] body.ms-theme-eligible .ms-custom-option,
html[data-theme="dark"] .ms-custom-option *,
html[data-theme="dark"] body.ms-theme-eligible .ms-custom-option *,
html[data-theme="dark"] .ms-cr-custom-select-option,
html[data-theme="dark"] body.ms-theme-eligible .ms-cr-custom-select-option,
html[data-theme="dark"] .ms-cr-custom-select-option *,
html[data-theme="dark"] body.ms-theme-eligible .ms-cr-custom-select-option * {
    color: #FFFFFF !important;
}

/* Hover and Selected Option State: Gold Highlight (#C8A15A) (DARK MODE ONLY) */
html[data-theme="dark"] .ms-cr-custom-option:hover,
html[data-theme="dark"] body.ms-theme-eligible .ms-cr-custom-option:hover,
html[data-theme="dark"] .ms-cr-custom-option.is-selected,
html[data-theme="dark"] body.ms-theme-eligible .ms-cr-custom-option.is-selected,
html[data-theme="dark"] .ms-cr-custom-option:hover *,
html[data-theme="dark"] body.ms-theme-eligible .ms-cr-custom-option:hover *,
html[data-theme="dark"] .ms-cr-custom-option.is-selected *,
html[data-theme="dark"] body.ms-theme-eligible .ms-cr-custom-option.is-selected *,
html[data-theme="dark"] .ms-custom-option:hover,
html[data-theme="dark"] .ms-custom-option.is-selected,
html[data-theme="dark"] .ms-cr-custom-select-option:hover,
html[data-theme="dark"] .ms-cr-custom-select-option.is-selected {
    color: #C8A15A !important;
    background-color: rgba(200, 161, 90, 0.2) !important;
    background: rgba(200, 161, 90, 0.2) !important;
}

/* Inner Fieldsets & Headers are TRANSPARENT so the form is 100% SINGLE UNIFIED #191919 CARD */
html[data-theme="dark"] body.ms-theme-eligible .ms-cr-form-right .ms-rfq-section,
html[data-theme="dark"] body.ms-theme-eligible .ms-rfq-section,
html[data-theme="dark"] .ms-cr-form-right .ms-rfq-section,
html[data-theme="dark"] body.ms-theme-eligible .ms-cr-form-right .ms-rfq-section-header,
html[data-theme="dark"] .ms-cr-form-right .ms-rfq-section-header {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Input Wrappers & Icon Input Containers: #121211 (DARK MODE ONLY) */
html[data-theme="dark"] .ms-input-icon-wrapper,
html[data-theme="dark"] body.ms-theme-eligible .ms-input-icon-wrapper,
html[data-theme="dark"] .ms-select-wrapper,
html[data-theme="dark"] body.ms-theme-eligible .ms-select-wrapper,
html[data-theme="dark"] .ms-textarea-wrapper,
html[data-theme="dark"] body.ms-theme-eligible .ms-textarea-wrapper,
html[data-theme="dark"] .ms-cr-form-right .ms-input-icon-wrapper,
html[data-theme="dark"] .ms-cr-form-right .ms-select-wrapper {
    background-color: #121211 !important;
    background: #121211 !important;
    border: 1px solid #333333 !important;
    border-color: #333333 !important;
    color: #FFFFFF !important;
}

html[data-theme="dark"] body.ms-theme-eligible input[type="text"],
html[data-theme="dark"] body.ms-theme-eligible input[type="email"],
html[data-theme="dark"] body.ms-theme-eligible input[type="tel"],
html[data-theme="dark"] body.ms-theme-eligible input[type="number"],
html[data-theme="dark"] body.ms-theme-eligible textarea,
html[data-theme="dark"] body.ms-theme-eligible select,
html[data-theme="dark"] body.ms-theme-eligible .ms-search-input,
html[data-theme="dark"] body.ms-theme-eligible .ms-insights-search-input,
html[data-theme="dark"] body.ms-theme-eligible .ms-cr-input,
html[data-theme="dark"] body.ms-theme-eligible .ms-cr-select,
html[data-theme="dark"] .ms-cr-form-right .ms-input-icon-wrapper input,
html[data-theme="dark"] .ms-cr-form-right .ms-input-icon-wrapper select {
    background-color: transparent !important;
    color: #FFFFFF !important;
}

html[data-theme="dark"] body.ms-theme-eligible select option,
html[data-theme="dark"] .ms-cr-form-right select option {
    background-color: #161616 !important;
    color: #FFFFFF !important;
}

html[data-theme="dark"] body.ms-theme-eligible input::placeholder,
html[data-theme="dark"] body.ms-theme-eligible textarea::placeholder,
html[data-theme="dark"] .ms-cr-form-right .ms-input-icon-wrapper input::placeholder {
    color: #9CA3AF !important;
}

html[data-theme="dark"] body.ms-theme-eligible input:focus,
html[data-theme="dark"] body.ms-theme-eligible textarea:focus,
html[data-theme="dark"] body.ms-theme-eligible select:focus,
html[data-theme="dark"] .ms-cr-form-right .ms-input-icon-wrapper:focus-within {
    border-color: #C8A15A !important;
    outline: none !important;
}

/* Upload Box for CV: #0E0E0E with Gold Dashed Border (DARK MODE ONLY) */
html[data-theme="dark"] .ms-cr-upload-area,
html[data-theme="dark"] body.ms-theme-eligible .ms-cr-upload-area,
html[data-theme="dark"] .ms-cr-upload-box,
html[data-theme="dark"] body.ms-theme-eligible .ms-cr-upload-box,
html[data-theme="dark"] .ms-upload-box,
html[data-theme="dark"] body.ms-theme-eligible .ms-upload-box,
html[data-theme="dark"] label.ms-cr-upload-area,
html[data-theme="dark"] body.ms-theme-eligible label.ms-cr-upload-area {
    background-color: #0E0E0E !important;
    background: #0E0E0E !important;
    border: 1.5px dashed rgba(200, 161, 90, 0.4) !important;
    color: #C8A15A !important;
}

html[data-theme="dark"] .ms-cr-upload-area *,
html[data-theme="dark"] body.ms-theme-eligible .ms-cr-upload-area *,
html[data-theme="dark"] label.ms-cr-upload-area span,
html[data-theme="dark"] label.ms-cr-upload-area svg {
    color: #C8A15A !important;
}

/* Stat Numbers & Gold Accents (DARK MODE ONLY) */
html[data-theme="dark"] body.ms-theme-eligible .ms-au-stat-num,
html[data-theme="dark"] body.ms-theme-eligible .ms-cr-feature-number,
html[data-theme="dark"] body.ms-theme-eligible .ms-cr-feature-icon,
html[data-theme="dark"] body.ms-theme-eligible .ms-au-value-icon,
html[data-theme="dark"] body.ms-theme-eligible .ms-au-signature,
html[data-theme="dark"] body.ms-theme-eligible .ms-rfq-section-number,
html[data-theme="dark"] body.ms-theme-eligible .gn-accordion-icon,
html[data-theme="dark"] .ms-au-stat-num,
html[data-theme="dark"] .ms-cr-feature-number,
html[data-theme="dark"] .ms-cr-form-right .ms-rfq-section-number {
    color: #C8A15A !important;
}

/* Form Field Labels & Headers (DARK MODE ONLY, EXCLUDING ACCORDION INNER FIELD LABELS) */
html[data-theme="dark"] body.ms-theme-eligible main label:not(.gn-detail-label),
html[data-theme="dark"] body.ms-theme-eligible .ms-cr-form-card label,
html[data-theme="dark"] body.ms-theme-eligible .ms-career-form-container label,
html[data-theme="dark"] body.ms-theme-eligible .ms-cr-field-label,
html[data-theme="dark"] body.ms-theme-eligible .ms-form-label,
html[data-theme="dark"] body.ms-theme-eligible .ms-rfq-section-header h3,
html[data-theme="dark"] .ms-cr-form-card label,
html[data-theme="dark"] .ms-cr-form-right .ms-form-group label {
    color: #FFFFFF !important;
}

html[data-theme="dark"] body.ms-theme-eligible .ms-cr-form-header,
html[data-theme="dark"] body.ms-theme-eligible .ms-cr-field-group-title,
html[data-theme="dark"] .ms-cr-form-right .ms-rfq-section-header h3 {
    color: #FFFFFF !important;
}

/* Explicit Protection for Header and Footer */
html[data-theme="dark"] .luxury-header,
html[data-theme="dark"] .luxury-header *,
html[data-theme="dark"] .site-header,
html[data-theme="dark"] .site-header *,
html[data-theme="dark"] .site-footer,
html[data-theme="dark"] .site-footer *,
html[data-theme="dark"] .ms-exact-footer,
html[data-theme="dark"] .ms-exact-footer * {
    /* Header and Footer remain 100% untouched */
}

/* ==========================================================================
   9. HOME1 SECTIONS, ELEMENTOR PAGES & CONTACT PAGE DARK MODE OVERRIDES
   ========================================================================== */

/* Main Page & Section Backgrounds in Dark Mode: Deep Charcoal #0B0D11 */
html[data-theme="dark"] .hero-sec,
html[data-theme="dark"] body .hero-sec,
html[data-theme="dark"] #home-hero,
html[data-theme="dark"] .light-hero,
html[data-theme="dark"] .journey-sec-outer,
html[data-theme="dark"] body .journey-sec-outer,
html[data-theme="dark"] #journey-section,
html[data-theme="dark"] .journey-sec-sticky,
html[data-theme="dark"] .journey-sec-pin,
html[data-theme="dark"] .light-journey,
html[data-theme="dark"] .ms-premium-contact,
html[data-theme="dark"] body .ms-premium-contact,
html[data-theme="dark"] #contact,
html[data-theme="dark"] .showcase-sec,
html[data-theme="dark"] .showcase-section,
html[data-theme="dark"] .ms-showcase,
html[data-theme="dark"] .capabilities-sec,
html[data-theme="dark"] body .capabilities-sec,
html[data-theme="dark"] #capabilities-section,
html[data-theme="dark"] .cap-pin-container,
html[data-theme="dark"] .cn-section,
html[data-theme="dark"] #cn-section,
html[data-theme="dark"] .cn-pin,
html[data-theme="dark"] .origins-sec,
html[data-theme="dark"] #origins-section,
html[data-theme="dark"] .light-origins,
html[data-theme="dark"] .ms-contact-page,
html[data-theme="dark"] .ms-cp-page,
html[data-theme="dark"] #single-contact-section,
html[data-theme="dark"] body.page-slug-contact main,
html[data-theme="dark"] body.page-id-contact main,
html[data-theme="dark"] body.page-template-page-contact main {
    background-color: #0B0D11 !important;
    background: #0B0D11 !important;
}

/* 1. Hero & Stats Section (Image 1) */
html[data-theme="dark"] .hero-title,
html[data-theme="dark"] body .hero-title,
html[data-theme="dark"] body.ms-theme-eligible .hero-title {
    color: #FFFFFF !important;
}
html[data-theme="dark"] .hero-subheading,
html[data-theme="dark"] body .hero-subheading,
html[data-theme="dark"] .hero-label,
html[data-theme="dark"] body .hero-label {
    color: #E2E8F0 !important;
}
html[data-theme="dark"] .hero-stat-num,
html[data-theme="dark"] body .hero-stat-num {
    color: #C8A15A !important;
}
html[data-theme="dark"] .hero-stat-label,
html[data-theme="dark"] body .hero-stat-label {
    color: #E2E8F0 !important;
}

/* 2. Journey Of A Commodity Section (Image 2) */
html[data-theme="dark"] .journey-title-main,
html[data-theme="dark"] body .journey-title-main,
html[data-theme="dark"] body.ms-theme-eligible .journey-title-main {
    color: #FFFFFF !important;
}
html[data-theme="dark"] .journey-step,
html[data-theme="dark"] body .journey-step,
html[data-theme="dark"] .ms-journey-card,
html[data-theme="dark"] body .ms-journey-card {
    background-color: #191919 !important;
    background: #191919 !important;
    border: 1px solid #282828 !important;
    border-color: #282828 !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4) !important;
}
html[data-theme="dark"] .step-num,
html[data-theme="dark"] body .step-num {
    color: #C8A15A !important;
}
html[data-theme="dark"] .step-title,
html[data-theme="dark"] body .step-title {
    color: #FFFFFF !important;
    font-weight: 700 !important;
}
html[data-theme="dark"] .step-desc,
html[data-theme="dark"] body .step-desc {
    color: #E2E8F0 !important;
}
html[data-theme="dark"] .journey-connector-line,
html[data-theme="dark"] body .journey-connector-line {
    background-color: #282828 !important;
}

/* 3. Global Trade & Contact Form Section (Image 3 & Contact Page /contact/) */
html[data-theme="dark"] .ms-contact-label,
html[data-theme="dark"] body .ms-contact-label {
    color: #C8A15A !important;
}
html[data-theme="dark"] .ms-contact-title,
html[data-theme="dark"] body .ms-contact-title,
html[data-theme="dark"] h1.ms-cp-hero-title,
html[data-theme="dark"] h2.ms-cp-hero-title {
    color: #FFFFFF !important;
}
html[data-theme="dark"] .ms-contact-desc,
html[data-theme="dark"] body .ms-contact-desc,
html[data-theme="dark"] p.ms-cp-hero-subtitle {
    color: #E2E8F0 !important;
}
html[data-theme="dark"] #contact-form-element,
html[data-theme="dark"] .ms-contact-form-col .ms-rfq-form-container,
html[data-theme="dark"] .ms-cp-form-container,
html[data-theme="dark"] form.ms-cp-form {
    background-color: #191919 !important;
    background: #191919 !important;
    border: 1px solid #282828 !important;
    border-color: #282828 !important;
    box-shadow: 0 16px 45px rgba(0, 0, 0, 0.45) !important;
    border-radius: 24px !important;
}
html[data-theme="dark"] .ms-contact-form-col label,
html[data-theme="dark"] #contact-form-element label,
html[data-theme="dark"] .ms-cp-form label {
    color: #FFFFFF !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}
html[data-theme="dark"] .ms-contact-form-col label span,
html[data-theme="dark"] #contact-form-element label span,
html[data-theme="dark"] .ms-cp-form label span {
    color: #C8A15A !important;
}
html[data-theme="dark"] .ms-form-security-note,
html[data-theme="dark"] body .ms-form-security-note {
    color: #E2E8F0 !important;
}
html[data-theme="dark"] .ms-form-security-note svg,
html[data-theme="dark"] body .ms-form-security-note svg {
    color: #C8A15A !important;
}

/* Contact Page Info Cards & Side Cards (/contact/) */
html[data-theme="dark"] .ms-cp-info-card,
html[data-theme="dark"] .ms-cp-detail-box,
html[data-theme="dark"] .ms-cp-sidebar-widget {
    background-color: #191919 !important;
    background: #191919 !important;
    border: 1px solid #282828 !important;
    border-color: #282828 !important;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.45) !important;
    border-radius: 20px !important;
}
html[data-theme="dark"] .ms-cp-info-title,
html[data-theme="dark"] .ms-cp-detail-box h3,
html[data-theme="dark"] .ms-cp-detail-box h4 {
    color: #FFFFFF !important;
}
html[data-theme="dark"] .ms-cp-info-text,
html[data-theme="dark"] .ms-cp-detail-box p,
html[data-theme="dark"] .ms-cp-detail-box a {
    color: #E2E8F0 !important;
}

/* 4. Category Showcase Section (Image 4) */
html[data-theme="dark"] .showcase-title,
html[data-theme="dark"] body .showcase-title,
html[data-theme="dark"] .showcase-heading,
html[data-theme="dark"] body .showcase-heading,
html[data-theme="dark"] .ms-showcase-title,
html[data-theme="dark"] body .ms-showcase-title {
    color: #FFFFFF !important;
}
html[data-theme="dark"] .showcase-slide,
html[data-theme="dark"] body .showcase-slide,
html[data-theme="dark"] .showcase-card,
html[data-theme="dark"] body .showcase-card {
    background-color: #191919 !important;
    background: #191919 !important;
    border: 1px solid #282828 !important;
    border-color: #282828 !important;
    border-radius: 20px !important;
}

/* Editorial Archive Section — Dark Mode */
html[data-theme="dark"] #archive-sticky-sec,
html[data-theme="dark"] body #archive-sticky-sec {
    background-color: #0B0D11 !important;
    background: #0B0D11 !important;
    color: #FFFFFF !important;
}
html[data-theme="dark"] .ms-archive-hero-title,
html[data-theme="dark"] body .ms-archive-hero-title,
html[data-theme="dark"] .archive-title,
html[data-theme="dark"] body .archive-title {
    color: #FFFFFF !important;
}
html[data-theme="dark"] .ms-archive-hero-title span,
html[data-theme="dark"] body .ms-archive-hero-title span {
    color: #FFFFFF !important;
}
html[data-theme="dark"] .archive-highlight,
html[data-theme="dark"] body .archive-highlight {
    color: #C8A15A !important;
}
html[data-theme="dark"] .ms-archive-card-name,
html[data-theme="dark"] body .ms-archive-card-name {
    color: #FFFFFF !important;
}

/* 5. Capabilities & Manifesto Section — Dark Mode
   GSAP animates .cap-char inline color: #B8B8B8 → #111111.
   filter: invert(1) on the TEXT WRAPPER (transparent bg) flips the rendered colors:
     #B8B8B8 (grey start) → inverted → #474747 (dim dark) = subtle dimmed text ✓
     #111111 (black end)  → inverted → #EEEEEE (near white) = bright readable text ✓
   Animation preserved because GSAP still updates inline colors — we just invert the output. */
html[data-theme="dark"] .capabilities-sec,
html[data-theme="dark"] body .capabilities-sec {
    background-color: #0B0D11 !important;
    background: #0B0D11 !important;
}
html[data-theme="dark"] .cap-pin-container,
html[data-theme="dark"] body .cap-pin-container {
    background-color: #0B0D11 !important;
    background: #0B0D11 !important;
    filter: none !important;
}
html[data-theme="dark"] .cap-text-wrapper,
html[data-theme="dark"] body .cap-text-wrapper {
    filter: invert(1) !important;
}
html[data-theme="dark"] .cap-statement,
html[data-theme="dark"] body .cap-statement {
    color: #111111 !important;
}
html[data-theme="dark"] .cn-heading,
html[data-theme="dark"] body .cn-heading,
html[data-theme="dark"] .cn-slide,
html[data-theme="dark"] body .cn-slide {
    color: #FFFFFF !important;
    --cn-target-color: #FFFFFF !important;
}
html[data-theme="dark"] .cn-star-icon,
html[data-theme="dark"] body .cn-star-icon {
    color: #C8A15A !important;
    fill: #C8A15A !important;
}

/* Hero Globe Canvas — Render exactly as light mode, no tricks needed.
   Background (#0B0D11) already set in Section 9 above.
   Canvas renders freely — golden dots show naturally on dark bg.
   No position/blend-mode/opacity overrides so layout stays centered. */
html[data-theme="dark"] .hero-canvas-container,
html[data-theme="dark"] body .hero-canvas-container {
    mix-blend-mode: normal !important;
    opacity: 1 !important;
    position: absolute !important;
}
html[data-theme="dark"] #hero-globe-canvas,
html[data-theme="dark"] .hero-globe-canvas {
    mix-blend-mode: normal !important;
}

/* ==========================================================================
   10. BLOG LISTING & SINGLE POST PAGE DARK MODE OVERRIDES
   ========================================================================== */

/* --- Blog Listing: Read More Button --- */
html[data-theme="dark"] .ms-insight-read-more,
html[data-theme="dark"] body .ms-insight-read-more,
html[data-theme="dark"] .ms-insight-link .ms-insight-read-more {
    color: #FFFFFF !important;
}
html[data-theme="dark"] .ms-insight-read-more svg,
html[data-theme="dark"] body .ms-insight-read-more svg {
    stroke: #C8A15A !important;
}
html[data-theme="dark"] .ms-insight-link:hover .ms-insight-read-more {
    color: #C8A15A !important;
}

/* Blog Listing: Headlines & Excerpt text */
html[data-theme="dark"] .ms-insight-headline,
html[data-theme="dark"] body .ms-insight-headline {
    color: #FFFFFF !important;
}
html[data-theme="dark"] .ms-insight-featured .ms-insight-excerpt,
html[data-theme="dark"] body .ms-insight-excerpt {
    color: #E2E8F0 !important;
}
html[data-theme="dark"] .ms-insight-secondary .ms-insight-read-more {
    color: #FFFFFF !important;
}

/* --- Single Post Page Background --- */
html[data-theme="dark"] .ms-single-post-main,
html[data-theme="dark"] body .ms-single-post-main {
    background-color: #0B0D11 !important;
    background: #0B0D11 !important;
}

/* --- Single Post: Article Content --- */
html[data-theme="dark"] .ms-post-cat-tag,
html[data-theme="dark"] body .ms-post-cat-tag {
    color: #C8A15A !important;
}
html[data-theme="dark"] .ms-post-title,
html[data-theme="dark"] body .ms-post-title {
    color: #FFFFFF !important;
}
html[data-theme="dark"] .ms-post-meta-bar,
html[data-theme="dark"] body .ms-post-meta-bar {
    border-bottom-color: #282828 !important;
    color: #E2E8F0 !important;
}
html[data-theme="dark"] .ms-meta-item,
html[data-theme="dark"] body .ms-meta-item {
    color: #E2E8F0 !important;
}
html[data-theme="dark"] .ms-meta-divider,
html[data-theme="dark"] body .ms-meta-divider {
    color: #444444 !important;
}

/* --- Single Post: Body Content --- */
html[data-theme="dark"] .ms-post-body-content,
html[data-theme="dark"] body .ms-post-body-content {
    color: #E2E8F0 !important;
}
html[data-theme="dark"] .ms-post-body-content p {
    color: #E2E8F0 !important;
}
html[data-theme="dark"] .ms-post-body-content h2,
html[data-theme="dark"] .ms-post-body-content h3,
html[data-theme="dark"] .ms-post-body-content h4 {
    color: #FFFFFF !important;
}
html[data-theme="dark"] .ms-post-body-content blockquote {
    background-color: #191919 !important;
    border-left-color: #C8A15A !important;
    color: #E2E8F0 !important;
}

/* --- Single Post: Prev/Next Nav --- */
html[data-theme="dark"] .ms-post-nav-wrapper,
html[data-theme="dark"] body .ms-post-nav-wrapper {
    border-top-color: #282828 !important;
}
html[data-theme="dark"] .ms-nav-link,
html[data-theme="dark"] body .ms-nav-link {
    background: #191919 !important;
    border-color: #282828 !important;
}
html[data-theme="dark"] .ms-nav-link:hover {
    border-color: #C8A15A !important;
}
html[data-theme="dark"] .ms-nav-title,
html[data-theme="dark"] body .ms-nav-title {
    color: #FFFFFF !important;
}

/* --- Single Post: Sidebar Widgets --- */
html[data-theme="dark"] .ms-sidebar-widget,
html[data-theme="dark"] body .ms-sidebar-widget {
    background: #191919 !important;
    border-color: #282828 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}
html[data-theme="dark"] .ms-sidebar-title,
html[data-theme="dark"] body .ms-sidebar-title {
    color: #FFFFFF !important;
    border-bottom-color: #282828 !important;
}

/* Categories List */
html[data-theme="dark"] .ms-sidebar-cat-list li a,
html[data-theme="dark"] body .ms-sidebar-cat-list li a {
    color: #E2E8F0 !important;
}
html[data-theme="dark"] .ms-sidebar-cat-list li a:hover,
html[data-theme="dark"] .ms-sidebar-cat-list li.active a {
    background: #282828 !important;
    color: #C8A15A !important;
}
html[data-theme="dark"] .ms-cat-arrow,
html[data-theme="dark"] body .ms-cat-arrow {
    color: #555555 !important;
}

/* Recent Posts */
html[data-theme="dark"] .ms-sidebar-recent-item.active,
html[data-theme="dark"] body .ms-sidebar-recent-item.active {
    background: #1E1E1E !important;
    border-color: rgba(200, 161, 90, 0.4) !important;
}
html[data-theme="dark"] .ms-recent-title,
html[data-theme="dark"] body .ms-recent-title {
    color: #FFFFFF !important;
}
html[data-theme="dark"] .ms-recent-date,
html[data-theme="dark"] body .ms-recent-date {
    color: #888888 !important;
}

/* Share Buttons */
html[data-theme="dark"] .ms-share-btn,
html[data-theme="dark"] body .ms-share-btn {
    background: #191919 !important;
    border-color: #282828 !important;
    color: #E2E8F0 !important;
}
html[data-theme="dark"] .ms-share-btn:hover {
    border-color: #C8A15A !important;
    color: #C8A15A !important;
}

/* ==========================================================================
   11. CONTACT & CAREER PAGE FORM DARK MODE OVERRIDES
   Uses exact same specificity as careers-page.css (.ms-cr-form-right .ms-rfq-form-container)
   and contact-page.css (.ms-cp-form-right .ms-rfq-form-container)
   ========================================================================== */

/* ── "HOW CAN WE HELP YOU?" heading & description ── */
html[data-theme="dark"] .ms-cp-form-title,
html[data-theme="dark"] body .ms-cp-form-title {
    color: #FFFFFF !important;
}
html[data-theme="dark"] .ms-cp-form-desc,
html[data-theme="dark"] body .ms-cp-form-desc {
    color: #B0B8C4 !important;
}

/* ── Careers & Contact Form Cards — Specificity (0, 5, 3) defeating Elementor (0, 4, 0) ── */
/* ── Careers & Contact Form Cards — Dark Mode Only (#191919) ── */
html[data-theme="dark"] .ms-cr-form-card,
html[data-theme="dark"] body.elementor-page div.elementor-element div.elementor-widget-container .ms-cr-form-card,
html[data-theme="dark"] body div.elementor-element.elementor-element div.elementor-widget-container .ms-cr-form-card,
html[data-theme="dark"] body .elementor-section .elementor-column .elementor-widget .ms-cr-form-card,
html[data-theme="dark"] body .elementor-container .elementor-column .elementor-widget-container .ms-cr-form-card,
html[data-theme="dark"] body [data-elementor-id] .elementor-element.elementor-element .ms-cr-form-card,
html[data-theme="dark"] body [class*="elementor"] .elementor-element.elementor-element .ms-cr-form-card,
html[data-theme="dark"] body.elementor-page div.elementor-element div.elementor-widget-container form.ms-cr-form-card,
html[data-theme="dark"] body.elementor-page div.elementor-element div.elementor-widget-container .ms-rfq-form-container,
html[data-theme="dark"] body.elementor-page div.elementor-element div.elementor-widget-container .ms-cp-form-card {
    background: #191919 !important;
    background-color: #191919 !important;
    border: 1px solid #282828 !important;
    border-radius: 18px !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5) !important;
}

/* ── Contact page offices section padding in dark mode ── */
html[data-theme="dark"] .ms-cp-offices,
html[data-theme="dark"] #ms-cp-offices {
    padding-top: 85px !important;
    padding-bottom: 45px !important;
}

/* Contact Page Info Item Divider Borders — Dark Mode Specificity (0, 5, 3) defeating Elementor (0, 4, 0) */
html[data-theme="dark"] .ms-cp-info-item,
html[data-theme="dark"] body.elementor-page div.elementor-element div.elementor-widget-container .ms-cp-info-item,
html[data-theme="dark"] body div.elementor-element.elementor-element div.elementor-widget-container .ms-cp-info-item,
html[data-theme="dark"] body .elementor-section .elementor-column .elementor-widget .ms-cp-info-item,
html[data-theme="dark"] body .elementor-container .elementor-column .elementor-widget-container .ms-cp-info-item,
html[data-theme="dark"] body [data-elementor-id] .elementor-element.elementor-element .ms-cp-info-item,
html[data-theme="dark"] body [class*="elementor"] .elementor-element.elementor-element .ms-cp-info-item {
    border-color: #282828 !important;
    border-left-color: #282828 !important;
    border-top-color: #282828 !important;
}

/* ── Section header labels ── */
html[data-theme="dark"] .ms-cr-form-right .ms-rfq-section-header h3,
html[data-theme="dark"] .ms-cp-form-right .ms-rfq-section-header h3 {
    color: #FFFFFF !important;
}
html[data-theme="dark"] .ms-rfq-divider {
    border-top-color: rgba(255,255,255,0.07) !important;
}

/* ── Form group labels ── */
html[data-theme="dark"] .ms-cr-form-right .ms-form-group label,
html[data-theme="dark"] .ms-cp-form-right .ms-form-group label {
    color: #B0B8C4 !important;
}

/* ── Input / Select wrappers — Dark Mode Only (#121211) ── */
html[data-theme="dark"] .ms-cr-form-right .ms-input-icon-wrapper,
html[data-theme="dark"] .ms-cr-form-right .ms-textarea-wrapper,
html[data-theme="dark"] .ms-cp-form-right .ms-input-icon-wrapper,
html[data-theme="dark"] .ms-cp-form-right .ms-textarea-wrapper,
html[data-theme="dark"] .ms-input-icon-wrapper,
html[data-theme="dark"] .ms-textarea-wrapper,
html[data-theme="dark"] .ms-select-wrapper,
html[data-theme="dark"] .ms-input-icon-wrapper.ms-select-wrapper,
html[data-theme="dark"] body.elementor-page div.elementor-element div.elementor-widget-container .ms-input-icon-wrapper,
html[data-theme="dark"] body.elementor-page div.elementor-element div.elementor-widget-container .ms-textarea-wrapper,
html[data-theme="dark"] body.elementor-page div.elementor-element div.elementor-widget-container .ms-select-wrapper {
    background: #121211 !important;
    background-color: #121211 !important;
    border: 1px solid #282828 !important;
    border-color: #282828 !important;
    border-radius: 12px !important;
}

/* Ensure dropdown options remain visible */
html[data-theme="dark"] .ms-select-wrapper,
html[data-theme="dark"] .ms-input-icon-wrapper.ms-select-wrapper {
    overflow: visible !important;
    position: relative !important;
}

html[data-theme="dark"] .ms-input-icon-wrapper input,
html[data-theme="dark"] .ms-input-icon-wrapper select,
html[data-theme="dark"] .ms-textarea-wrapper textarea,
html[data-theme="dark"] .ms-input-icon-wrapper textarea {
    background: transparent !important;
    background-color: transparent !important;
    color: #FFFFFF !important;
}

html[data-theme="dark"] .ms-input-icon-wrapper input::placeholder,
html[data-theme="dark"] .ms-textarea-wrapper textarea::placeholder,
html[data-theme="dark"] .ms-input-icon-wrapper textarea::placeholder {
    color: #8E8E93 !important;
}
/* ── Force open dropdown panels to be visible above everything ── */
html[data-theme="dark"] .ms-select-wrapper.is-open .ms-custom-select-options,
html[data-theme="dark"] .ms-select-wrapper.is-open .ms-cp-custom-select-options,
html[data-theme="dark"] .ms-custom-select-wrapper.open .ms-custom-select-options {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    z-index: 99999 !important;
}

/* ── Custom select trigger (the clickable bar) ── */
html[data-theme="dark"] .ms-custom-select-trigger,
html[data-theme="dark"] .ms-select-wrapper .ms-custom-select-trigger {
    background: transparent !important;
    background-color: transparent !important;
    border-radius: inherit !important;
}
html[data-theme="dark"] .ms-cr-form-right .ms-input-icon-wrapper:focus-within,
html[data-theme="dark"] .ms-cp-form-right .ms-input-icon-wrapper:focus-within,
html[data-theme="dark"] .ms-cr-form-right .ms-textarea-wrapper:focus-within,
html[data-theme="dark"] .ms-cp-form-right .ms-textarea-wrapper:focus-within,
html[data-theme="dark"] .ms-input-icon-wrapper:focus-within,
html[data-theme="dark"] .ms-textarea-wrapper:focus-within {
    border-color: #444444 !important;
}
html[data-theme="dark"] .ms-cr-form-right .ms-input-icon-wrapper svg,
html[data-theme="dark"] .ms-cp-form-right .ms-input-icon-wrapper svg {
    color: #666666 !important;
    stroke: #666666 !important;
}

/* ── Inputs, selects, textareas ── */
html[data-theme="dark"] .ms-cr-form-right .ms-input-icon-wrapper input,
html[data-theme="dark"] .ms-cr-form-right .ms-input-icon-wrapper select,
html[data-theme="dark"] .ms-cr-form-right .ms-textarea-wrapper textarea,
html[data-theme="dark"] .ms-cp-form-right .ms-input-icon-wrapper input,
html[data-theme="dark"] .ms-cp-form-right .ms-input-icon-wrapper select,
html[data-theme="dark"] .ms-cp-form-right .ms-textarea-wrapper textarea {
    color: #FFFFFF !important;
    background: transparent !important;
}
html[data-theme="dark"] .ms-cr-form-right .ms-input-icon-wrapper input::placeholder,
html[data-theme="dark"] .ms-cr-form-right .ms-textarea-wrapper textarea::placeholder,
html[data-theme="dark"] .ms-cp-form-right .ms-input-icon-wrapper input::placeholder,
html[data-theme="dark"] .ms-cp-form-right .ms-textarea-wrapper textarea::placeholder {
    color: #555555 !important;
}

/* ── CAREER PAGE: Custom floating dropdown panel (.ms-custom-select-options) ── */
html[data-theme="dark"] .ms-custom-select-options {
    background: #1A1A1A !important;
    background-color: #1A1A1A !important;
    border-color: rgba(200, 161, 90, 0.25) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.6) !important;
}
html[data-theme="dark"] .ms-custom-option {
    color: #E2E8F0 !important;
}
html[data-theme="dark"] .ms-custom-option:first-child {
    background: rgba(200, 161, 90, 0.12) !important;
    color: #C8A15A !important;
    font-weight: 600 !important;
}
html[data-theme="dark"] .ms-custom-option:hover {
    background: rgba(200, 161, 90, 0.1) !important;
    color: #C8A15A !important;
}
html[data-theme="dark"] .ms-custom-option.is-selected {
    background: rgba(200, 161, 90, 0.18) !important;
    color: #C8A15A !important;
    font-weight: 600 !important;
}

/* ── CONTACT PAGE: Custom floating dropdown panel (.ms-cp-custom-select-options) ── */
html[data-theme="dark"] .ms-cp-custom-select-options {
    background: #1A1A1A !important;
    background-color: #1A1A1A !important;
    border-color: rgba(200, 161, 90, 0.25) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.6) !important;
}
html[data-theme="dark"] .ms-cp-custom-option {
    color: #E2E8F0 !important;
}
html[data-theme="dark"] .ms-cp-custom-option:first-child {
    background: rgba(200, 161, 90, 0.12) !important;
    color: #C8A15A !important;
    font-weight: 600 !important;
}
html[data-theme="dark"] .ms-cp-custom-option:hover {
    background: rgba(199, 154, 91, 0.08) !important;
    color: #C79A5B !important;
}
html[data-theme="dark"] .ms-cp-custom-option.is-selected {
    background: rgba(199, 154, 91, 0.18) !important;
    color: #C8A15A !important;
    font-weight: 600 !important;
}

/* ── Native <select> fallback ── */
html[data-theme="dark"] .ms-cr-form-right select option,
html[data-theme="dark"] .ms-cp-form-right select option,
html[data-theme="dark"] .ms-cp-form-right .ms-rfq-form-container select option {
    background-color: #1A1A1A !important;
    color: #E2E8F0 !important;
}

/* ── Form section wrappers background ── */
html[data-theme="dark"] .ms-cp-form-section,
html[data-theme="dark"] body .ms-cp-form-section,
html[data-theme="dark"] .ms-cr-form-section,
html[data-theme="dark"] body .ms-cr-form-section {
    background-color: #0B0D11 !important;
    background: #0B0D11 !important;
}

/* ── Career form left text ── */
html[data-theme="dark"] .ms-cr-section-title,
html[data-theme="dark"] body .ms-cr-section-title {
    color: #FFFFFF !important;
}
html[data-theme="dark"] .ms-cr-form-desc,
html[data-theme="dark"] body .ms-cr-form-desc {
    color: #B0B8C4 !important;
}

/* ── Contact hero (LET'S CONNECT) ── */
html[data-theme="dark"] .ms-contact-title,
html[data-theme="dark"] body .ms-contact-title {
    color: #FFFFFF !important;
}
html[data-theme="dark"] .ms-contact-desc,
html[data-theme="dark"] body .ms-contact-desc {
    color: #E2E8F0 !important;
}
html[data-theme="dark"] .ms-contact-stat .ms-stat-text,
html[data-theme="dark"] body .ms-contact-stat .ms-stat-text {
    color: #E2E8F0 !important;
}
html[data-theme="dark"] .ms-premium-contact,
html[data-theme="dark"] body .ms-premium-contact {
    background-color: #0B0D11 !important;
    background: #0B0D11 !important;
}
html[data-theme="dark"] .ms-premium-form input,
html[data-theme="dark"] .ms-premium-form textarea,
html[data-theme="dark"] body .ms-premium-form input,
html[data-theme="dark"] body .ms-premium-form textarea {
    color: #FFFFFF !important;
    border-bottom-color: #333333 !important;
}
html[data-theme="dark"] .ms-premium-form label,
html[data-theme="dark"] body .ms-premium-form label {
    color: #E2E8F0 !important;
}


/* ── "HOW CAN WE HELP YOU?" heading & description ── */
html[data-theme="dark"] .ms-cp-form-title,
html[data-theme="dark"] body .ms-cp-form-title {
    color: #FFFFFF !important;
}
html[data-theme="dark"] .ms-cp-form-desc,
html[data-theme="dark"] body .ms-cp-form-desc {
    color: #B0B8C4 !important;
}

/* ── Form card — the white rounded card (both career & contact) ── */
html[data-theme="dark"] .ms-rfq-form-container,
html[data-theme="dark"] body .ms-rfq-form-container,
html[data-theme="dark"] .ms-cr-form-card,
html[data-theme="dark"] body .ms-cr-form-card {
    background: #191919 !important;
    background-color: #191919 !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5) !important;
    border: 1px solid #282828 !important;
}

/* ── Section header labels ── */
html[data-theme="dark"] .ms-rfq-section-header h3,
html[data-theme="dark"] body .ms-rfq-section-header h3 {
    color: #FFFFFF !important;
}
html[data-theme="dark"] .ms-rfq-divider {
    border-top-color: rgba(255,255,255,0.07) !important;
}

/* ── Form group labels ── */
html[data-theme="dark"] .ms-form-group label,
html[data-theme="dark"] body .ms-form-group label {
    color: #B0B8C4 !important;
}

/* ── Input / Select wrappers ── */
html[data-theme="dark"] .ms-input-icon-wrapper,
html[data-theme="dark"] .ms-textarea-wrapper,
html[data-theme="dark"] body .ms-input-icon-wrapper,
html[data-theme="dark"] body .ms-textarea-wrapper {
    background: #0D0D0D !important;
    background-color: #0D0D0D !important;
    border-color: #2E2E2E !important;
}
html[data-theme="dark"] .ms-input-icon-wrapper:focus-within,
html[data-theme="dark"] .ms-textarea-wrapper:focus-within {
    border-color: #C8A15A !important;
}
html[data-theme="dark"] .ms-input-icon-wrapper svg,
html[data-theme="dark"] .ms-textarea-wrapper svg {
    color: #666666 !important;
    stroke: #666666 !important;
}

/* ── Inputs, selects, textareas inside wrappers ── */
html[data-theme="dark"] .ms-input-icon-wrapper input,
html[data-theme="dark"] .ms-input-icon-wrapper select,
html[data-theme="dark"] .ms-textarea-wrapper textarea,
html[data-theme="dark"] body .ms-input-icon-wrapper input,
html[data-theme="dark"] body .ms-input-icon-wrapper select,
html[data-theme="dark"] body .ms-textarea-wrapper textarea {
    color: #FFFFFF !important;
    background: transparent !important;
}
html[data-theme="dark"] .ms-input-icon-wrapper input::placeholder,
html[data-theme="dark"] .ms-textarea-wrapper textarea::placeholder {
    color: #555555 !important;
}

/* ── Custom floating dropdown panel ── */
html[data-theme="dark"] .ms-custom-select-options,
html[data-theme="dark"] body .ms-custom-select-options {
    background: #1A1A1A !important;
    background-color: #1A1A1A !important;
    border-color: rgba(200, 161, 90, 0.25) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.6) !important;
}

/* ── Custom dropdown: first option (placeholder/header row) ── */
html[data-theme="dark"] .ms-custom-option:first-child,
html[data-theme="dark"] body .ms-custom-option:first-child {
    background: rgba(200, 161, 90, 0.12) !important;
    color: #C8A15A !important;
    font-weight: 600 !important;
}

/* ── Custom dropdown: regular option items ── */
html[data-theme="dark"] .ms-custom-option,
html[data-theme="dark"] body .ms-custom-option {
    color: #E2E8F0 !important;
}
html[data-theme="dark"] .ms-custom-option:hover,
html[data-theme="dark"] body .ms-custom-option:hover {
    background: rgba(200, 161, 90, 0.1) !important;
    color: #C8A15A !important;
}
html[data-theme="dark"] .ms-custom-option.is-selected,
html[data-theme="dark"] body .ms-custom-option.is-selected {
    background: rgba(200, 161, 90, 0.18) !important;
    color: #C8A15A !important;
    font-weight: 600 !important;
}

/* ── Native <select> fallback (browser default dropdown) ── */
html[data-theme="dark"] .ms-select-wrapper select,
html[data-theme="dark"] body .ms-select-wrapper select,
html[data-theme="dark"] #ms_cp_country,
html[data-theme="dark"] body #ms_cp_country,
html[data-theme="dark"] #ms_cr_location,
html[data-theme="dark"] body #ms_cr_location {
    background-color: #0D0D0D !important;
    background: #0D0D0D !important;
    color: #FFFFFF !important;
}
html[data-theme="dark"] .ms-select-wrapper select option,
html[data-theme="dark"] #ms_cp_country option,
html[data-theme="dark"] #ms_cr_location option {
    background-color: #1A1A1A !important;
    color: #E2E8F0 !important;
}

/* ── Form sections background (contact form section wrapper) ── */
html[data-theme="dark"] .ms-cp-form-section,
html[data-theme="dark"] body .ms-cp-form-section,
html[data-theme="dark"] .ms-cr-form-section,
html[data-theme="dark"] body .ms-cr-form-section {
    background-color: #0B0D11 !important;
    background: #0B0D11 !important;
}

/* ── Career form left text area ── */
html[data-theme="dark"] .ms-cr-section-title,
html[data-theme="dark"] body .ms-cr-section-title {
    color: #FFFFFF !important;
}
html[data-theme="dark"] .ms-cr-form-desc,
html[data-theme="dark"] body .ms-cr-form-desc {
    color: #B0B8C4 !important;
}

/* ── Contact hero section (LET'S CONNECT) ── */
html[data-theme="dark"] .ms-contact-title,
html[data-theme="dark"] body .ms-contact-title {
    color: #FFFFFF !important;
}
html[data-theme="dark"] .ms-contact-desc,
html[data-theme="dark"] body .ms-contact-desc {
    color: #E2E8F0 !important;
}
html[data-theme="dark"] .ms-contact-stat .ms-stat-text,
html[data-theme="dark"] body .ms-contact-stat .ms-stat-text {
    color: #E2E8F0 !important;
}
html[data-theme="dark"] .ms-premium-contact,
html[data-theme="dark"] body .ms-premium-contact {
    background-color: #0B0D11 !important;
    background: #0B0D11 !important;
}
html[data-theme="dark"] .ms-premium-form input,
html[data-theme="dark"] .ms-premium-form textarea,
html[data-theme="dark"] body .ms-premium-form input,
html[data-theme="dark"] body .ms-premium-form textarea {
    color: #FFFFFF !important;
    border-bottom-color: #333333 !important;
}
html[data-theme="dark"] .ms-premium-form label,
html[data-theme="dark"] body .ms-premium-form label {
    color: #E2E8F0 !important;
}

/* ── Products Page Empty Results State (No Commodities Found) ── */
html[data-theme="dark"] .ms-no-results,
html[data-theme="dark"] body .ms-no-results,
html[data-theme="dark"] div.ms-no-results {
    background-color: #12141A !important;
    background: #12141A !important;
    border: 1px solid rgba(200, 161, 90, 0.3) !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
    color: #FFFFFF !important;
}

html[data-theme="dark"] .ms-no-results h3,
html[data-theme="dark"] .ms-no-results h4,
html[data-theme="dark"] .ms-no-results p,
html[data-theme="dark"] .ms-no-results span,
html[data-theme="dark"] body .ms-no-results h3,
html[data-theme="dark"] body .ms-no-results p {
    color: #E2E8F0 !important;
}

html[data-theme="dark"] .ms-no-results a,
html[data-theme="dark"] .ms-no-results button,
html[data-theme="dark"] .ms-no-results #ms-reset-filters,
html[data-theme="dark"] .ms-no-results .ms-btn-outline,
html[data-theme="dark"] body .ms-no-results #ms-reset-filters {
    color: #C8A15A !important;
    border-color: #C8A15A !important;
    background: transparent !important;
    text-decoration: none !important;
}

html[data-theme="dark"] .ms-no-results a:hover,
html[data-theme="dark"] .ms-no-results button:hover,
html[data-theme="dark"] .ms-no-results #ms-reset-filters:hover {
    background: rgba(200, 161, 90, 0.15) !important;
    color: #FFFFFF !important;
}

/* ── Category Bar Dropdown Menus ── */
@media (min-width: 1440px) {
    .ms-category-bar-wrapper,
    .ms-category-bar,
    html[data-theme="dark"] .ms-category-bar-wrapper,
    html[data-theme="dark"] .ms-category-bar {
        overflow: visible !important;
        overflow-x: visible !important;
    }
}

/* Ultimate overrides for category bar horizontal scroll on mobile, tablet, and small laptop viewports */
@media (max-width: 1439px) {
    .ms-category-bar-wrapper,
    html[data-theme="dark"] .ms-category-bar-wrapper {
        overflow-x: auto !important;
        overflow-y: hidden !important;
        touch-action: pan-x pan-y !important;
        -webkit-overflow-scrolling: touch !important;
    }
    .ms-category-bar,
    html[data-theme="dark"] .ms-category-bar {
        flex-wrap: nowrap !important;
        width: max-content !important;
        overflow: visible !important;
        justify-content: flex-start !important;
    }
    .ms-category-bar .ms-cat-pill-item {
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: none !important;
        box-sizing: border-box !important;
    }
    .ms-category-bar .ms-cat-btn,
    .ms-category-bar .ms-pill,
    .ms-category-bar .ms-cat-pill-item .ms-pill {
        width: auto !important;
        min-width: 0 !important;
        flex: 0 0 auto !important;
        max-width: none !important;
        white-space: nowrap !important;
        padding-inline: 20px !important;
        margin: 0 !important;
    }
}

@media (max-width: 1023px) {
    .ms-category-bar-wrapper,
    html[data-theme="dark"] .ms-category-bar-wrapper {
        border-radius: 24px !important;
    }
    .ms-category-bar,
    html[data-theme="dark"] .ms-category-bar {
        padding-inline: 10px !important;
    }
}

.ms-cat-pill-item {
    position: relative !important;
}

.ms-cat-pill-item:hover .ms-cat-dropdown-menu,
.ms-cat-pill-item:focus-within .ms-cat-dropdown-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateX(-50%) translateY(0) !important;
}

html[data-theme="dark"] .ms-cat-dropdown-menu {
    background-color: #16181D !important;
    background: #16181D !important;
    border: 1px solid rgba(200, 161, 90, 0.35) !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.6) !important;
}

html[data-theme="dark"] .ms-cat-dropdown-header {
    color: #C8A15A !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

html[data-theme="dark"] .ms-cat-dropdown-item {
    color: #E2E8F0 !important;
}

html[data-theme="dark"] .ms-cat-dropdown-item:hover {
    background: rgba(200, 161, 90, 0.15) !important;
    color: #C8A15A !important;
}

/* ==========================================================================
   MEGA MENU — DARK MODE
   Backdrop, nav items, preview panel, footer, close button all go dark.
   ========================================================================== */

/* 1. Full-screen backdrop → deep dark */
html[data-theme="dark"] .mega-menu .menu-backdrop,
html[data-theme="dark"] body .menu-backdrop {
    background: rgba(8, 10, 14, 0.97) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
}

/* 2. Left column border */
html[data-theme="dark"] .menu-col-left,
html[data-theme="dark"] body .menu-col-left {
    border-right-color: rgba(255, 255, 255, 0.08) !important;
}

/* 3. Category label ("THE CATEGORIES" etc.) */
html[data-theme="dark"] .menu-label,
html[data-theme="dark"] body .menu-label {
    color: #C8A15A !important;
}

/* 4. Nav items (Spices / Pulses etc.) */
html[data-theme="dark"] .mega-menu-list .mega-menu-item,
html[data-theme="dark"] body .mega-menu-item {
    color: #E2E8F0 !important;
}
html[data-theme="dark"] .mega-menu-list .mega-menu-item:hover,
html[data-theme="dark"] body .mega-menu-item:hover {
    color: #C8A15A !important;
}

/* 5. Right panel — default preview box (#191919 background) */
html[data-theme="dark"] .preview-default-content,
html[data-theme="dark"] .light-preview,
html[data-theme="dark"] body .preview-default-content,
html[data-theme="dark"] body .light-preview,
html[data-theme="dark"] body.elementor-page div.elementor-element .preview-default-content,
html[data-theme="dark"] body div.elementor-element.elementor-element .preview-default-content,
html[data-theme="dark"] body [data-elementor-id] .preview-default-content {
    background: #191919 !important;
    background-color: #191919 !important;
    border: 1px solid #282828 !important;
    border-color: #282828 !important;
}

/* 6. Preview title (MOLVIZADAH SONS) */
html[data-theme="dark"] .preview-title,
html[data-theme="dark"] body .preview-title {
    color: #C8A15A !important;
}

/* 7. Preview description text */
html[data-theme="dark"] .preview-description,
html[data-theme="dark"] body .preview-description {
    color: #9CA3AF !important;
}

/* 8. Preview badge (12+ COUNTRIES | 100+ COMMODITIES) */
html[data-theme="dark"] .preview-badge,
html[data-theme="dark"] body .preview-badge,
html[data-theme="dark"] body.elementor-page div.elementor-element .preview-badge,
html[data-theme="dark"] body div.elementor-element.elementor-element .preview-badge {
    background: #121211 !important;
    background-color: #121211 !important;
    color: #E2E8F0 !important;
    border: 1px solid #282828 !important;
}

/* 9. Hover product-preview card */
html[data-theme="dark"] .menu-preview-title,
html[data-theme="dark"] body .menu-preview-title {
    color: #C8A15A !important;
}
html[data-theme="dark"] .menu-preview-sub,
html[data-theme="dark"] body .menu-preview-sub {
    color: #9CA3AF !important;
}
html[data-theme="dark"] .menu-preview-img-container,
html[data-theme="dark"] body .menu-preview-img-container {
    border-color: rgba(255, 255, 255, 0.08) !important;
}
html[data-theme="dark"] .menu-preview-list li,
html[data-theme="dark"] body .menu-preview-list li {
    background: rgba(200, 161, 90, 0.08) !important;
    border-color: rgba(200, 161, 90, 0.2) !important;
    color: #C8A15A !important;
}

/* 10. Footer bar */
html[data-theme="dark"] .menu-footer,
html[data-theme="dark"] body .menu-footer {
    border-top-color: rgba(255, 255, 255, 0.08) !important;
}
html[data-theme="dark"] .menu-footer-link,
html[data-theme="dark"] body .menu-footer-link {
    color: #9CA3AF !important;
}
html[data-theme="dark"] .menu-footer-link:hover,
html[data-theme="dark"] body .menu-footer-link:hover {
    color: #C8A15A !important;
}
html[data-theme="dark"] .menu-footer-info,
html[data-theme="dark"] body .menu-footer-info {
    color: #6B7280 !important;
}

/* 11. Close button text & bar inside mega menu header area */
html[data-theme="dark"] .menu-close-btn,
html[data-theme="dark"] .mega-menu .menu-close,
html[data-theme="dark"] body .menu-close-btn {
    color: #E2E8F0 !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    background: transparent !important;
}
html[data-theme="dark"] .menu-close-btn:hover,
html[data-theme="dark"] body .menu-close-btn:hover {
    color: #C8A15A !important;
    border-color: #C8A15A !important;
}

/* 12. Hamburger spans inside mega menu header */
html[data-theme="dark"] .mega-menu .menu-hamburger span,
html[data-theme="dark"] body .mega-menu .menu-hamburger span {
    background: #E2E8F0 !important;
}

/* Remove unwanted square border outline box on Market Insights Header */
.ms-insights-header,
html .ms-insights-header,
html body .ms-insights-header,
html[data-theme="light"] .ms-insights-header,
html[data-theme="dark"] .ms-insights-header {
    border: none !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    outline: none !important;
    box-shadow: none !important;
}

html:not([data-theme="dark"]) .ms-insights-header,
html[data-theme="light"] .ms-insights-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}

html[data-theme="dark"] .ms-insights-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Leadership Team Member Cards — White Name & Gold Role Specificity (0, 5, 3) defeating Elementor (0, 4, 0) in ALL Themes */
.ms-au-person-name,
html .ms-au-person-name,
html body .ms-au-person-name,
body.elementor-page div.elementor-element div.elementor-widget-container .ms-au-person-name,
body div.elementor-element.elementor-element div.elementor-widget-container .ms-au-person-name,
body .elementor-section .elementor-column .elementor-widget .ms-au-person-name,
body .elementor-container .elementor-column .elementor-widget-container .ms-au-person-name,
body [data-elementor-id] .elementor-element.elementor-element .ms-au-person-name,
body [class*="elementor"] .elementor-element.elementor-element .ms-au-person-name,
body.elementor-page div.elementor-element div.elementor-widget-container .ms-au-person-card .ms-au-person-name,
body [data-elementor-id] .elementor-element.elementor-element .ms-au-person-card .ms-au-person-name {
    color: #FFFFFF !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8) !important;
}

.ms-au-person-role,
html .ms-au-person-role,
html body .ms-au-person-role,
body.elementor-page div.elementor-element div.elementor-widget-container .ms-au-person-role,
body div.elementor-element.elementor-element div.elementor-widget-container .ms-au-person-role,
body .elementor-section .elementor-column .elementor-widget .ms-au-person-role,
body .elementor-container .elementor-column .elementor-widget-container .ms-au-person-role,
body [data-elementor-id] .elementor-element.elementor-element .ms-au-person-role,
body [class*="elementor"] .elementor-element.elementor-element .ms-au-person-role,
body.elementor-page div.elementor-element div.elementor-widget-container .ms-au-person-card .ms-au-person-role,
body [data-elementor-id] .elementor-element.elementor-element .ms-au-person-card .ms-au-person-role {
    color: #C8A15A !important;
    text-shadow: 0 1px 6px rgba(0, 0, 0, 0.8) !important;
}

/* ── Mobile Form Layout Fix (Home, RFQ, Contact, Careers) ── */
@media screen and (max-width: 768px) {
    .ms-rfq-form-container,
    .ms-cp-form-card,
    .ms-cr-form-card,
    .ms-cr-form-right .ms-rfq-form-container,
    .ms-cp-form-right .ms-rfq-form-container {
        padding: 24px 16px !important;
        border-radius: 16px !important;
    }

    .ms-rfq-form-grid,
    .ms-cp-form-grid,
    .ms-cr-form-grid,
    .ms-inquiry-grid,
    .ms-rfq-inquiry-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .ms-form-group,
    .ms-rfq-form-grid .ms-form-group,
    .ms-cp-form-grid .ms-form-group,
    .ms-cr-form-grid .ms-form-group {
        grid-column: 1 / -1 !important;
        width: 100% !important;
    }

    .ms-input-icon-wrapper,
    .ms-textarea-wrapper,
    .ms-select-wrapper {
        width: 100% !important;
    }

    .ms-input-icon-wrapper input,
    .ms-input-icon-wrapper select,
    .ms-textarea-wrapper textarea {
        font-size: 13px !important;
        padding-left: 42px !important;
        padding-right: 14px !important;
    }
}

@media screen and (max-width: 480px) {
    .ms-rfq-form-container,
    .ms-cp-form-card,
    .ms-cr-form-card,
    .ms-cr-form-right .ms-rfq-form-container,
    .ms-cp-form-right .ms-rfq-form-container {
        padding: 20px 14px !important;
        border-radius: 14px !important;
    }
}

/* Remove unwanted white horizontal line above Latest Insights on Home Page in Dark Mode */
html[data-theme="dark"] .ms-insights-section,
html[data-theme="dark"] #insights,
html[data-theme="dark"] #marketing-insights,
html[data-theme="dark"] .elementor-widget-ms_insights_section,
html[data-theme="dark"] .elementor-widget-ms_marketing_insights,
html[data-theme="dark"] .journey-sec-outer,
html[data-theme="dark"] #journey-section,
html[data-theme="dark"] .ms-our-journey-section {
    border-top: none !important;
    border-top-color: transparent !important;
    border-bottom: none !important;
    border-bottom-color: transparent !important;
}

html[data-theme="dark"] .ms-insights-section::before,
html[data-theme="dark"] .ms-insights-section::after,
html[data-theme="dark"] #insights::before,
html[data-theme="dark"] #insights::after {
    display: none !important;
    content: none !important;
    border: none !important;
}

/* ── Global Trade Network Map Section — Dark Mode ── */
html[data-theme="dark"] .ms-network-sec,
html[data-theme="dark"] #network,
html[data-theme="dark"] .elementor-widget-ms_global_network,
html[data-theme="dark"] body.elementor-page div.elementor-element div.elementor-widget-container .ms-network-sec,
html[data-theme="dark"] body div.elementor-element.elementor-element div.elementor-widget-container .ms-network-sec {
    background: #0B0D11 !important;
    background-color: #0B0D11 !important;
    padding-top: 0 !important;
    padding-bottom: 70px !important;
}

html[data-theme="dark"] .ms-network-sec::before {
    opacity: 0.15 !important;
}

html[data-theme="dark"] .ms-network-title {
    color: #FFFFFF !important;
}

html[data-theme="dark"] .ms-network-desc {
    color: #CCCCCC !important;
}

html[data-theme="dark"] .ms-network-label {
    color: #C8A15A !important;
}

html[data-theme="dark"] .ms-network-bg-img {
    filter: invert(1) hue-rotate(180deg) brightness(1.2) opacity(0.85) !important;
}

html[data-theme="dark"] .ms-network-node-label,
html[data-theme="dark"] .ms-network-hub-label {
    fill: #FFFFFF !important;
    color: #FFFFFF !important;
}

html[data-theme="dark"] .ms-network-pin-circle {
    fill: #191919 !important;
    stroke: #C8A15A !important;
}

/* ── FAQ Section — Dark Mode Top Padding Removal ── */
html[data-theme="dark"] .ms-faq-section,
html[data-theme="dark"] #faq,
html[data-theme="dark"] .elementor-widget-ms_faq,
html[data-theme="dark"] body.elementor-page div.elementor-element div.elementor-widget-container .ms-faq-section,
html[data-theme="dark"] body div.elementor-element.elementor-element div.elementor-widget-container .ms-faq-section {
    padding-top: 0 !important;
}

/* ── Vertical Scroll Navigation Indicator — Dark Mode ── */
html[data-theme="dark"] .ms-nav-line,
html[data-theme="dark"] .ms-vertical-nav .ms-nav-line {
    background-color: rgba(255, 255, 255, 0.25) !important;
}

html[data-theme="dark"] .ms-nav-line.active,
html[data-theme="dark"] .ms-nav-line:hover,
html[data-theme="dark"] .ms-vertical-nav .ms-nav-line.active,
html[data-theme="dark"] .ms-vertical-nav .ms-nav-line:hover {
    background-color: #C9A15A !important;
}

html[data-theme="dark"] .ms-nav-line::before,
html[data-theme="dark"] .ms-vertical-nav .ms-nav-line::before {
    background: #191919 !important;
    color: #FFFFFF !important;
    border: 1px solid #333333 !important;
}

/* ── Sticky Header Scrolled State: Toggle Button Floating Outside Menu Pill (Img 2) ── */
.luxury-header.scrolled .nav-actions,
.scrolled .nav-actions {
    position: relative !important;
}

.luxury-header.scrolled .ms-theme-toggle-btn,
.scrolled .ms-theme-toggle-btn {
    position: absolute !important;
    left: calc(100% + 14px) !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    z-index: 9999 !important;
}

.luxury-header.scrolled .ms-theme-toggle-btn:hover,
.scrolled .ms-theme-toggle-btn:hover {
    transform: translateY(-50%) scale(1.08) !important;
}

/* ── Theme Toggle Button Positioned Outside Menu Bar ── */
.header-pill .ms-theme-toggle-btn:not(.ms-outer-toggle-btn),
.nav-actions .ms-theme-toggle-btn:not(.ms-outer-toggle-btn),
.header-pill button.ms-theme-toggle-btn {
    display: none !important;
}

.header-right-group {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
}

.ms-theme-toggle-btn.ms-outer-toggle-btn {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 50% !important;
    background: #3A3533 !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #E2E8F0 !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    flex-shrink: 0 !important;
    position: relative !important;
    z-index: 999 !important;
}

.ms-theme-toggle-btn.ms-outer-toggle-btn:hover {
    background: #4A4441 !important;
    border-color: #C8A15A !important;
    color: #C8A15A !important;
    transform: scale(1.08) !important;
}

html[data-theme="dark"] .ms-theme-toggle-btn.ms-outer-toggle-btn {
    background: #191919 !important;
    border-color: #333333 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}

/* ── Single Product Detail Page — Dark Mode (Zero White Flash) ── */
html[data-theme="dark"] .ms-single-product-page,
html[data-theme="dark"] body.single-ms_commodity {
    background-color: #0B0D11 !important;
    background: #0B0D11 !important;
}

html[data-theme="dark"] .ms-single-product-card {
    background-color: #12141A !important;
    background: #12141A !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5) !important;
    color: #FFFFFF !important;
}

html[data-theme="dark"] .ms-single-product-title,
html[data-theme="dark"] .ms-single-product-card h1,
html[data-theme="dark"] .ms-single-product-card h2,
html[data-theme="dark"] .ms-single-product-card h3,
html[data-theme="dark"] .ms-single-product-card h4 {
    color: #FFFFFF !important;
}

html[data-theme="dark"] .ms-info-row,
html[data-theme="dark"] .ms-spec-row,
html[data-theme="dark"] .ms-variants-wrapper,
html[data-theme="dark"] .ms-single-info {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .ms-info-label,
html[data-theme="dark"] .ms-info-value,
html[data-theme="dark"] .ms-product-description,
html[data-theme="dark"] .ms-single-desc {
    color: #E2E8F0 !important;
}

html[data-theme="dark"] .ms-type-btn,
html[data-theme="dark"] .ms-grade-chip,
html[data-theme="dark"] .ms-cat-dropdown-menu {
    background-color: #1B1E26 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #E2E8F0 !important;
}

html[data-theme="dark"] .ms-type-btn:hover,
html[data-theme="dark"] .ms-grade-chip:hover {
    border-color: #C8A15A !important;
    color: #C8A15A !important;
}

html[data-theme="dark"] .ms-main-image-wrapper {
    background-color: #1B1E26 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* ── Mobile Spacing & Layout Fix for Header ── */
@media (max-width: 1023px) {
    
    .header-right-group {
        gap: 8px !important;
    }
  
 
    .header-pill {
        flex-shrink: 0 !important;
    }
}

/* ==========================================================================
   DYNAMIC 5-THEME COLOR ACCENTS OVERRIDES (ADDED CENTRALIZED IN THEME-TOGGLE)
   ========================================================================== */
.ms-au-eyebrow,
.ms-au-stat-num,
.ms-au-value-icon,
.ms-au-value-icon svg,
.ms-au-value-icon i,
.ms-au-person-role,
.gn-label,
.gn-gold-divider,
.gn-btn-minimal:hover,
.gn-btn-outline-gold,
.gn-btn-circle-gold,
.gn-sourcing-card:hover .gn-card-box,
.gn-commodity-list li::before,
.gn-supply-timeline-line,
.gn-step-ring-node,
.gn-timeline-step:hover .gn-step-ring-node,
.gn-timeline-step:hover .gn-step-label,
.gn-office-detail a:hover,
.gn-check-icon,
.gn-wh-nav-btn,
.gn-accordion-icon,
.gn-detail-label,
.gn-detail-value a:hover,
.gn-inquiry-icon-circle,
.gn-btn-minimal-gold,
.gn-btn-circle-solid-gold,
.gn-sourcing-swipe-badge,
.gn-timeline-step.active,
.gn-step-icon-box,
.hero-stat-num,
.step-num,
.ms-contact-label,
.ms-cr-feature-number,
.ms-cr-stat-num,
.ms-cr-form-right .ms-rfq-section-number,
.ms-rfq-section-number,
.archive-highlight,
.ms-select-search-input:focus,
.ms-cr-upload-area,
.ms-cr-upload-box,
.ms-upload-box,
.ms-contact-form-col label span,
#contact-form-element label span,
.ms-cp-form label span,
.radian-jagged-svg path:nth-child(2),
.radian-jagged-svg path.radian-path-flow,
.ms-journey-light-theme .radian-jagged-svg path:nth-child(2),
.ms-journey-light-theme .radian-jagged-svg path.radian-path-flow,
.ms-cr-custom-select-options::-webkit-scrollbar-thumb,
.ms-cr-custom-select-options::-webkit-scrollbar-thumb:hover,
.ms-cr-custom-option:hover,
.ms-cr-custom-option.is-selected,
.ms-cr-form-right .ms-select-wrapper.is-open .icon-right,
.mega-menu-subitem:hover {
    color: var(--color-gold) !important;
}

.gn-wh-nav-btn.next,
.gn-btn-circle-solid-gold,
.gn-btn-circle-gold,
.gn-supply-timeline-line,
.gn-btn-minimal:hover .gn-btn-circle-icon {
    background-color: var(--color-gold) !important;
    background: var(--color-gold) !important;
}

.ms-au-stat-item:hover,
.ms-au-cap-card:hover,
.ms-au-value-card:hover,
.ms-au-person-card:hover,
.gn-sourcing-card:hover .gn-card-box,
.gn-step-ring-node,
.gn-timeline-step:hover,
.gn-timeline-step.active,
.gn-step-icon-box,
.ms-select-search-input:focus,
.ms-cr-row-toggle,
.gn-wh-nav-btn,
.gn-inquiry-icon-circle,
.mega-menu-subitem:hover {
    border-color: var(--color-gold) !important;
}

/* Coordinated Section Backgrounds for ONLY the new themes (Light sections only) */
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) :is(.ms-au-leadership, .ms-rfq-section, .ms-catalogue-page, .ms-products-page, .ms-catalogue-section, .ms-catalogue-grid, .ms-cat-hero, .ms-cat-header, .ms-cat-container, .ms-catalogue-main, .elementor-page-products1, .page-id-products1, div[class*="catalogue"], section[class*="catalogue"], .capabilities-sec, .cn-section, .cn-pin, .ms-au-who, #ms-au-who, .ms-au-model, #ms-au-model, body.elementor-page div.elementor-element div.elementor-widget-container .ms-au-who, body.elementor-page div.elementor-element div.elementor-widget-container .ms-au-model, body.elementor-page div.elementor-element div.elementor-widget-container .ms-au-leadership, body [data-elementor-id] .elementor-element .ms-au-who, body [data-elementor-id] .elementor-element .ms-au-model, body [data-elementor-id] .elementor-element .ms-au-leadership) {
    background-color: var(--color-bg) !important;
    background: var(--color-bg) !important;
    color: var(--color-beige) !important;
}

/* Home page global network section background gradient transition for ONLY the new themes */
html[data-theme="blue"] .ms-network-sec {
    background: linear-gradient(180deg, var(--color-bg) 0%, #FFFFFF 100%) !important;
}
html[data-theme="green"] .ms-network-sec {
    background: linear-gradient(180deg, var(--color-bg) 0%, #FFFFFF 100%) !important;
}
html[data-theme="terracotta"] .ms-network-sec {
    background: linear-gradient(180deg, var(--color-bg) 0%, #FFFFFF 100%) !important;
}

/* Coordinated Card Backgrounds for ONLY the new themes */
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) :is(.ms-au-value-card, body.elementor-page div.elementor-element div.elementor-widget-container .ms-au-value-card, body [data-elementor-id] .elementor-element .ms-au-value-card) {
    background-color: var(--color-bg-secondary) !important;
    background: var(--color-bg-secondary) !important;
}

/* Card hover should return to original white background design */
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) :is(.ms-au-value-card:hover, body.elementor-page div.elementor-element div.elementor-widget-container .ms-au-value-card:hover, body [data-elementor-id] .elementor-element .ms-au-value-card:hover) {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
    transform: translateY(-6px) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.07) !important;
    border-color: var(--color-gold) !important;
}

/* Card highlight on stat items */
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) .ms-au-stat-item {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
    border-color: var(--color-border) !important;
}
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) .ms-au-stat-item:hover {
    transform: translateY(-4px) !important;
    border-color: var(--color-gold) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.07) !important;
}

/* Specific search and filter containers that should stay white (matching original design) */
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) :is(.ms-search-container, .ms-search-pill, .ms-dropdown-pill, .ms-search-section, .ms-dropdown-section, div[class*="search-container"], div[class*="search-pill"], .ms-category-bar-wrapper) {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
}

/* Force RFQ / Inquiry form container background to match the active theme's background */
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) .ms-rfq-form-container {
    background-color: var(--color-bg) !important;
    background: var(--color-bg) !important;
    border: 1px solid var(--color-border) !important;
}

/* Force RFQ / Inquiry form and office buttons to match the active theme's primary color */
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) :is(.ms-rfq-submit-btn, .ms-cp-submit-btn, .ms-cp-btn-outline-gold) {
    background-color: var(--color-gold) !important;
    background: var(--color-gold) !important;
}
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) :is(.ms-rfq-submit-btn:hover, .ms-cp-submit-btn:hover, .ms-cp-btn-outline-gold:hover) {
    background-color: var(--color-gold-hover) !important;
    background: var(--color-gold-hover) !important;
}

/* Force RFQ / Inquiry form icons, asterisks, headers, and locks to match the active theme's primary color */
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) :is(.ms-rfq-section-number, .ms-rfq-section-number *, .ms-rfq-secure-note svg, .ms-form-security-note svg, .ms-form-group label span, .ms-cp-form-right .ms-rfq-section-number, .ms-cp-form-right .ms-rfq-section-number *, .ms-cp-form-right .ms-rfq-secure-note svg) {
    color: var(--color-gold) !important;
    stroke: var(--color-gold) !important;
}

/* Force contact strip info icons to match the active theme's primary color */
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) :is(.ms-cp-info-icon, .ms-cp-info-icon *, .ms-cp-info-strip .ms-cp-info-icon, body .ms-cp-info-icon, body .ms-cp-info-icon svg, body.elementor-page div.elementor-element .ms-cp-info-icon) {
    border-color: var(--color-gold) !important;
    color: var(--color-gold) !important;
    stroke: var(--color-gold) !important;
}

/* Force global offices card details (sublabels, meta icons, location pin) to match active theme's primary color */
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) :is(.ms-cp-office-sublabel, .ms-cp-office-meta span, .ms-cp-office-title-row, .ms-cp-office-title-row svg) {
    color: var(--color-gold) !important;
    stroke: var(--color-gold) !important;
}

/* Form Heading Protection: headings inside form container MUST remain original dark green/black color */
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) .ms-rfq-form-container :is(h1, h2, h3, h4, h5, h6) {
    color: #102A1D !important;
}


/* Force Menu Toggle Button Colors for ONLY the new themes */
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) .luxury-header .menu-toggle {
    background: var(--color-bg) !important;
    border: 1px solid var(--color-border-light) !important;
}
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) .luxury-header .menu-text {
    color: var(--color-beige) !important;
}
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) .luxury-header .menu-icon-luxury .icon-line {
    background: var(--color-beige) !important;
}
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) .luxury-header .menu-toggle:hover .menu-text {
    color: var(--color-beige) !important;
}
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) .luxury-header .menu-toggle:hover .menu-icon-luxury .icon-line {
    background: var(--color-beige) !important;
}

/* Highly specific overrides to bypass the hardcoded styles in about-us-page.css */
html[data-theme="blue"] :is(.ms-au-eyebrow, .ms-au-stat-num, .ms-au-value-icon, .ms-au-value-icon svg, .ms-au-value-icon i, .ms-au-model-num, .ms-au-model-arrow, body.elementor-page div.elementor-element div.elementor-widget-container .ms-au-eyebrow, body.elementor-page div.elementor-element div.elementor-widget-container .ms-au-stat-num, body.elementor-page div.elementor-element div.elementor-widget-container .ms-au-value-icon, body.elementor-page div.elementor-element div.elementor-widget-container .ms-au-value-icon svg, body.elementor-page div.elementor-element div.elementor-widget-container .ms-au-value-icon i, body [data-elementor-id] .elementor-element .ms-au-eyebrow, body [data-elementor-id] .elementor-element .ms-au-stat-num, body [data-elementor-id] .elementor-element .ms-au-value-icon, body [data-elementor-id] .elementor-element .ms-au-value-icon svg, body [data-elementor-id] .elementor-element .ms-au-value-icon i) {
    color: #1142AF !important;
    stroke: #1142AF !important;
}
html[data-theme="green"] :is(.ms-au-eyebrow, .ms-au-stat-num, .ms-au-value-icon, .ms-au-value-icon svg, .ms-au-value-icon i, .ms-au-model-num, .ms-au-model-arrow, body.elementor-page div.elementor-element div.elementor-widget-container .ms-au-eyebrow, body.elementor-page div.elementor-element div.elementor-widget-container .ms-au-stat-num, body.elementor-page div.elementor-element div.elementor-widget-container .ms-au-value-icon, body.elementor-page div.elementor-element div.elementor-widget-container .ms-au-value-icon svg, body.elementor-page div.elementor-element div.elementor-widget-container .ms-au-value-icon i, body [data-elementor-id] .elementor-element .ms-au-eyebrow, body [data-elementor-id] .elementor-element .ms-au-stat-num, body [data-elementor-id] .elementor-element .ms-au-value-icon, body [data-elementor-id] .elementor-element .ms-au-value-icon svg, body [data-elementor-id] .elementor-element .ms-au-value-icon i) {
    color: #23A455 !important;
    stroke: #23A455 !important;
}
html[data-theme="terracotta"] :is(.ms-au-eyebrow, .ms-au-stat-num, .ms-au-value-icon, .ms-au-value-icon svg, .ms-au-value-icon i, .ms-au-model-num, .ms-au-model-arrow, body.elementor-page div.elementor-element div.elementor-widget-container .ms-au-eyebrow, body.elementor-page div.elementor-element div.elementor-widget-container .ms-au-stat-num, body.elementor-page div.elementor-element div.elementor-widget-container .ms-au-value-icon, body.elementor-page div.elementor-element div.elementor-widget-container .ms-au-value-icon svg, body.elementor-page div.elementor-element div.elementor-widget-container .ms-au-value-icon i, body [data-elementor-id] .elementor-element .ms-au-eyebrow, body [data-elementor-id] .elementor-element .ms-au-stat-num, body [data-elementor-id] .elementor-element .ms-au-value-icon, body [data-elementor-id] .elementor-element .ms-au-value-icon svg, body [data-elementor-id] .elementor-element .ms-au-value-icon i) {
    color: #C05C3E !important;
    stroke: #C05C3E !important;
}

/* Person roles dynamic colors in 3 themes with exact high-specificity elementor selectors overrides */
html[data-theme="blue"] :is(.ms-au-person-role, html .ms-au-person-role, html body .ms-au-person-role, body.elementor-page div.elementor-element div.elementor-widget-container .ms-au-person-role, body div.elementor-element.elementor-element div.elementor-widget-container .ms-au-person-role, body .elementor-section .elementor-column .elementor-widget .ms-au-person-role, body .elementor-container .elementor-column .elementor-widget-container .ms-au-person-role, body [data-elementor-id] .elementor-element.elementor-element .ms-au-person-role, body [class*="elementor"] .elementor-element.elementor-element .ms-au-person-role, body.elementor-page div.elementor-element div.elementor-widget-container .ms-au-person-card .ms-au-person-role, body [data-elementor-id] .elementor-element.elementor-element .ms-au-person-card .ms-au-person-role) {
    color: #1142AF !important;
}
html[data-theme="green"] :is(.ms-au-person-role, html .ms-au-person-role, html body .ms-au-person-role, body.elementor-page div.elementor-element div.elementor-widget-container .ms-au-person-role, body div.elementor-element.elementor-element div.elementor-widget-container .ms-au-person-role, body .elementor-section .elementor-column .elementor-widget .ms-au-person-role, body .elementor-container .elementor-column .elementor-widget-container .ms-au-person-role, body [data-elementor-id] .elementor-element.elementor-element .ms-au-person-role, body [class*="elementor"] .elementor-element.elementor-element .ms-au-person-role, body.elementor-page div.elementor-element div.elementor-widget-container .ms-au-person-card .ms-au-person-role, body [data-elementor-id] .elementor-element.elementor-element .ms-au-person-card .ms-au-person-role) {
    color: #23A455 !important;
}
html[data-theme="terracotta"] :is(.ms-au-person-role, html .ms-au-person-role, html body .ms-au-person-role, body.elementor-page div.elementor-element div.elementor-widget-container .ms-au-person-role, body div.elementor-element.elementor-element div.elementor-widget-container .ms-au-person-role, body .elementor-section .elementor-column .elementor-widget .ms-au-person-role, body .elementor-container .elementor-column .elementor-widget-container .ms-au-person-role, body [data-elementor-id] .elementor-element.elementor-element .ms-au-person-role, body [class*="elementor"] .elementor-element.elementor-element .ms-au-person-role, body.elementor-page div.elementor-element div.elementor-widget-container .ms-au-person-card .ms-au-person-role, body [data-elementor-id] .elementor-element.elementor-element .ms-au-person-card .ms-au-person-role) {
    color: #C05C3E !important;
}

/* Disable hover translate on capabilities/person/office cards for ONLY the new themes, keep original backgrounds */
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) :is(.ms-au-cap-card:hover, .ms-au-person-card:hover) {
    transform: none !important;
    box-shadow: none !important;
}

/* ==========================================================================
   DYNAMIC 3-THEME HEADING COLOR ACCENTS (ONLY BLUE, GREEN, TERRACOTTA)
   ========================================================================== */
html[data-theme="blue"] :is(h1, h2, h3, h4, h5, h6, .elementor-heading-title, .ms-au-section-title, .ms-au-value-title, .ms-au-cap-card-title, .gn-section-title, .gn-card-title, .hero-title, .section-title, .ms-single-product-title, .ms-cat-title, .ms-rfq-section-title, .ms-careers-hero-title, .ms-cr-section-title, .ms-cr-job-title, .ms-contact-title, .ms-cp-hero-title, .ms-cp-title, .mega-menu-title, .ms-insights-section-title, .ms-commodity-card-title, .ms-insights-card-title, .luxury-title) {
    color: #1142AF !important;
}

html[data-theme="green"] :is(h1, h2, h3, h4, h5, h6, .elementor-heading-title, .ms-au-section-title, .ms-au-value-title, .ms-au-cap-card-title, .gn-section-title, .gn-card-title, .hero-title, .section-title, .ms-single-product-title, .ms-cat-title, .ms-rfq-section-title, .ms-careers-hero-title, .ms-cr-section-title, .ms-cr-job-title, .ms-contact-title, .ms-cp-hero-title, .ms-cp-title, .mega-menu-title, .ms-insights-section-title, .ms-commodity-card-title, .ms-insights-card-title, .luxury-title) {
    color: #23A455 !important;
}

html[data-theme="terracotta"] :is(h1, h2, h3, h4, h5, h6, .elementor-heading-title, .ms-au-section-title, .ms-au-value-title, .ms-au-cap-card-title, .gn-section-title, .gn-card-title, .hero-title, .section-title, .ms-single-product-title, .ms-cat-title, .ms-rfq-section-title, .ms-careers-hero-title, .ms-cr-section-title, .ms-cr-job-title, .ms-contact-title, .ms-cp-hero-title, .ms-cp-title, .mega-menu-title, .ms-insights-section-title, .ms-commodity-card-title, .ms-insights-card-title, .luxury-title) {
    color: #C05C3E !important;
}

/* Hardcoded protection: Headings and backgrounds inside dark sections MUST stay dark with white text */
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"], [data-theme="dark"], [data-theme="light"]) :is(.gn-sourcing-section, .gn-offices-section, .ms-au-capabilities, .ms-history-section-outer, .luxury-footer, footer, .ms-cp-offices, .ms-cr-positions) {
    background-color: #08090C !important;
    background: #08090C !important;
}

html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"], [data-theme="dark"], [data-theme="light"]) :is(.gn-sourcing-section, .gn-offices-section, .ms-au-capabilities, .ms-history-section-outer, .luxury-footer, footer, .ms-cp-offices, .ms-cr-positions) :is(h1, h2, h3, h4, h5, h6, .elementor-heading-title, .ms-au-section-title, .ms-au-value-title, .ms-au-cap-card-title, .gn-section-title, .gn-card-title, .hero-title, .section-title, .ms-single-product-title, .ms-cat-title, .ms-rfq-section-title, .ms-careers-hero-title, .ms-cr-section-title, .ms-cr-job-title, .ms-contact-title, .mega-menu-title, .ms-insights-section-title, .ms-commodity-card-title, .ms-insights-card-title, .luxury-title, .gn-sourcing-left h2, .gn-sourcing-left h3) {
    color: #FFFFFF !important;
}

html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"], [data-theme="dark"], [data-theme="light"]) :is(.gn-sourcing-section, .gn-offices-section, .ms-au-capabilities, .ms-history-section-outer, .luxury-footer, footer, .ms-cp-offices, .ms-cr-positions) :is(.gn-section-desc, .gn-sourcing-left p, p) {
    color: #94A3B8 !important;
}

/* ==========================================================================
   HERO BANNER THEMED BACKGROUNDS (CONTACT, CAREERS, GLOBAL NETWORK)
   ========================================================================== */

/* -- Blue theme hero backgrounds -- */
html[data-theme="blue"] .ms-cp-hero {
    background-color: #f4f7fc !important;
}
html[data-theme="blue"] .ms-cp-hero-fade {
    background: linear-gradient(to right, #f4f7fc 0%, #f4f7fc 36%, rgba(244,247,252,0.92) 44%, rgba(244,247,252,0.65) 52%, rgba(244,247,252,0.25) 62%, rgba(244,247,252,0) 80%) !important;
}
html[data-theme="blue"] .ms-cr-hero {
    background-color: #f4f7fc !important;
}
html[data-theme="blue"] .ms-cr-hero-fade {
    background: linear-gradient(to right, #f4f7fc 0%, #f4f7fc 36%, rgba(244,247,252,0.92) 44%, rgba(244,247,252,0.65) 52%, rgba(244,247,252,0.25) 62%, rgba(244,247,252,0) 80%) !important;
}
html[data-theme="blue"] .gn-hero-section {
    background-color: #f4f7fc !important;
}

/* -- Green theme hero backgrounds -- */
html[data-theme="green"] .ms-cp-hero {
    background-color: #f4faf6 !important;
}
html[data-theme="green"] .ms-cp-hero-fade {
    background: linear-gradient(to right, #f4faf6 0%, #f4faf6 36%, rgba(244,250,246,0.92) 44%, rgba(244,250,246,0.65) 52%, rgba(244,250,246,0.25) 62%, rgba(244,250,246,0) 80%) !important;
}
html[data-theme="green"] .ms-cr-hero {
    background-color: #f4faf6 !important;
}
html[data-theme="green"] .ms-cr-hero-fade {
    background: linear-gradient(to right, #f4faf6 0%, #f4faf6 36%, rgba(244,250,246,0.92) 44%, rgba(244,250,246,0.65) 52%, rgba(244,250,246,0.25) 62%, rgba(244,250,246,0) 80%) !important;
}
html[data-theme="green"] .gn-hero-section {
    background-color: #f4faf6 !important;
}

/* -- Terracotta theme hero backgrounds -- */
html[data-theme="terracotta"] .ms-cp-hero {
    background-color: #fdf8f5 !important;
}
html[data-theme="terracotta"] .ms-cp-hero-fade {
    background: linear-gradient(to right, #fdf8f5 0%, #fdf8f5 36%, rgba(253,248,245,0.92) 44%, rgba(253,248,245,0.65) 52%, rgba(253,248,245,0.25) 62%, rgba(253,248,245,0) 80%) !important;
}
html[data-theme="terracotta"] .ms-cr-hero {
    background-color: #fdf8f5 !important;
}
html[data-theme="terracotta"] .ms-cr-hero-fade {
    background: linear-gradient(to right, #fdf8f5 0%, #fdf8f5 36%, rgba(253,248,245,0.92) 44%, rgba(253,248,245,0.65) 52%, rgba(253,248,245,0.25) 62%, rgba(253,248,245,0) 80%) !important;
}
html[data-theme="terracotta"] .gn-hero-section {
    background-color: #fdf8f5 !important;
}

/* -- Hero CTA buttons (GET IN TOUCH, etc.) -- */
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) :is(.ms-cp-btn-gold, .ms-cp-submit-btn) {
    background-color: var(--color-gold) !important;
}
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) :is(.ms-cp-btn-gold:hover, .ms-cp-submit-btn:hover) {
    background-color: var(--color-gold-hover) !important;
}

/* ==========================================================================
   CATALOGUE / PRODUCT PAGE THEMED OVERRIDES
   ========================================================================== */

/* -- Catalogue page background -- */
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) :is(body.page-template-page-products, .ms-catalogue-page, .ms-catalogue-content) {
    background: linear-gradient(to bottom, var(--color-bg), #FFFFFF) !important;
}

/* -- Remove golden radial glow -- */
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) .ms-bg-glow {
    background: none !important;
}

/* -- Breadcrumbs: first link (HOME), current item, hover states golden -> themed -- */
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) :is(.ms-breadcrumbs .ms-breadcrumb-link:first-child, .ms-single-breadcrumbs .ms-breadcrumb-link:first-child, .ms-breadcrumb-link:first-child, .ms-single-product-page .ms-breadcrumb-link:first-child, .ms-single-product-page .ms-breadcrumb-current, .ms-single-product-page .ms-breadcrumb-link:hover, .ms-breadcrumb-current, .ms-breadcrumb-link:hover) {
    color: var(--color-gold) !important;
}

/* -- Search pill and dropdown pill borders golden -> themed -- */
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) :is(.ms-search-pill, .ms-search-container > .ms-dropdown-pill) {
    border-color: var(--color-border) !important;
}

/* -- Category filter button hover/active borders -- */
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) .ms-cat-btn:hover {
    border-color: var(--color-gold) !important;
}
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) .ms-cat-btn.active {
    border-color: var(--color-gold) !important;
    box-shadow: 0 0 12px rgba(var(--color-gold), 0.2) !important;
}

/* -- Category dropdown header, item hover, item current, caret, dot -- */
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) :is(.ms-cat-dropdown-header, .ms-cat-dropdown-item:hover, .ms-cat-dropdown-item.is-current, .ms-cat-pill-item:hover .ms-cat-caret) {
    color: var(--color-gold) !important;
}
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) .ms-cat-item-dot {
    background: var(--color-gold) !important;
}
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) .ms-cat-dropdown-menu {
    border-color: rgba(var(--color-gold), 0.2) !important;
}

/* -- Product card golden text elements: category tag, CTA arrow text, meta icons -- */
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) .ms-meta-cat {
    color: var(--color-gold) !important;
}
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) .ms-commodity-cta {
    color: var(--color-gold) !important;
}
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) :is(.ms-meta-origin svg, .ms-meta-avail svg) {
    color: var(--color-gold) !important;
}

/* -- Product card golden gradient overlay -> theme-tinted dark overlay -- */
html[data-theme="blue"] .ms-commodity-img-col::after {
    background: linear-gradient(to bottom, rgba(17,31,60,0) 0%, rgba(15,23,42,0.18) 45%, rgba(17,31,60,0.45) 65%, rgba(11,22,50,0.72) 80%, #0d1a3d 100%) !important;
}
html[data-theme="green"] .ms-commodity-img-col::after {
    background: linear-gradient(to bottom, rgba(6,47,20,0) 0%, rgba(6,47,20,0.18) 45%, rgba(6,47,20,0.45) 65%, rgba(6,47,20,0.72) 80%, #062f14 100%) !important;
}
html[data-theme="terracotta"] .ms-commodity-img-col::after {
    background: linear-gradient(to bottom, rgba(42,20,14,0) 0%, rgba(42,20,14,0.18) 45%, rgba(42,20,14,0.45) 65%, rgba(42,20,14,0.72) 80%, #2a140e 100%) !important;
}

/* -- Product card title headings on dark card backgrounds MUST stay white -- */
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) .ms-commodity-card :is(h1, h2, h3, h4, h5, h6, .ms-commodity-title, .ms-commodity-card-title) {
    color: #FFFFFF !important;
}

/* -- Single product page: badge -- */
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) :is(.ms-single-badge, .ms-single-product-page .ms-single-badge) {
    background: var(--color-gold) !important;
    color: #FFFFFF !important;
}

/* -- Single product page: info label icon colors -- */
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) :is(.ms-info-label svg, .ms-single-product-page .ms-info-label svg) {
    color: var(--color-gold) !important;
}

/* -- Single product page: thumbnail active border -- */
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) :is(.ms-thumbnail-wrapper.active, .ms-single-product-page .ms-thumbnail-wrapper.active) {
    border-color: var(--color-gold) !important;
}

/* -- Single product page: primary card button -- */
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) :is(.ms-btn-primary-card, .ms-single-product-page .ms-btn-primary-card, #ms-single-request-quote-btn) {
    background: var(--color-gold) !important;
    border-color: var(--color-gold) !important;
    color: #FFFFFF !important;
}
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) :is(.ms-btn-primary-card:hover, .ms-single-product-page .ms-btn-primary-card:hover, #ms-single-request-quote-btn:hover) {
    background: var(--color-gold-hover) !important;
    border-color: var(--color-gold-hover) !important;
    color: #FFFFFF !important;
}

/* -- Single product page: secondary card button border -- */
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) .ms-single-product-page .ms-btn-secondary-card:not(.ms-help-btn) {
    border-color: var(--color-gold) !important;
}

/* -- Single product page: Variation Type Buttons (Choose Type) -- */
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) :is(.ms-type-btn:hover, .ms-single-product-page .ms-type-btn:hover) {
    border-color: var(--color-gold) !important;
    color: var(--color-gold) !important;
}
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) :is(.ms-type-btn.active, .ms-single-product-page .ms-type-btn.active) {
    background: var(--color-gold) !important;
    border-color: var(--color-gold) !important;
    color: #FFFFFF !important;
}
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) :is(.ms-type-btn.active:hover, .ms-single-product-page .ms-type-btn.active:hover) {
    background: var(--color-gold-hover) !important;
    border-color: var(--color-gold-hover) !important;
    color: #FFFFFF !important;
}

/* -- Single product page: Variation Grade Chips (Choose Grade) -- */
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) :is(.ms-grade-chip:hover, .ms-single-product-page .ms-grade-chip:hover) {
    border-color: var(--color-gold) !important;
    color: var(--color-gold) !important;
}

/* Blue theme grade chip active & glow elements */
html[data-theme="blue"] :is(.ms-grade-chip.active, .ms-single-product-page .ms-grade-chip.active) {
    border-color: #1142AF !important;
    border: 1.5px solid #1142AF !important;
    background: rgba(17, 66, 175, 0.08) !important;
    color: #1142AF !important;
    box-shadow: 0 4px 12px rgba(17, 66, 175, 0.12) !important;
}
html[data-theme="blue"] :is(.ms-single-product-page .ms-feature-icon, .ms-single-product-page .ms-btn-secondary-card:hover) {
    background: rgba(17, 66, 175, 0.08) !important;
    color: #1142AF !important;
}

/* Green theme grade chip active & glow elements */
html[data-theme="green"] :is(.ms-grade-chip.active, .ms-single-product-page .ms-grade-chip.active) {
    border-color: #23A455 !important;
    border: 1.5px solid #23A455 !important;
    background: rgba(35, 164, 85, 0.08) !important;
    color: #23A455 !important;
    box-shadow: 0 4px 12px rgba(35, 164, 85, 0.12) !important;
}
html[data-theme="green"] :is(.ms-single-product-page .ms-feature-icon, .ms-single-product-page .ms-btn-secondary-card:hover) {
    background: rgba(35, 164, 85, 0.08) !important;
    color: #23A455 !important;
}

/* Terracotta theme grade chip active & glow elements */
html[data-theme="terracotta"] :is(.ms-grade-chip.active, .ms-single-product-page .ms-grade-chip.active) {
    border-color: #C05C3E !important;
    border: 1.5px solid #C05C3E !important;
    background: rgba(192, 92, 62, 0.08) !important;
    color: #C05C3E !important;
    box-shadow: 0 4px 12px rgba(192, 92, 62, 0.12) !important;
}
html[data-theme="terracotta"] :is(.ms-single-product-page .ms-feature-icon, .ms-single-product-page .ms-btn-secondary-card:hover) {
    background: rgba(192, 92, 62, 0.08) !important;
    color: #C05C3E !important;
}

html[data-theme="blue"] :is(.ms-single-product-page .ms-related-link, .ms-related-link, .ms-label-left svg, .ms-page-arrow:hover:not(:disabled)) {
    color: #1142AF !important;
    border-color: #1142AF !important;
}
html[data-theme="green"] :is(.ms-single-product-page .ms-related-link, .ms-related-link, .ms-label-left svg, .ms-page-arrow:hover:not(:disabled)) {
    color: #23A455 !important;
    border-color: #23A455 !important;
}
html[data-theme="terracotta"] :is(.ms-single-product-page .ms-related-link, .ms-related-link, .ms-label-left svg, .ms-page-arrow:hover:not(:disabled)) {
    color: #C05C3E !important;
    border-color: #C05C3E !important;
}

/* ==========================================================================
   CAREERS PAGE THEMED OVERRIDES (CARDS, APPLY LINKS, APPLICATION FORM)
   ========================================================================== */

/* Protect Feature Card Titles from turning into theme accent color (Keep Dark/Black) */
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) :is(.ms-cr-feature-title, h3.ms-cr-feature-title, .ms-cr-feature-block h3, .ms-cr-feature-block .ms-cr-feature-title, body .ms-cr-feature-title) {
    color: #102A1D !important;
}

/* -- Careers Page Feature Blocks & Backgrounds -- */
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) :is(.ms-cr-feature-block, .ms-cr-why-right .ms-cr-feature-block, body .ms-cr-feature-block) {
    background-color: var(--color-bg-secondary) !important;
    background: var(--color-bg-secondary) !important;
    border-color: var(--color-border) !important;
}
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) :is(.ms-cr-feature-block:hover, .ms-cr-why-right .ms-cr-feature-block:hover, body .ms-cr-feature-block:hover) {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
    border-color: var(--color-gold) !important;
}

/* ==========================================================================
   BLUE THEME ULTRA-SPECIFIC ELEMENTOR OVERRIDES
   ========================================================================== */

/* Hero Headings: Contact, Careers, Global Network */
html[data-theme="blue"] .elementor .elementor-element.elementor-element :is(.ms-cp-hero-title, .ms-cr-hero-title, .gn-hero-title, .ms-careers-hero-title, .ms-cp-title),
html[data-theme="blue"] [class*="elementor-element"] :is(.ms-cp-hero-title, .ms-cr-hero-title, .gn-hero-title, .ms-careers-hero-title, .ms-cp-title),
html[data-theme="blue"] body.elementor-page :is(.ms-cp-hero-title, .ms-cr-hero-title, .gn-hero-title, .ms-careers-hero-title, .ms-cp-title),
html[data-theme="blue"] :is(.ms-cp-hero-title, .ms-cr-hero-title, .gn-hero-title, .ms-careers-hero-title, .ms-cp-title, h1.ms-cp-hero-title, h1.ms-cr-hero-title, h1.gn-hero-title) {
    color: #1142AF !important;
}

/* Careers 40+ Stat Number & Card Icons */
html[data-theme="blue"] .elementor .elementor-element.elementor-element :is(.ms-cr-feature-number, .ms-cr-feature-icon, .ms-cr-feature-icon svg),
html[data-theme="blue"] .elementor-element.elementor-element-6f0a86d :is(.ms-cr-feature-number, .ms-cr-feature-icon, .ms-cr-feature-icon svg),
html[data-theme="blue"] [class*="elementor-element"] :is(.ms-cr-feature-number, .ms-cr-feature-icon, .ms-cr-feature-icon svg),
html[data-theme="blue"] body.elementor-page :is(.ms-cr-feature-number, .ms-cr-feature-icon, .ms-cr-feature-icon svg),
html[data-theme="blue"] :is(.ms-cr-feature-number, span.ms-cr-feature-number, .ms-cr-feature-block .ms-cr-feature-number, .ms-cr-feature-icon, .ms-cr-feature-icon svg) {
    color: #1142AF !important;
    stroke: #1142AF !important;
}

/* Careers Open Positions Apply Links */
html[data-theme="blue"] .elementor .elementor-element.elementor-element .ms-cr-apply-link,
html[data-theme="blue"] .elementor-element.elementor-element-6f0a86d .ms-cr-apply-link,
html[data-theme="blue"] [class*="elementor-element"] .ms-cr-apply-link,
html[data-theme="blue"] body.elementor-page .ms-cr-apply-link,
html[data-theme="blue"] :is(.ms-cr-apply-link, a.ms-cr-apply-link, .ms-cr-td-apply a, .ms-cr-apply-link svg, .ms-cr-apply-link path, .ms-cr-detail-apply-btn, tr.ms-cr-table-row a.ms-cr-apply-link, table.ms-cr-table a.ms-cr-apply-link, .ms-cr-positions-table a) {
    color: #1142AF !important;
    stroke: #1142AF !important;
}

/* Buttons: Contact GET IN TOUCH & Careers Submit Application */
html[data-theme="blue"] .elementor .elementor-element.elementor-element :is(.ms-cr-submit-btn, .ms-cp-btn-gold, .ms-rfq-submit-btn),
html[data-theme="blue"] [class*="elementor-element"] :is(.ms-cr-submit-btn, .ms-cp-btn-gold, .ms-rfq-submit-btn),
html[data-theme="blue"] body.elementor-page :is(.ms-cr-submit-btn, .ms-cp-btn-gold, .ms-rfq-submit-btn),
html[data-theme="blue"] :is(.ms-cr-submit-btn, button.ms-cr-submit-btn, .ms-rfq-submit-btn.ms-cr-submit-btn, button[type="submit"].ms-cr-submit-btn, .ms-cr-form-right button[type="submit"], form#ms-cr-form button, form#ms-cr-form .ms-cr-submit-btn, body form#ms-cr-form button, .ms-cr-btn-gold, button.ms-rfq-submit-btn, .ms-rfq-submit-btn, .ms-cp-btn-gold, a.ms-cp-btn-gold, .ms-cp-hero-left .ms-cp-btn-gold) {
    background-color: #1142AF !important;
    background: #1142AF !important;
    color: #FFFFFF !important;
}
html[data-theme="blue"] .elementor .elementor-element.elementor-element :is(.ms-cr-submit-btn:hover, .ms-cp-btn-gold:hover, .ms-rfq-submit-btn:hover),
html[data-theme="blue"] [class*="elementor-element"] :is(.ms-cr-submit-btn:hover, .ms-cp-btn-gold:hover, .ms-rfq-submit-btn:hover),
html[data-theme="blue"] body.elementor-page :is(.ms-cr-submit-btn:hover, .ms-cp-btn-gold:hover, .ms-rfq-submit-btn:hover),
html[data-theme="blue"] :is(.ms-cr-submit-btn:hover, button.ms-cr-submit-btn:hover, .ms-rfq-submit-btn.ms-cr-submit-btn:hover, .ms-cr-form-right button[type="submit"]:hover, form#ms-cr-form button:hover, .ms-cr-btn-gold:hover, button.ms-rfq-submit-btn:hover, .ms-rfq-submit-btn:hover, .ms-cp-btn-gold:hover, a.ms-cp-btn-gold:hover, .ms-cp-hero-left .ms-cp-btn-gold:hover) {
    background-color: #0c328b !important;
    background: #0c328b !important;
    color: #FFFFFF !important;
}
html[data-theme="blue"] :is(.ms-cr-upload-area, .ms-cr-upload-area svg, .ms-cr-upload-text) {
    color: #1142AF !important;
    border-color: #1142AF !important;
}
html[data-theme="blue"] :is(.ms-cr-form-right .ms-form-group label span, .ms-cr-form-right .ms-rfq-section-number, .ms-cr-form-right .ms-rfq-section-number svg, .ms-cr-form-right .ms-form-security-note svg, .ms-form-security-note svg) {
    color: #1142AF !important;
    stroke: #1142AF !important;
}

/* ==========================================================================
   GREEN THEME ULTRA-SPECIFIC ELEMENTOR OVERRIDES
   ========================================================================== */

/* Hero Headings: Contact, Careers, Global Network */
html[data-theme="green"] .elementor .elementor-element.elementor-element :is(.ms-cp-hero-title, .ms-cr-hero-title, .gn-hero-title, .ms-careers-hero-title, .ms-cp-title),
html[data-theme="green"] [class*="elementor-element"] :is(.ms-cp-hero-title, .ms-cr-hero-title, .gn-hero-title, .ms-careers-hero-title, .ms-cp-title),
html[data-theme="green"] body.elementor-page :is(.ms-cp-hero-title, .ms-cr-hero-title, .gn-hero-title, .ms-careers-hero-title, .ms-cp-title),
html[data-theme="green"] :is(.ms-cp-hero-title, .ms-cr-hero-title, .gn-hero-title, .ms-careers-hero-title, .ms-cp-title, h1.ms-cp-hero-title, h1.ms-cr-hero-title, h1.gn-hero-title) {
    color: #23A455 !important;
}

/* Careers 40+ Stat Number & Card Icons */
html[data-theme="green"] .elementor .elementor-element.elementor-element :is(.ms-cr-feature-number, .ms-cr-feature-icon, .ms-cr-feature-icon svg),
html[data-theme="green"] .elementor-element.elementor-element-6f0a86d :is(.ms-cr-feature-number, .ms-cr-feature-icon, .ms-cr-feature-icon svg),
html[data-theme="green"] [class*="elementor-element"] :is(.ms-cr-feature-number, .ms-cr-feature-icon, .ms-cr-feature-icon svg),
html[data-theme="green"] body.elementor-page :is(.ms-cr-feature-number, .ms-cr-feature-icon, .ms-cr-feature-icon svg),
html[data-theme="green"] :is(.ms-cr-feature-number, span.ms-cr-feature-number, .ms-cr-feature-block .ms-cr-feature-number, .ms-cr-feature-icon, .ms-cr-feature-icon svg) {
    color: #23A455 !important;
    stroke: #23A455 !important;
}

/* Careers Open Positions Apply Links */
html[data-theme="green"] .elementor .elementor-element.elementor-element .ms-cr-apply-link,
html[data-theme="green"] .elementor-element.elementor-element-6f0a86d .ms-cr-apply-link,
html[data-theme="green"] [class*="elementor-element"] .ms-cr-apply-link,
html[data-theme="green"] body.elementor-page .ms-cr-apply-link,
html[data-theme="green"] :is(.ms-cr-apply-link, a.ms-cr-apply-link, .ms-cr-td-apply a, .ms-cr-apply-link svg, .ms-cr-apply-link path, .ms-cr-detail-apply-btn, tr.ms-cr-table-row a.ms-cr-apply-link, table.ms-cr-table a.ms-cr-apply-link, .ms-cr-positions-table a) {
    color: #23A455 !important;
    stroke: #23A455 !important;
}

/* Buttons: Contact GET IN TOUCH & Careers Submit Application */
html[data-theme="green"] .elementor .elementor-element.elementor-element :is(.ms-cr-submit-btn, .ms-cp-btn-gold, .ms-rfq-submit-btn),
html[data-theme="green"] [class*="elementor-element"] :is(.ms-cr-submit-btn, .ms-cp-btn-gold, .ms-rfq-submit-btn),
html[data-theme="green"] body.elementor-page :is(.ms-cr-submit-btn, .ms-cp-btn-gold, .ms-rfq-submit-btn),
html[data-theme="green"] :is(.ms-cr-submit-btn, button.ms-cr-submit-btn, .ms-rfq-submit-btn.ms-cr-submit-btn, button[type="submit"].ms-cr-submit-btn, .ms-cr-form-right button[type="submit"], form#ms-cr-form button, form#ms-cr-form .ms-cr-submit-btn, body form#ms-cr-form button, .ms-cr-btn-gold, button.ms-rfq-submit-btn, .ms-rfq-submit-btn, .ms-cp-btn-gold, a.ms-cp-btn-gold, .ms-cp-hero-left .ms-cp-btn-gold) {
    background-color: #23A455 !important;
    background: #23A455 !important;
    color: #FFFFFF !important;
}
html[data-theme="green"] .elementor .elementor-element.elementor-element :is(.ms-cr-submit-btn:hover, .ms-cp-btn-gold:hover, .ms-rfq-submit-btn:hover),
html[data-theme="green"] [class*="elementor-element"] :is(.ms-cr-submit-btn:hover, .ms-cp-btn-gold:hover, .ms-rfq-submit-btn:hover),
html[data-theme="green"] body.elementor-page :is(.ms-cr-submit-btn:hover, .ms-cp-btn-gold:hover, .ms-rfq-submit-btn:hover),
html[data-theme="green"] :is(.ms-cr-submit-btn:hover, button.ms-cr-submit-btn:hover, .ms-rfq-submit-btn.ms-cr-submit-btn:hover, .ms-cr-form-right button[type="submit"]:hover, form#ms-cr-form button:hover, .ms-cr-btn-gold:hover, button.ms-rfq-submit-btn:hover, .ms-rfq-submit-btn:hover, .ms-cp-btn-gold:hover, a.ms-cp-btn-gold:hover, .ms-cp-hero-left .ms-cp-btn-gold:hover) {
    background-color: #1b7f41 !important;
    background: #1b7f41 !important;
    color: #FFFFFF !important;
}
html[data-theme="green"] :is(.ms-cr-upload-area, .ms-cr-upload-area svg, .ms-cr-upload-text) {
    color: #23A455 !important;
    border-color: #23A455 !important;
}
html[data-theme="green"] :is(.ms-cr-form-right .ms-form-group label span, .ms-cr-form-right .ms-rfq-section-number, .ms-cr-form-right .ms-rfq-section-number svg, .ms-cr-form-right .ms-form-security-note svg, .ms-form-security-note svg) {
    color: #23A455 !important;
    stroke: #23A455 !important;
}

/* ==========================================================================
   TERRACOTTA THEME ULTRA-SPECIFIC ELEMENTOR OVERRIDES
   ========================================================================== */

/* Hero Headings: Contact, Careers, Global Network */
html[data-theme="terracotta"] .elementor .elementor-element.elementor-element :is(.ms-cp-hero-title, .ms-cr-hero-title, .gn-hero-title, .ms-careers-hero-title, .ms-cp-title),
html[data-theme="terracotta"] [class*="elementor-element"] :is(.ms-cp-hero-title, .ms-cr-hero-title, .gn-hero-title, .ms-careers-hero-title, .ms-cp-title),
html[data-theme="terracotta"] body.elementor-page :is(.ms-cp-hero-title, .ms-cr-hero-title, .gn-hero-title, .ms-careers-hero-title, .ms-cp-title),
html[data-theme="terracotta"] :is(.ms-cp-hero-title, .ms-cr-hero-title, .gn-hero-title, .ms-careers-hero-title, .ms-cp-title, h1.ms-cp-hero-title, h1.ms-cr-hero-title, h1.gn-hero-title) {
    color: #C05C3E !important;
}

/* Careers 40+ Stat Number & Card Icons */
html[data-theme="terracotta"] .elementor .elementor-element.elementor-element :is(.ms-cr-feature-number, .ms-cr-feature-icon, .ms-cr-feature-icon svg),
html[data-theme="terracotta"] .elementor-element.elementor-element-6f0a86d :is(.ms-cr-feature-number, .ms-cr-feature-icon, .ms-cr-feature-icon svg),
html[data-theme="terracotta"] [class*="elementor-element"] :is(.ms-cr-feature-number, .ms-cr-feature-icon, .ms-cr-feature-icon svg),
html[data-theme="terracotta"] body.elementor-page :is(.ms-cr-feature-number, .ms-cr-feature-icon, .ms-cr-feature-icon svg),
html[data-theme="terracotta"] :is(.ms-cr-feature-number, span.ms-cr-feature-number, .ms-cr-feature-block .ms-cr-feature-number, .ms-cr-feature-icon, .ms-cr-feature-icon svg) {
    color: #C05C3E !important;
    stroke: #C05C3E !important;
}

/* Careers Open Positions Apply Links */
html[data-theme="terracotta"] .elementor .elementor-element.elementor-element .ms-cr-apply-link,
html[data-theme="terracotta"] .elementor-element.elementor-element-6f0a86d .ms-cr-apply-link,
html[data-theme="terracotta"] [class*="elementor-element"] .ms-cr-apply-link,
html[data-theme="terracotta"] body.elementor-page .ms-cr-apply-link,
html[data-theme="terracotta"] :is(.ms-cr-apply-link, a.ms-cr-apply-link, .ms-cr-td-apply a, .ms-cr-apply-link svg, .ms-cr-apply-link path, .ms-cr-detail-apply-btn, tr.ms-cr-table-row a.ms-cr-apply-link, table.ms-cr-table a.ms-cr-apply-link, .ms-cr-positions-table a) {
    color: #C05C3E !important;
    stroke: #C05C3E !important;
}

/* Buttons: Contact GET IN TOUCH & Careers Submit Application */
html[data-theme="terracotta"] .elementor .elementor-element.elementor-element :is(.ms-cr-submit-btn, .ms-cp-btn-gold, .ms-rfq-submit-btn),
html[data-theme="terracotta"] [class*="elementor-element"] :is(.ms-cr-submit-btn, .ms-cp-btn-gold, .ms-rfq-submit-btn),
html[data-theme="terracotta"] body.elementor-page :is(.ms-cr-submit-btn, .ms-cp-btn-gold, .ms-rfq-submit-btn),
html[data-theme="terracotta"] :is(.ms-cr-submit-btn, button.ms-cr-submit-btn, .ms-rfq-submit-btn.ms-cr-submit-btn, button[type="submit"].ms-cr-submit-btn, .ms-cr-form-right button[type="submit"], form#ms-cr-form button, form#ms-cr-form .ms-cr-submit-btn, body form#ms-cr-form button, .ms-cr-btn-gold, button.ms-rfq-submit-btn, .ms-rfq-submit-btn, .ms-cp-btn-gold, a.ms-cp-btn-gold, .ms-cp-hero-left .ms-cp-btn-gold) {
    background-color: #C05C3E !important;
    background: #C05C3E !important;
    color: #FFFFFF !important;
}
html[data-theme="terracotta"] .elementor .elementor-element.elementor-element :is(.ms-cr-submit-btn:hover, .ms-cp-btn-gold:hover, .ms-rfq-submit-btn:hover),
html[data-theme="terracotta"] [class*="elementor-element"] :is(.ms-cr-submit-btn:hover, .ms-cp-btn-gold:hover, .ms-rfq-submit-btn:hover),
html[data-theme="terracotta"] body.elementor-page :is(.ms-cr-submit-btn:hover, .ms-cp-btn-gold:hover, .ms-rfq-submit-btn:hover),
html[data-theme="terracotta"] :is(.ms-cr-submit-btn:hover, button.ms-cr-submit-btn:hover, .ms-rfq-submit-btn.ms-cr-submit-btn:hover, .ms-cr-form-right button[type="submit"]:hover, form#ms-cr-form button:hover, .ms-cr-btn-gold:hover, button.ms-rfq-submit-btn:hover, .ms-rfq-submit-btn:hover, .ms-cp-btn-gold:hover, a.ms-cp-btn-gold:hover, .ms-cp-hero-left .ms-cp-btn-gold:hover) {
    background-color: #a54a2e !important;
    background: #a54a2e !important;
    color: #FFFFFF !important;
}
html[data-theme="terracotta"] :is(.ms-cr-upload-area, .ms-cr-upload-area svg, .ms-cr-upload-text) {
    color: #C05C3E !important;
    border-color: #C05C3E !important;
}
html[data-theme="terracotta"] :is(.ms-cr-form-right .ms-form-group label span, .ms-cr-form-right .ms-rfq-section-number, .ms-cr-form-right .ms-rfq-section-number svg, .ms-cr-form-right .ms-form-security-note svg, .ms-form-security-note svg) {
    color: #C05C3E !important;
    stroke: #C05C3E !important;
}

/* -- Careers Page Form Section & Form Container - Unified Theme Background -- */
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) :is(.ms-cr-form-section, #ms-cr-application-form, .ms-cr-form-right .ms-rfq-form-container, .ms-cr-form-card, body .ms-cr-form-right .ms-rfq-form-container, .ms-rfq-form-container) {
    background-color: var(--color-bg) !important;
    background: var(--color-bg) !important;
}
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) :is(.ms-cr-form-right .ms-rfq-form-container, .ms-cr-form-card, .ms-rfq-form-container) {
    border: 1px solid var(--color-border) !important;
}
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) .ms-cr-form-right .ms-rfq-section-header h3 {
    color: #102A1D !important;
}

/* ==========================================================================
   GLOBAL NETWORK PAGE DYNAMIC THEME OVERRIDES
   ========================================================================== */

/* 1. Infrastructure Cards: Protect Box Titles (Must Stay White) */
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"], [data-theme="dark"], [data-theme="light"]) :is(.gn-feature-title, .gn-feature-card h3, .gn-markets-grid .gn-feature-title) {
    color: #FFFFFF !important;
}

/* 2. Infrastructure Card Icons: Blue / Green / Terracotta Theme Accents */
html[data-theme="blue"] :is(.gn-feature-icon-circle, .gn-feature-card .gn-feature-icon-circle) {
    border-color: #1142AF !important;
}
html[data-theme="blue"] :is(.gn-feature-icon-circle svg, .gn-feature-card .gn-feature-icon-circle svg) {
    stroke: #1142AF !important;
    color: #1142AF !important;
}

html[data-theme="green"] :is(.gn-feature-icon-circle, .gn-feature-card .gn-feature-icon-circle) {
    border-color: #23A455 !important;
}
html[data-theme="green"] :is(.gn-feature-icon-circle svg, .gn-feature-card .gn-feature-icon-circle svg) {
    stroke: #23A455 !important;
    color: #23A455 !important;
}

html[data-theme="terracotta"] :is(.gn-feature-icon-circle, .gn-feature-card .gn-feature-icon-circle) {
    border-color: #C05C3E !important;
}
html[data-theme="terracotta"] :is(.gn-feature-icon-circle svg, .gn-feature-card .gn-feature-icon-circle svg) {
    stroke: #C05C3E !important;
    color: #C05C3E !important;
}

/* 3. Regional Contacts "CONTACT US" Button & Support Card */
html[data-theme="blue"] :is(.ms-faq-support-btn, a.ms-faq-support-btn, .gn-contacts-section .ms-faq-support-btn, .ms-faq-support a) {
    background-color: #1142AF !important;
    background: #1142AF !important;
    color: #FFFFFF !important;
}
html[data-theme="blue"] :is(.ms-faq-support-btn:hover, a.ms-faq-support-btn:hover, .gn-contacts-section .ms-faq-support-btn:hover) {
    background-color: #0c328b !important;
    background: #0c328b !important;
    color: #FFFFFF !important;
}
html[data-theme="blue"] :is(.ms-faq-support-icon, .ms-faq-support-icon svg) {
    color: #1142AF !important;
    stroke: #1142AF !important;
    border-color: #1142AF !important;
}
html[data-theme="blue"] .ms-faq-support-divider {
    background-color: #1142AF !important;
}

html[data-theme="green"] :is(.ms-faq-support-btn, a.ms-faq-support-btn, .gn-contacts-section .ms-faq-support-btn, .ms-faq-support a) {
    background-color: #23A455 !important;
    background: #23A455 !important;
    color: #FFFFFF !important;
}
html[data-theme="green"] :is(.ms-faq-support-btn:hover, a.ms-faq-support-btn:hover, .gn-contacts-section .ms-faq-support-btn:hover) {
    background-color: #1b7f41 !important;
    background: #1b7f41 !important;
    color: #FFFFFF !important;
}
html[data-theme="green"] :is(.ms-faq-support-icon, .ms-faq-support-icon svg) {
    color: #23A455 !important;
    stroke: #23A455 !important;
    border-color: #23A455 !important;
}
html[data-theme="green"] .ms-faq-support-divider {
    background-color: #23A455 !important;
}

html[data-theme="terracotta"] :is(.ms-faq-support-btn, a.ms-faq-support-btn, .gn-contacts-section .ms-faq-support-btn, .ms-faq-support a) {
    background-color: #C05C3E !important;
    background: #C05C3E !important;
    color: #FFFFFF !important;
}
html[data-theme="terracotta"] :is(.ms-faq-support-btn:hover, a.ms-faq-support-btn:hover, .gn-contacts-section .ms-faq-support-btn:hover) {
    background-color: #a54a2e !important;
    background: #a54a2e !important;
    color: #FFFFFF !important;
}
html[data-theme="terracotta"] :is(.ms-faq-support-icon, .ms-faq-support-icon svg) {
    color: #C05C3E !important;
    stroke: #C05C3E !important;
    border-color: #C05C3E !important;
}
html[data-theme="terracotta"] .ms-faq-support-divider {
    background-color: #C05C3E !important;
}

/* 4. Sourcing Regions Interactive Map: Dotted Lines & Pins */
html[data-theme="blue"] .gn-map-overlay-svg line {
    stroke: #1142AF !important;
}
html[data-theme="blue"] .gn-gold-pins circle,
html[data-theme="blue"] .gn-map-overlay-svg circle {
    fill: #1142AF !important;
}
html[data-theme="blue"] .gn-map-overlay-svg circle[fill="#FFDF9E"] {
    fill: #6BA5FF !important;
}

html[data-theme="green"] .gn-map-overlay-svg line {
    stroke: #23A455 !important;
}
html[data-theme="green"] .gn-gold-pins circle,
html[data-theme="green"] .gn-map-overlay-svg circle {
    fill: #23A455 !important;
}
html[data-theme="green"] .gn-map-overlay-svg circle[fill="#FFDF9E"] {
    fill: #7FE5A2 !important;
}

html[data-theme="terracotta"] .gn-map-overlay-svg line {
    stroke: #C05C3E !important;
}
html[data-theme="terracotta"] .gn-gold-pins circle,
html[data-theme="terracotta"] .gn-map-overlay-svg circle {
    fill: #C05C3E !important;
}
html[data-theme="terracotta"] .gn-map-overlay-svg circle[fill="#FFDF9E"] {
    fill: #F5A186 !important;
}

/* 5. Supply Chain Timeline Icons */
html[data-theme="blue"] :is(.gn-step-icon-box svg, .gn-timeline-step .gn-step-icon-box svg) {
    stroke: #1142AF !important;
    color: #1142AF !important;
}
html[data-theme="green"] :is(.gn-step-icon-box svg, .gn-timeline-step .gn-step-icon-box svg) {
    stroke: #23A455 !important;
    color: #23A455 !important;
}
html[data-theme="terracotta"] :is(.gn-step-icon-box svg, .gn-timeline-step .gn-step-icon-box svg) {
    stroke: #C05C3E !important;
    color: #C05C3E !important;
}

/* 6. Global Offices Landmark Card Hover & Active Borders */
html[data-theme="blue"] :is(.gn-office-card:hover, .gn-office-card.active, .gn-offices-cards-grid .gn-office-card:hover) {
    border-color: #1142AF !important;
    box-shadow: 0 16px 36px rgba(17, 66, 175, 0.12) !important;
}
html[data-theme="green"] :is(.gn-office-card:hover, .gn-office-card.active, .gn-offices-cards-grid .gn-office-card:hover) {
    border-color: #23A455 !important;
    box-shadow: 0 16px 36px rgba(35, 164, 85, 0.12) !important;
}
html[data-theme="terracotta"] :is(.gn-office-card:hover, .gn-office-card.active, .gn-offices-cards-grid .gn-office-card:hover) {
    border-color: #C05C3E !important;
    box-shadow: 0 16px 36px rgba(192, 92, 62, 0.12) !important;
}

/* 7. Infrastructure Feature Card Hover Borders (Image 1) */
html[data-theme="blue"] .gn-feature-card:hover {
    border-color: #1142AF !important;
    box-shadow: 0 15px 35px rgba(17, 66, 175, 0.3) !important;
}
html[data-theme="green"] .gn-feature-card:hover {
    border-color: #23A455 !important;
    box-shadow: 0 15px 35px rgba(35, 164, 85, 0.3) !important;
}
html[data-theme="terracotta"] .gn-feature-card:hover {
    border-color: #C05C3E !important;
    box-shadow: 0 15px 35px rgba(192, 92, 62, 0.3) !important;
}

/* 8. Regional Contacts "HAVE A QUESTION?" Heading Protection (Image 2 - Must Stay Dark/Black) */
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"], [data-theme="light"]) :is(.ms-faq-support-title, .ms-faq-support h3, .gn-inquiry-title, h3.ms-faq-support-title, body .ms-faq-support-title) {
    color: #102A1D !important;
}

/* 9. Sourcing Map Floating Cards: Borders, Hover Glow & Commodity Bullet Dots (Image 3) */
html[data-theme="blue"] :is(.gn-card-box, .gn-sourcing-card .gn-card-box) {
    border-color: rgba(17, 66, 175, 0.5) !important;
}
html[data-theme="blue"] .gn-sourcing-card:hover .gn-card-box {
    border-color: #1142AF !important;
    box-shadow: 0 15px 40px rgba(17, 66, 175, 0.4) !important;
}
html[data-theme="blue"] .gn-commodity-list li::before {
    color: #1142AF !important;
}

html[data-theme="green"] :is(.gn-card-box, .gn-sourcing-card .gn-card-box) {
    border-color: rgba(35, 164, 85, 0.5) !important;
}
html[data-theme="green"] .gn-sourcing-card:hover .gn-card-box {
    border-color: #23A455 !important;
    box-shadow: 0 15px 40px rgba(35, 164, 85, 0.4) !important;
}
html[data-theme="green"] .gn-commodity-list li::before {
    color: #23A455 !important;
}

html[data-theme="terracotta"] :is(.gn-card-box, .gn-sourcing-card .gn-card-box) {
    border-color: rgba(192, 92, 62, 0.5) !important;
}
html[data-theme="terracotta"] .gn-sourcing-card:hover .gn-card-box {
    border-color: #C05C3E !important;
    box-shadow: 0 15px 40px rgba(192, 92, 62, 0.4) !important;
}
html[data-theme="terracotta"] .gn-commodity-list li::before {
    color: #C05C3E !important;
}

/* ==========================================================================
   10. SUPPLY CHAIN TIMELINE ACTIVE & HOVER NODES (Image 1)
   ========================================================================== */
html[data-theme="blue"] :is(.gn-step-ring-node, .gn-timeline-step .gn-step-ring-node) {
    border-color: #1142AF !important;
}
html[data-theme="blue"] :is(.gn-timeline-step:hover .gn-step-ring-node, .gn-timeline-step.active .gn-step-ring-node) {
    background-color: #1142AF !important;
    border-color: #1142AF !important;
    box-shadow: 0 0 14px rgba(17, 66, 175, 0.7) !important;
}
html[data-theme="blue"] :is(.gn-timeline-step:hover .gn-step-label, .gn-timeline-step.active .gn-step-label) {
    color: #1142AF !important;
}

html[data-theme="green"] :is(.gn-step-ring-node, .gn-timeline-step .gn-step-ring-node) {
    border-color: #23A455 !important;
}
html[data-theme="green"] :is(.gn-timeline-step:hover .gn-step-ring-node, .gn-timeline-step.active .gn-step-ring-node) {
    background-color: #23A455 !important;
    border-color: #23A455 !important;
    box-shadow: 0 0 14px rgba(35, 164, 85, 0.7) !important;
}
html[data-theme="green"] :is(.gn-timeline-step:hover .gn-step-label, .gn-timeline-step.active .gn-step-label) {
    color: #23A455 !important;
}

html[data-theme="terracotta"] :is(.gn-step-ring-node, .gn-timeline-step .gn-step-ring-node) {
    border-color: #C05C3E !important;
}
html[data-theme="terracotta"] :is(.gn-timeline-step:hover .gn-step-ring-node, .gn-timeline-step.active .gn-step-ring-node) {
    background-color: #C05C3E !important;
    border-color: #C05C3E !important;
    box-shadow: 0 0 14px rgba(192, 92, 62, 0.7) !important;
}
html[data-theme="terracotta"] :is(.gn-timeline-step:hover .gn-step-label, .gn-timeline-step.active .gn-step-label) {
    color: #C05C3E !important;
}

/* ==========================================================================
   11. SIDEBAR CATEGORIES, RECENT POSTS & CTA CARD HOVER (Images 2 & 3)
   ========================================================================== */
html[data-theme="blue"] :is(.ms-sidebar-cat-list li a:hover, .ms-sidebar-cat-list li.active a, .ms-sidebar-recent-item.active) {
    background: rgba(17, 66, 175, 0.08) !important;
    border-color: rgba(17, 66, 175, 0.35) !important;
    color: #1142AF !important;
}
html[data-theme="blue"] :is(.ms-sidebar-cat-list li a:hover .ms-cat-arrow, .ms-sidebar-cat-list li.active a .ms-cat-arrow, .ms-sidebar-recent-item.active .ms-recent-title, .ms-recent-link:hover .ms-recent-title) {
    color: #1142AF !important;
}
html[data-theme="blue"] :is(.ms-sidebar-cta-btn, a.ms-sidebar-cta-btn) {
    background-color: #1142AF !important;
    background: #1142AF !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 12px rgba(17, 66, 175, 0.3) !important;
}
html[data-theme="blue"] :is(.ms-sidebar-cta-btn:hover, a.ms-sidebar-cta-btn:hover) {
    background-color: #0c328b !important;
    background: #0c328b !important;
    color: #FFFFFF !important;
    box-shadow: 0 6px 16px rgba(17, 66, 175, 0.4) !important;
}

html[data-theme="green"] :is(.ms-sidebar-cat-list li a:hover, .ms-sidebar-cat-list li.active a, .ms-sidebar-recent-item.active) {
    background: rgba(35, 164, 85, 0.08) !important;
    border-color: rgba(35, 164, 85, 0.35) !important;
    color: #23A455 !important;
}
html[data-theme="green"] :is(.ms-sidebar-cat-list li a:hover .ms-cat-arrow, .ms-sidebar-cat-list li.active a .ms-cat-arrow, .ms-sidebar-recent-item.active .ms-recent-title, .ms-recent-link:hover .ms-recent-title) {
    color: #23A455 !important;
}
html[data-theme="green"] :is(.ms-sidebar-cta-btn, a.ms-sidebar-cta-btn) {
    background-color: #23A455 !important;
    background: #23A455 !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 12px rgba(35, 164, 85, 0.3) !important;
}
html[data-theme="green"] :is(.ms-sidebar-cta-btn:hover, a.ms-sidebar-cta-btn:hover) {
    background-color: #1b7f41 !important;
    background: #1b7f41 !important;
    color: #FFFFFF !important;
    box-shadow: 0 6px 16px rgba(35, 164, 85, 0.4) !important;
}

html[data-theme="terracotta"] :is(.ms-sidebar-cat-list li a:hover, .ms-sidebar-cat-list li.active a, .ms-sidebar-recent-item.active) {
    background: rgba(192, 92, 62, 0.08) !important;
    border-color: rgba(192, 92, 62, 0.35) !important;
    color: #C05C3E !important;
}
html[data-theme="terracotta"] :is(.ms-sidebar-cat-list li a:hover .ms-cat-arrow, .ms-sidebar-cat-list li.active a .ms-cat-arrow, .ms-sidebar-recent-item.active .ms-recent-title, .ms-recent-link:hover .ms-recent-title) {
    color: #C05C3E !important;
}
html[data-theme="terracotta"] :is(.ms-sidebar-cta-btn, a.ms-sidebar-cta-btn) {
    background-color: #C05C3E !important;
    background: #C05C3E !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 12px rgba(192, 92, 62, 0.3) !important;
}
html[data-theme="terracotta"] :is(.ms-sidebar-cta-btn:hover, a.ms-sidebar-cta-btn:hover) {
    background-color: #a54a2e !important;
    background: #a54a2e !important;
    color: #FFFFFF !important;
    box-shadow: 0 6px 16px rgba(192, 92, 62, 0.4) !important;
}

/* ==========================================================================
   12. RFQ PAGE (/rfq/) COMPREHENSIVE THEME OVERRIDES (Images 4 & 5)
   ========================================================================== */

/* Why Request a Quote Circular Icons */
html[data-theme="blue"] .ms-why-icon {
    background: #1142AF !important;
    color: #FFFFFF !important;
}
html[data-theme="green"] .ms-why-icon {
    background: #23A455 !important;
    color: #FFFFFF !important;
}
html[data-theme="terracotta"] .ms-why-icon {
    background: #C05C3E !important;
    color: #FFFFFF !important;
}

/* Need Help? Box Background */
html[data-theme="blue"] .ms-help-widget {
    background: #1142AF !important;
    background-color: #1142AF !important;
    color: #FFFFFF !important;
}
html[data-theme="green"] .ms-help-widget {
    background: #23A455 !important;
    background-color: #23A455 !important;
    color: #FFFFFF !important;
}
html[data-theme="terracotta"] .ms-help-widget {
    background: #C05C3E !important;
    background-color: #C05C3E !important;
    color: #FFFFFF !important;
}

/* Contact Us Button inside Need Help? Box (Preserve Crisp 1.5px White Border) */
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"], [data-theme="light"], [data-theme="dark"]) .ms-help-widget :is(.ms-help-btn, a.ms-help-btn, .ms-btn-secondary-card),
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"], [data-theme="light"], [data-theme="dark"]) :is(.ms-help-widget .ms-help-btn, .ms-help-widget a.ms-help-btn, .ms-help-widget .ms-btn-secondary-card, .ms-rfq-sidebar-widget.ms-help-widget .ms-help-btn, .ms-rfq-sidebar-widget.ms-help-widget a) {
    background-color: transparent !important;
    background: transparent !important;
    border: 1.5px solid #FFFFFF !important;
    border-color: #FFFFFF !important;
    color: #FFFFFF !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
}

html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"], [data-theme="light"], [data-theme="dark"]) .ms-help-widget :is(.ms-help-btn:hover, a.ms-help-btn:hover, .ms-btn-secondary-card:hover),
html:is([data-theme="blue"], [data-theme="green"], [data-theme="terracotta"], [data-theme="light"], [data-theme="dark"]) :is(.ms-help-widget .ms-help-btn:hover, .ms-help-widget a.ms-help-btn:hover, .ms-help-widget .ms-btn-secondary-card:hover, .ms-rfq-sidebar-widget.ms-help-widget .ms-help-btn:hover, .ms-rfq-sidebar-widget.ms-help-widget a:hover) {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
    border: 1.5px solid #FFFFFF !important;
    border-color: #FFFFFF !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

html[data-theme="blue"] .ms-help-widget :is(.ms-help-btn:hover, a.ms-help-btn:hover, .ms-btn-secondary-card:hover) {
    color: #1142AF !important;
}
html[data-theme="green"] .ms-help-widget :is(.ms-help-btn:hover, a.ms-help-btn:hover, .ms-btn-secondary-card:hover) {
    color: #23A455 !important;
}
html[data-theme="terracotta"] .ms-help-widget :is(.ms-help-btn:hover, a.ms-help-btn:hover, .ms-btn-secondary-card:hover) {
    color: #C05C3E !important;
}
html[data-theme="light"] .ms-help-widget :is(.ms-help-btn:hover, a.ms-help-btn:hover, .ms-btn-secondary-card:hover) {
    color: #C89B5E !important;
}
html[data-theme="dark"] .ms-help-widget :is(.ms-help-btn:hover, a.ms-help-btn:hover, .ms-btn-secondary-card:hover) {
    color: #191919 !important;
}

/* + Add Another Category Button */
html[data-theme="blue"] .ms-add-cat-btn {
    border-color: #1142AF !important;
    color: #1142AF !important;
}
html[data-theme="blue"] .ms-add-cat-btn:hover {
    background: rgba(17, 66, 175, 0.08) !important;
}

html[data-theme="green"] .ms-add-cat-btn {
    border-color: #23A455 !important;
    color: #23A455 !important;
}
html[data-theme="green"] .ms-add-cat-btn:hover {
    background: rgba(35, 164, 85, 0.08) !important;
}

html[data-theme="terracotta"] .ms-add-cat-btn {
    border-color: #C05C3E !important;
    color: #C05C3E !important;
}
html[data-theme="terracotta"] .ms-add-cat-btn:hover {
    background: rgba(192, 92, 62, 0.08) !important;
}

/* Footer 4 Trust Badges Icons */
html[data-theme="blue"] .ms-footer-icon {
    background: #1142AF !important;
    color: #FFFFFF !important;
}
html[data-theme="green"] .ms-footer-icon {
    background: #23A455 !important;
    color: #FFFFFF !important;
}
html[data-theme="terracotta"] .ms-footer-icon {
    background: #C05C3E !important;
    color: #FFFFFF !important;
}

/* Security Note & Form Icons */
html[data-theme="blue"] :is(.ms-rfq-secure-note svg, .ms-input-icon-wrapper svg) {
    color: #1142AF !important;
}
html[data-theme="green"] :is(.ms-rfq-secure-note svg, .ms-input-icon-wrapper svg) {
    color: #23A455 !important;
}
html[data-theme="terracotta"] :is(.ms-rfq-secure-note svg, .ms-input-icon-wrapper svg) {
    color: #C05C3E !important;
}

/* ==========================================================================
   13. RFQ DROPDOWN OPTIONS & SELECTED CATEGORY CARD THEME STYLING
   ========================================================================== */

/* Blue Theme: Dropdown & Selected Category */
html[data-theme="blue"] :is(.ms-custom-select-options, .ms-cp-custom-select-options, .ms-cr-custom-select-options, .ms-dropdown-menu) {
    border: 1.5px solid #1142AF !important;
    border-color: #1142AF !important;
}
html[data-theme="blue"] :is(.ms-select-search-input, .ms-custom-select-options input, .ms-cp-custom-select-options input) {
    border: 1px solid #1142AF !important;
    border-color: #1142AF !important;
    background: #FFFFFF !important;
    color: #102A1D !important;
}
html[data-theme="blue"] :is(.ms-select-search-input:focus, .ms-custom-select-options input:focus, .ms-cp-custom-select-options input:focus) {
    border-color: #1142AF !important;
    box-shadow: 0 0 0 2px rgba(17, 66, 175, 0.2) !important;
}
html[data-theme="blue"] :is(.ms-select-search-box, .ms-cp-select-search-box) {
    border-bottom: 1px solid rgba(17, 66, 175, 0.2) !important;
}
html[data-theme="blue"] :is(.ms-custom-option:hover, .ms-cp-custom-option:hover, .ms-dropdown-item:hover) {
    background: rgba(17, 66, 175, 0.08) !important;
    color: #1142AF !important;
}
html[data-theme="blue"] :is(.ms-custom-option.is-selected, .ms-cp-custom-option.is-selected, .ms-dropdown-item.selected, .ms-dropdown-item.is-selected) {
    background: rgba(17, 66, 175, 0.12) !important;
    color: #1142AF !important;
    font-weight: 600 !important;
}
html[data-theme="blue"] :is(.ms-selected-cat-card, .ms-cat-selected-col .ms-selected-cat-card) {
    background: rgba(17, 66, 175, 0.07) !important;
    background-color: rgba(17, 66, 175, 0.07) !important;
    border: 1.5px solid #1142AF !important;
    border-color: #1142AF !important;
}
html[data-theme="blue"] :is(.ms-cat-card-value svg, .ms-selected-cat-card svg) {
    color: #1142AF !important;
    stroke: #1142AF !important;
}

/* Green Theme: Dropdown & Selected Category */
html[data-theme="green"] :is(.ms-custom-select-options, .ms-cp-custom-select-options, .ms-cr-custom-select-options, .ms-dropdown-menu) {
    border: 1.5px solid #23A455 !important;
    border-color: #23A455 !important;
}
html[data-theme="green"] :is(.ms-select-search-input, .ms-custom-select-options input, .ms-cp-custom-select-options input) {
    border: 1px solid #23A455 !important;
    border-color: #23A455 !important;
    background: #FFFFFF !important;
    color: #102A1D !important;
}
html[data-theme="green"] :is(.ms-select-search-input:focus, .ms-custom-select-options input:focus, .ms-cp-custom-select-options input:focus) {
    border-color: #23A455 !important;
    box-shadow: 0 0 0 2px rgba(35, 164, 85, 0.2) !important;
}
html[data-theme="green"] :is(.ms-select-search-box, .ms-cp-select-search-box) {
    border-bottom: 1px solid rgba(35, 164, 85, 0.2) !important;
}
html[data-theme="green"] :is(.ms-custom-option:hover, .ms-cp-custom-option:hover, .ms-dropdown-item:hover) {
    background: rgba(35, 164, 85, 0.08) !important;
    color: #23A455 !important;
}
html[data-theme="green"] :is(.ms-custom-option.is-selected, .ms-cp-custom-option.is-selected, .ms-dropdown-item.selected, .ms-dropdown-item.is-selected) {
    background: rgba(35, 164, 85, 0.12) !important;
    color: #23A455 !important;
    font-weight: 600 !important;
}
html[data-theme="green"] :is(.ms-selected-cat-card, .ms-cat-selected-col .ms-selected-cat-card) {
    background: rgba(35, 164, 85, 0.07) !important;
    background-color: rgba(35, 164, 85, 0.07) !important;
    border: 1.5px solid #23A455 !important;
    border-color: #23A455 !important;
}
html[data-theme="green"] :is(.ms-cat-card-value svg, .ms-selected-cat-card svg) {
    color: #23A455 !important;
    stroke: #23A455 !important;
}

/* Terracotta Theme: Dropdown & Selected Category */
html[data-theme="terracotta"] :is(.ms-custom-select-options, .ms-cp-custom-select-options, .ms-cr-custom-select-options, .ms-dropdown-menu) {
    border: 1.5px solid #C05C3E !important;
    border-color: #C05C3E !important;
}
html[data-theme="terracotta"] :is(.ms-select-search-input, .ms-custom-select-options input, .ms-cp-custom-select-options input) {
    border: 1px solid #C05C3E !important;
    border-color: #C05C3E !important;
    background: #FFFFFF !important;
    color: #102A1D !important;
}
html[data-theme="terracotta"] :is(.ms-select-search-input:focus, .ms-custom-select-options input:focus, .ms-cp-custom-select-options input:focus) {
    border-color: #C05C3E !important;
    box-shadow: 0 0 0 2px rgba(192, 92, 62, 0.2) !important;
}
html[data-theme="terracotta"] :is(.ms-select-search-box, .ms-cp-select-search-box) {
    border-bottom: 1px solid rgba(192, 92, 62, 0.2) !important;
}
html[data-theme="terracotta"] :is(.ms-custom-option:hover, .ms-cp-custom-option:hover, .ms-dropdown-item:hover) {
    background: rgba(192, 92, 62, 0.08) !important;
    color: #C05C3E !important;
}
html[data-theme="terracotta"] :is(.ms-custom-option.is-selected, .ms-cp-custom-option.is-selected, .ms-dropdown-item.selected, .ms-dropdown-item.is-selected) {
    background: rgba(192, 92, 62, 0.12) !important;
    color: #C05C3E !important;
    font-weight: 600 !important;
}
html[data-theme="terracotta"] :is(.ms-selected-cat-card, .ms-cat-selected-col .ms-selected-cat-card) {
    background: rgba(192, 92, 62, 0.07) !important;
    background-color: rgba(192, 92, 62, 0.07) !important;
    border: 1.5px solid #C05C3E !important;
    border-color: #C05C3E !important;
}
html[data-theme="terracotta"] :is(.ms-cat-card-value svg, .ms-selected-cat-card svg) {
    color: #C05C3E !important;
    stroke: #C05C3E !important;
}

/* ==========================================================================
   14. RFQ PRODUCT CHECKBOX ROW HOVER THEME TINT (Image 1)
   ========================================================================== */
html[data-theme="blue"] :is(.ms-prod-checkbox-row:hover, .ms-product-checkbox-list .ms-prod-checkbox-row:hover) {
    background: rgba(17, 66, 175, 0.06) !important;
}
html[data-theme="green"] :is(.ms-prod-checkbox-row:hover, .ms-product-checkbox-list .ms-prod-checkbox-row:hover) {
    background: rgba(35, 164, 85, 0.06) !important;
}
html[data-theme="terracotta"] :is(.ms-prod-checkbox-row:hover, .ms-product-checkbox-list .ms-prod-checkbox-row:hover) {
    background: rgba(192, 92, 62, 0.06) !important;
}

/* ==========================================================================
   15. OUR JOURNEY PAGE DYNAMIC THEME STYLING (Image 2)
   ========================================================================== */

/* Blue Theme: Hero Title, Headings, Connecting Lines, and Button */
html[data-theme="blue"] :is(.radian-hero-title, h1.radian-hero-title, .radian-title, h2.radian-title, .mzst-brand-title) {
    color: #1142AF !important;
}
html[data-theme="blue"] :is(.radian-jagged-svg path:first-child, .radian-jagged-svg path.radian-path-bg, path.radian-path-bg) {
    stroke: rgba(17, 66, 175, 0.25) !important;
}
html[data-theme="blue"] :is(.radian-jagged-svg path:nth-child(2), .radian-jagged-svg path.radian-path-flow, path.radian-path-flow, .radian-jagged-svg path) {
    stroke: #1142AF !important;
}
html[data-theme="blue"] :is(.radian-hero-btn, a.radian-hero-btn, .radian-arrow-circle) {
    border-color: #1142AF !important;
    color: #1142AF !important;
}

/* Green Theme: Hero Title, Headings, Connecting Lines, and Button */
html[data-theme="green"] :is(.radian-hero-title, h1.radian-hero-title, .radian-title, h2.radian-title, .mzst-brand-title) {
    color: #23A455 !important;
}
html[data-theme="green"] :is(.radian-jagged-svg path:first-child, .radian-jagged-svg path.radian-path-bg, path.radian-path-bg) {
    stroke: rgba(35, 164, 85, 0.25) !important;
}
html[data-theme="green"] :is(.radian-jagged-svg path:nth-child(2), .radian-jagged-svg path.radian-path-flow, path.radian-path-flow, .radian-jagged-svg path) {
    stroke: #23A455 !important;
}
html[data-theme="green"] :is(.radian-hero-btn, a.radian-hero-btn, .radian-arrow-circle) {
    border-color: #23A455 !important;
    color: #23A455 !important;
}

/* Terracotta Theme: Hero Title, Headings, Connecting Lines, and Button */
html[data-theme="terracotta"] :is(.radian-hero-title, h1.radian-hero-title, .radian-title, h2.radian-title, .mzst-brand-title) {
    color: #C05C3E !important;
}
html[data-theme="terracotta"] :is(.radian-jagged-svg path:first-child, .radian-jagged-svg path.radian-path-bg, path.radian-path-bg) {
    stroke: rgba(192, 92, 62, 0.25) !important;
}
html[data-theme="terracotta"] :is(.radian-jagged-svg path:nth-child(2), .radian-jagged-svg path.radian-path-flow, path.radian-path-flow, .radian-jagged-svg path) {
    stroke: #C05C3E !important;
}
html[data-theme="terracotta"] :is(.radian-hero-btn, a.radian-hero-btn, .radian-arrow-circle) {
    border-color: #C05C3E !important;
    color: #C05C3E !important;
}

/* ==========================================================================
   16. HOME PAGE HERO HEADING: RETAIN DEFAULT BLACK (Image Request)
   ========================================================================== */
html:is([data-theme="light"], [data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) :is(.hero-sec .hero-title, #home-hero .hero-title, .hero-content .hero-title, h1.hero-title) {
    color: #102A1D !important;
}
html[data-theme="dark"] :is(.hero-sec .hero-title, #home-hero .hero-title, .hero-content .hero-title, h1.hero-title) {
    color: #FFFFFF !important;
}

/* ==========================================================================
   17. TRADE EXCELLENCE & FOURMULA STACK CARDS TEXT CONTRAST (Image 1)
   ========================================================================== */
/* Full-width container & card styling */
.trade-excellence-sec,
section#trade-excellence-section,
.elementor-widget-ms_trade_excellence,
.elementor-widget-ms_trade_excellence .elementor-widget-container,
div[data-widget_type*="trade_excellence"] {
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.trade-pin-container,
#trade-pin-container,
.trade-cards-stack,
#trade-cards-stack {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.trade-card {
    border-radius: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

.trade-card,
.trade-card .tc-title,
.trade-card h3.tc-title,
.trade-card .tc-label,
.trade-card .tc-number-big,
.trade-card .tc-bullet-point,
.trade-card .tc-desc,
.trade-excellence-sec .tc-title,
.trade-excellence-sec h3,
.trade-excellence-sec .tc-label,
.trade-excellence-sec .tc-number-big,
.fourmula-card :is(.fourmula-card-title, h2.fourmula-card-title, .fourmula-card-number, .fourmula-card-label, .fourmula-card-desc, .fourmula-bullet-tag, .fourmula-title-box h2),
html:is([data-theme="light"], [data-theme="dark"], [data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) .trade-card :is(.tc-title, h3.tc-title, .tc-label, .tc-number-big, .tc-bullet-point, .tc-desc),
html:is([data-theme="light"], [data-theme="dark"], [data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) .trade-excellence-sec :is(.tc-title, h3.tc-title, .tc-label, .tc-number-big, .tc-bullet-point, .tc-desc),
html:is([data-theme="light"], [data-theme="dark"], [data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) [class*="trade-card"] :is(.tc-title, h3.tc-title, .tc-label, .tc-number-big, .tc-bullet-point, .tc-desc) {
    color: #FFFFFF !important;
}

/* ==========================================================================
   18. JOURNEY STEP BOXES TEXT: RETAIN DEFAULT BLACK (Image 2)
   ========================================================================== */
html:is([data-theme="light"], [data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) :is(.journey-step .step-num, .journey-step .step-title, .journey-step .step-desc, .journey-step h3, .journey-step span) {
    color: #102A1D !important;
}
html[data-theme="dark"] :is(.journey-step .step-num, .journey-step .step-title, .journey-step .step-desc, .journey-step h3, .journey-step span) {
    color: #FFFFFF !important;
}

/* ==========================================================================
   19. 2D GLOBAL TRADE NETWORK MAP LINES, PINS & DOTS (Image 3)
   ========================================================================== */

/* Blue Theme */
html[data-theme="blue"] .ms-network-arc-line {
    stroke: #1142AF !important;
}
html[data-theme="blue"] .ms-network-particle {
    fill: #1142AF !important;
    filter: drop-shadow(0 0 4px #1142AF) !important;
}
html[data-theme="blue"] .ms-network-pin-circle {
    stroke: #1142AF !important;
    fill: #FFFFFF !important;
}
html[data-theme="blue"] .ms-network-pin-dot {
    fill: #1142AF !important;
}
html[data-theme="blue"] .ms-network-hub-pulse-1 {
    fill: rgba(17, 66, 175, 0.25) !important;
}
html[data-theme="blue"] .ms-network-hub-pulse-2 {
    fill: rgba(17, 66, 175, 0.15) !important;
}
html[data-theme="blue"] .ms-network-hub-core-pin {
    fill: #1142AF !important;
    filter: drop-shadow(0 0 4px rgba(17, 66, 175, 0.8)) !important;
}
html[data-theme="blue"] .ms-network-bg-img {
    filter: hue-rotate(185deg) saturate(2.5) brightness(0.7) !important;
}
html[data-theme="blue"] .ms-network-pin-node:hover .ms-network-pin-circle {
    fill: #1142AF !important;
    stroke: #1142AF !important;
}

/* Green Theme */
html[data-theme="green"] .ms-network-arc-line {
    stroke: #23A455 !important;
}
html[data-theme="green"] .ms-network-particle {
    fill: #23A455 !important;
    filter: drop-shadow(0 0 4px #23A455) !important;
}
html[data-theme="green"] .ms-network-pin-circle {
    stroke: #23A455 !important;
    fill: #FFFFFF !important;
}
html[data-theme="green"] .ms-network-pin-dot {
    fill: #23A455 !important;
}
html[data-theme="green"] .ms-network-hub-pulse-1 {
    fill: rgba(35, 164, 85, 0.25) !important;
}
html[data-theme="green"] .ms-network-hub-pulse-2 {
    fill: rgba(35, 164, 85, 0.15) !important;
}
html[data-theme="green"] .ms-network-hub-core-pin {
    fill: #23A455 !important;
    filter: drop-shadow(0 0 4px rgba(35, 164, 85, 0.8)) !important;
}
html[data-theme="green"] .ms-network-bg-img {
    filter: hue-rotate(90deg) saturate(2) brightness(0.85) !important;
}
html[data-theme="green"] .ms-network-pin-node:hover .ms-network-pin-circle {
    fill: #23A455 !important;
    stroke: #23A455 !important;
}

/* Terracotta Theme */
html[data-theme="terracotta"] .ms-network-arc-line {
    stroke: #C05C3E !important;
}
html[data-theme="terracotta"] .ms-network-particle {
    fill: #C05C3E !important;
    filter: drop-shadow(0 0 4px #C05C3E) !important;
}
html[data-theme="terracotta"] .ms-network-pin-circle {
    stroke: #C05C3E !important;
    fill: #FFFFFF !important;
}
html[data-theme="terracotta"] .ms-network-pin-dot {
    fill: #C05C3E !important;
}
html[data-theme="terracotta"] .ms-network-hub-pulse-1 {
    fill: rgba(192, 92, 62, 0.25) !important;
}
html[data-theme="terracotta"] .ms-network-hub-pulse-2 {
    fill: rgba(192, 92, 62, 0.15) !important;
}
html[data-theme="terracotta"] .ms-network-hub-core-pin {
    fill: #C05C3E !important;
    filter: drop-shadow(0 0 4px rgba(192, 92, 62, 0.8)) !important;
}
html[data-theme="terracotta"] .ms-network-bg-img {
    filter: hue-rotate(330deg) saturate(2.2) brightness(0.85) !important;
}
html[data-theme="terracotta"] .ms-network-pin-node:hover .ms-network-pin-circle {
    fill: #C05C3E !important;
    stroke: #C05C3E !important;
}

/* ==========================================================================
   20. FAQ SECTION THEME ADAPTATION (Image 4)
   ========================================================================== */

/* Blue Theme FAQ */
html[data-theme="blue"] :is(.ms-faq-section, #faq, .elementor-widget-ms_faq) {
    background-color: rgba(17, 66, 175, 0.04) !important;
    background: rgba(17, 66, 175, 0.04) !important;
}
html[data-theme="blue"] :is(.ms-faq-title, h2.ms-faq-title, .elementor .ms-faq-title) {
    color: #1142AF !important;
}
html[data-theme="blue"] .elementor .elementor-element .ms-faq-item-num,
html[data-theme="blue"] [class*="elementor"] .ms-faq-item-num,
html[data-theme="blue"] body.elementor-page .ms-faq-item-num,
html[data-theme="blue"] .ms-faq-item-num {
    color: #1142AF !important;
}
html[data-theme="blue"] .elementor .elementor-element .ms-faq-item-num-divider,
html[data-theme="blue"] [class*="elementor"] .ms-faq-item-num-divider,
html[data-theme="blue"] body.elementor-page .ms-faq-item-num-divider,
html[data-theme="blue"] .ms-faq-item-num-divider {
    background-color: rgba(17, 66, 175, 0.35) !important;
}
html[data-theme="blue"] .elementor .elementor-element .ms-faq-support-icon,
html[data-theme="blue"] [class*="elementor"] .ms-faq-support-icon,
html[data-theme="blue"] body.elementor-page .ms-faq-support-icon,
html[data-theme="blue"] .ms-faq-support-icon {
    border-color: #1142AF !important;
    color: #1142AF !important;
}
html[data-theme="blue"] .elementor .elementor-element .ms-faq-support-divider,
html[data-theme="blue"] [class*="elementor"] .ms-faq-support-divider,
html[data-theme="blue"] body.elementor-page .ms-faq-support-divider,
html[data-theme="blue"] .ms-faq-support-divider {
    background-color: #1142AF !important;
}
html[data-theme="blue"] .elementor .elementor-element .ms-faq-support-btn,
html[data-theme="blue"] [class*="elementor"] .ms-faq-support-btn,
html[data-theme="blue"] body.elementor-page .ms-faq-support-btn,
html[data-theme="blue"] .ms-faq-support-btn,
html[data-theme="blue"] a.ms-faq-support-btn {
    background-color: #1142AF !important;
    background: #1142AF !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 16px rgba(17, 66, 175, 0.25) !important;
}
html[data-theme="blue"] .elementor .elementor-element .ms-faq-support-btn:hover,
html[data-theme="blue"] [class*="elementor"] .ms-faq-support-btn:hover,
html[data-theme="blue"] body.elementor-page .ms-faq-support-btn:hover,
html[data-theme="blue"] .ms-faq-support-btn:hover {
    background-color: #0c328b !important;
    background: #0c328b !important;
    color: #FFFFFF !important;
}
html[data-theme="blue"] :is(.ms-faq-item-icon, .ms-faq-item-icon svg, .elementor .ms-faq-item-icon) {
    color: #1142AF !important;
    stroke: #1142AF !important;
}

/* Green Theme FAQ */
html[data-theme="green"] :is(.ms-faq-section, #faq, .elementor-widget-ms_faq) {
    background-color: rgba(35, 164, 85, 0.04) !important;
    background: rgba(35, 164, 85, 0.04) !important;
}
html[data-theme="green"] :is(.ms-faq-title, h2.ms-faq-title, .elementor .ms-faq-title) {
    color: #23A455 !important;
}
html[data-theme="green"] .elementor .elementor-element .ms-faq-item-num,
html[data-theme="green"] [class*="elementor"] .ms-faq-item-num,
html[data-theme="green"] body.elementor-page .ms-faq-item-num,
html[data-theme="green"] .ms-faq-item-num {
    color: #23A455 !important;
}
html[data-theme="green"] .elementor .elementor-element .ms-faq-item-num-divider,
html[data-theme="green"] [class*="elementor"] .ms-faq-item-num-divider,
html[data-theme="green"] body.elementor-page .ms-faq-item-num-divider,
html[data-theme="green"] .ms-faq-item-num-divider {
    background-color: rgba(35, 164, 85, 0.35) !important;
}
html[data-theme="green"] .elementor .elementor-element .ms-faq-support-icon,
html[data-theme="green"] [class*="elementor"] .ms-faq-support-icon,
html[data-theme="green"] body.elementor-page .ms-faq-support-icon,
html[data-theme="green"] .ms-faq-support-icon {
    border-color: #23A455 !important;
    color: #23A455 !important;
}
html[data-theme="green"] .elementor .elementor-element .ms-faq-support-divider,
html[data-theme="green"] [class*="elementor"] .ms-faq-support-divider,
html[data-theme="green"] body.elementor-page .ms-faq-support-divider,
html[data-theme="green"] .ms-faq-support-divider {
    background-color: #23A455 !important;
}
html[data-theme="green"] .elementor .elementor-element .ms-faq-support-btn,
html[data-theme="green"] [class*="elementor"] .ms-faq-support-btn,
html[data-theme="green"] body.elementor-page .ms-faq-support-btn,
html[data-theme="green"] .ms-faq-support-btn,
html[data-theme="green"] a.ms-faq-support-btn {
    background-color: #23A455 !important;
    background: #23A455 !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 16px rgba(35, 164, 85, 0.25) !important;
}
html[data-theme="green"] .elementor .elementor-element .ms-faq-support-btn:hover,
html[data-theme="green"] [class*="elementor"] .ms-faq-support-btn:hover,
html[data-theme="green"] body.elementor-page .ms-faq-support-btn:hover,
html[data-theme="green"] .ms-faq-support-btn:hover {
    background-color: #1b7f41 !important;
    background: #1b7f41 !important;
    color: #FFFFFF !important;
}
html[data-theme="green"] :is(.ms-faq-item-icon, .ms-faq-item-icon svg, .elementor .ms-faq-item-icon) {
    color: #23A455 !important;
    stroke: #23A455 !important;
}

/* Terracotta Theme FAQ */
html[data-theme="terracotta"] :is(.ms-faq-section, #faq, .elementor-widget-ms_faq) {
    background-color: rgba(192, 92, 62, 0.04) !important;
    background: rgba(192, 92, 62, 0.04) !important;
}
html[data-theme="terracotta"] :is(.ms-faq-title, h2.ms-faq-title, .elementor .ms-faq-title) {
    color: #C05C3E !important;
}
html[data-theme="terracotta"] .elementor .elementor-element .ms-faq-item-num,
html[data-theme="terracotta"] [class*="elementor"] .ms-faq-item-num,
html[data-theme="terracotta"] body.elementor-page .ms-faq-item-num,
html[data-theme="terracotta"] .ms-faq-item-num {
    color: #C05C3E !important;
}
html[data-theme="terracotta"] .elementor .elementor-element .ms-faq-item-num-divider,
html[data-theme="terracotta"] [class*="elementor"] .ms-faq-item-num-divider,
html[data-theme="terracotta"] body.elementor-page .ms-faq-item-num-divider,
html[data-theme="terracotta"] .ms-faq-item-num-divider {
    background-color: rgba(192, 92, 62, 0.35) !important;
}
html[data-theme="terracotta"] .elementor .elementor-element .ms-faq-support-icon,
html[data-theme="terracotta"] [class*="elementor"] .ms-faq-support-icon,
html[data-theme="terracotta"] body.elementor-page .ms-faq-support-icon,
html[data-theme="terracotta"] .ms-faq-support-icon {
    border-color: #C05C3E !important;
    color: #C05C3E !important;
}
html[data-theme="terracotta"] .elementor .elementor-element .ms-faq-support-divider,
html[data-theme="terracotta"] [class*="elementor"] .ms-faq-support-divider,
html[data-theme="terracotta"] body.elementor-page .ms-faq-support-divider,
html[data-theme="terracotta"] .ms-faq-support-divider {
    background-color: #C05C3E !important;
}
html[data-theme="terracotta"] .elementor .elementor-element .ms-faq-support-btn,
html[data-theme="terracotta"] [class*="elementor"] .ms-faq-support-btn,
html[data-theme="terracotta"] body.elementor-page .ms-faq-support-btn,
html[data-theme="terracotta"] .ms-faq-support-btn,
html[data-theme="terracotta"] a.ms-faq-support-btn {
    background-color: #C05C3E !important;
    background: #C05C3E !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 16px rgba(192, 92, 62, 0.25) !important;
}
html[data-theme="terracotta"] .elementor .elementor-element .ms-faq-support-btn:hover,
html[data-theme="terracotta"] [class*="elementor"] .ms-faq-support-btn:hover,
html[data-theme="terracotta"] body.elementor-page .ms-faq-support-btn:hover,
html[data-theme="terracotta"] .ms-faq-support-btn:hover {
    background-color: #a54a2e !important;
    background: #a54a2e !important;
    color: #FFFFFF !important;
}
html[data-theme="terracotta"] :is(.ms-faq-item-icon, .ms-faq-item-icon svg, .elementor .ms-faq-item-icon) {
    color: #C05C3E !important;
    stroke: #C05C3E !important;
}

/* ==========================================================================
   21. LATEST INSIGHTS SECTION: TITLE & ARTICLE HEADLINES
   ========================================================================== */

/* 1. Section Title (LATEST INSIGHTS) -> Active Theme Color */
html[data-theme="blue"] .elementor .elementor-element .ms-insights-title,
html[data-theme="blue"] [class*="elementor"] .ms-insights-title,
html[data-theme="blue"] body.elementor-page .ms-insights-title,
html[data-theme="blue"] .ms-insights-title,
html[data-theme="blue"] h2.ms-insights-title {
    color: #1142AF !important;
}

html[data-theme="green"] .elementor .elementor-element .ms-insights-title,
html[data-theme="green"] [class*="elementor"] .ms-insights-title,
html[data-theme="green"] body.elementor-page .ms-insights-title,
html[data-theme="green"] .ms-insights-title,
html[data-theme="green"] h2.ms-insights-title {
    color: #23A455 !important;
}

html[data-theme="terracotta"] .elementor .elementor-element .ms-insights-title,
html[data-theme="terracotta"] [class*="elementor"] .ms-insights-title,
html[data-theme="terracotta"] body.elementor-page .ms-insights-title,
html[data-theme="terracotta"] .ms-insights-title,
html[data-theme="terracotta"] h2.ms-insights-title {
    color: #C05C3E !important;
}

html[data-theme="dark"] .elementor .elementor-element .ms-insights-title,
html[data-theme="dark"] [class*="elementor"] .ms-insights-title,
html[data-theme="dark"] body.elementor-page .ms-insights-title,
html[data-theme="dark"] .ms-insights-title,
html[data-theme="dark"] h2.ms-insights-title {
    color: #FFFFFF !important;
}

/* 2. Article Post Titles (Hello world!) -> Default Black */
html:is([data-theme="light"], [data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) :is(.ms-insight-headline, h3.ms-insight-headline, h4.ms-insight-headline, .ms-insight-card h3, .ms-insight-card h4, .ms-insight-title-row h3, .ms-insight-title-row h4, .ms-insight-card .ms-insight-headline) {
    color: #102A1D !important;
}

html[data-theme="dark"] :is(.ms-insight-headline, h3.ms-insight-headline, h4.ms-insight-headline, .ms-insight-card h3, .ms-insight-card h4, .ms-insight-title-row h3, .ms-insight-title-row h4, .ms-insight-card .ms-insight-headline) {
    color: #FFFFFF !important;
}

/* ==========================================================================
   22. BONDED STORAGE & SILOS: WHITE TITLE LOCK & THEME ARROWS
   ========================================================================== */

/* 1. Dark Box Title Locked to Pure White */
.gn-warehouses-half .gn-section-title,
.gn-warehouses-header .gn-section-title,
.gn-warehouses-half h2,
.gn-warehouses-half h3,
.gn-warehouses-half .gn-wh-location,
html:is([data-theme="light"], [data-theme="dark"], [data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) .gn-warehouses-half :is(.gn-section-title, h2, h3, .gn-wh-location) {
    color: #FFFFFF !important;
}

/* 2. Warehouses Navigation Arrows in Theme Color */
/* Blue Theme */
html[data-theme="blue"] .gn-wh-nav-btn {
    border-color: #1142AF !important;
    color: #FFFFFF !important;
    background: rgba(17, 66, 175, 0.25) !important;
}
html[data-theme="blue"] .gn-wh-nav-btn.next {
    background-color: #1142AF !important;
    border-color: #1142AF !important;
    color: #FFFFFF !important;
}
html[data-theme="blue"] .gn-wh-nav-btn:hover {
    background-color: #1142AF !important;
    border-color: #1142AF !important;
    color: #FFFFFF !important;
}

/* Green Theme */
html[data-theme="green"] .gn-wh-nav-btn {
    border-color: #23A455 !important;
    color: #FFFFFF !important;
    background: rgba(35, 164, 85, 0.25) !important;
}
html[data-theme="green"] .gn-wh-nav-btn.next {
    background-color: #23A455 !important;
    border-color: #23A455 !important;
    color: #FFFFFF !important;
}
html[data-theme="green"] .gn-wh-nav-btn:hover {
    background-color: #23A455 !important;
    border-color: #23A455 !important;
    color: #FFFFFF !important;
}

/* Terracotta Theme */
html[data-theme="terracotta"] .gn-wh-nav-btn {
    border-color: #C05C3E !important;
    color: #FFFFFF !important;
    background: rgba(192, 92, 62, 0.25) !important;
}
html[data-theme="terracotta"] .gn-wh-nav-btn.next {
    background-color: #C05C3E !important;
    border-color: #C05C3E !important;
    color: #FFFFFF !important;
}
html[data-theme="terracotta"] .gn-wh-nav-btn:hover {
    background-color: #C05C3E !important;
    border-color: #C05C3E !important;
    color: #FFFFFF !important;
}

/* ==========================================================================
   23. 404 & THANK YOU PAGES: THEME COLOR ADAPTATION
   ========================================================================== */

/* Blue Theme */
html[data-theme="blue"] :is(.ms-nf-number, span.ms-nf-number) {
    color: #1142AF !important;
}
html[data-theme="blue"] .ms-nf-desc-gold {
    color: #1142AF !important;
}
html[data-theme="blue"] :is(.ms-ty-heading, h1.ms-ty-heading, h2.ms-ty-heading, .ms-ty-section .ms-ty-content .ms-ty-heading, .ms-nf-heading, h1.ms-nf-heading, h2.ms-nf-heading) {
    color: #1142AF !important;
}
html[data-theme="blue"] :is(.ms-nf-btn, a.ms-nf-btn, .ms-ty-btn, a.ms-ty-btn) {
    background: #1142AF !important;
    background-color: #1142AF !important;
    border-color: #1142AF !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 14px rgba(17, 66, 175, 0.25) !important;
}
html[data-theme="blue"] :is(.ms-nf-btn:hover, a.ms-nf-btn:hover, .ms-ty-btn:hover, a.ms-ty-btn:hover) {
    background: #0c328b !important;
    background-color: #0c328b !important;
    border-color: #0c328b !important;
    color: #FFFFFF !important;
}
html[data-theme="blue"] :is(.ms-ty-icon, .ms-ty-icon-circle, .ms-ty-icon-check, svg.ms-ty-icon) {
    color: #1142AF !important;
    stroke: #1142AF !important;
}

/* Green Theme */
html[data-theme="green"] :is(.ms-nf-number, span.ms-nf-number) {
    color: #23A455 !important;
}
html[data-theme="green"] .ms-nf-desc-gold {
    color: #23A455 !important;
}
html[data-theme="green"] :is(.ms-ty-heading, h1.ms-ty-heading, h2.ms-ty-heading, .ms-ty-section .ms-ty-content .ms-ty-heading, .ms-nf-heading, h1.ms-nf-heading, h2.ms-nf-heading) {
    color: #23A455 !important;
}
html[data-theme="green"] :is(.ms-nf-btn, a.ms-nf-btn, .ms-ty-btn, a.ms-ty-btn) {
    background: #23A455 !important;
    background-color: #23A455 !important;
    border-color: #23A455 !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 14px rgba(35, 164, 85, 0.25) !important;
}
html[data-theme="green"] :is(.ms-nf-btn:hover, a.ms-nf-btn:hover, .ms-ty-btn:hover, a.ms-ty-btn:hover) {
    background: #1b7f41 !important;
    background-color: #1b7f41 !important;
    border-color: #1b7f41 !important;
    color: #FFFFFF !important;
}
html[data-theme="green"] :is(.ms-ty-icon, .ms-ty-icon-circle, .ms-ty-icon-check, svg.ms-ty-icon) {
    color: #23A455 !important;
    stroke: #23A455 !important;
}

/* Terracotta Theme */
html[data-theme="terracotta"] :is(.ms-nf-number, span.ms-nf-number) {
    color: #C05C3E !important;
}
html[data-theme="terracotta"] .ms-nf-desc-gold {
    color: #C05C3E !important;
}
html[data-theme="terracotta"] :is(.ms-ty-heading, h1.ms-ty-heading, h2.ms-ty-heading, .ms-ty-section .ms-ty-content .ms-ty-heading, .ms-nf-heading, h1.ms-nf-heading, h2.ms-nf-heading) {
    color: #C05C3E !important;
}
html[data-theme="terracotta"] :is(.ms-nf-btn, a.ms-nf-btn, .ms-ty-btn, a.ms-ty-btn) {
    background: #C05C3E !important;
    background-color: #C05C3E !important;
    border-color: #C05C3E !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 14px rgba(192, 92, 62, 0.25) !important;
}
html[data-theme="terracotta"] :is(.ms-nf-btn:hover, a.ms-nf-btn:hover, .ms-ty-btn:hover, a.ms-ty-btn:hover) {
    background: #a54a2e !important;
    background-color: #a54a2e !important;
    border-color: #a54a2e !important;
    color: #FFFFFF !important;
}
html[data-theme="terracotta"] :is(.ms-ty-icon, .ms-ty-icon-circle, .ms-ty-icon-check, svg.ms-ty-icon) {
    color: #C05C3E !important;
    stroke: #C05C3E !important;
}

/* ==========================================================================
   24. CONTACT OFFICE CARDS: THEME HOVER BORDER & SHADOW (Image 1)
   ========================================================================== */
html[data-theme="blue"] :is(.ms-cp-office-card:hover, .ms-office-card:hover, .gn-office-card:hover) {
    border-color: rgba(17, 66, 175, 0.7) !important;
    box-shadow: 0 10px 30px rgba(17, 66, 175, 0.2) !important;
}
html[data-theme="blue"] :is(.ms-cp-office-title-row, .ms-cp-office-sublabel) {
    color: #1142AF !important;
}

html[data-theme="green"] :is(.ms-cp-office-card:hover, .ms-office-card:hover, .gn-office-card:hover) {
    border-color: rgba(35, 164, 85, 0.7) !important;
    box-shadow: 0 10px 30px rgba(35, 164, 85, 0.2) !important;
}
html[data-theme="green"] :is(.ms-cp-office-title-row, .ms-cp-office-sublabel) {
    color: #23A455 !important;
}

html[data-theme="terracotta"] :is(.ms-cp-office-card:hover, .ms-office-card:hover, .gn-office-card:hover) {
    border-color: rgba(192, 92, 62, 0.7) !important;
    box-shadow: 0 10px 30px rgba(192, 92, 62, 0.2) !important;
}
html[data-theme="terracotta"] :is(.ms-cp-office-title-row, .ms-cp-office-sublabel) {
    color: #C05C3E !important;
}

/* ==========================================================================
   25. CATEGORY TABS & DROPDOWN POPUPS: THEME LIGHT BG & ACCENTS (Images 2 & 3)
   ========================================================================== */

/* Blue Theme */
html[data-theme="blue"] :is(.ms-cat-btn:hover, .ms-cat-pill-item:hover .ms-cat-btn) {
    background-color: rgba(17, 66, 175, 0.08) !important;
    background: rgba(17, 66, 175, 0.08) !important;
    border-color: #1142AF !important;
    color: #1142AF !important;
}
html[data-theme="blue"] .ms-cat-pill-item:hover .ms-cat-caret {
    color: #1142AF !important;
}
html[data-theme="blue"] .ms-cat-dropdown-menu {
    border-color: rgba(17, 66, 175, 0.3) !important;
}
html[data-theme="blue"] .ms-cat-dropdown-header {
    color: #1142AF !important;
}
html[data-theme="blue"] .ms-cat-dropdown-item:hover,
html[data-theme="blue"] .ms-cat-dropdown-item.is-current {
    background-color: rgba(17, 66, 175, 0.08) !important;
    background: rgba(17, 66, 175, 0.08) !important;
    color: #1142AF !important;
}
html[data-theme="blue"] .ms-cat-item-dot {
    background-color: #1142AF !important;
}

/* Green Theme */
html[data-theme="green"] :is(.ms-cat-btn:hover, .ms-cat-pill-item:hover .ms-cat-btn) {
    background-color: rgba(35, 164, 85, 0.08) !important;
    background: rgba(35, 164, 85, 0.08) !important;
    border-color: #23A455 !important;
    color: #23A455 !important;
}
html[data-theme="green"] .ms-cat-pill-item:hover .ms-cat-caret {
    color: #23A455 !important;
}
html[data-theme="green"] .ms-cat-dropdown-menu {
    border-color: rgba(35, 164, 85, 0.3) !important;
}
html[data-theme="green"] .ms-cat-dropdown-header {
    color: #23A455 !important;
}
html[data-theme="green"] .ms-cat-dropdown-item:hover,
html[data-theme="green"] .ms-cat-dropdown-item.is-current {
    background-color: rgba(35, 164, 85, 0.08) !important;
    background: rgba(35, 164, 85, 0.08) !important;
    color: #23A455 !important;
}
html[data-theme="green"] .ms-cat-item-dot {
    background-color: #23A455 !important;
}

/* Terracotta Theme */
html[data-theme="terracotta"] :is(.ms-cat-btn:hover, .ms-cat-pill-item:hover .ms-cat-btn) {
    background-color: rgba(192, 92, 62, 0.08) !important;
    background: rgba(192, 92, 62, 0.08) !important;
    border-color: #C05C3E !important;
    color: #C05C3E !important;
}
html[data-theme="terracotta"] .ms-cat-pill-item:hover .ms-cat-caret {
    color: #C05C3E !important;
}
html[data-theme="terracotta"] .ms-cat-dropdown-menu {
    border-color: rgba(192, 92, 62, 0.3) !important;
}
html[data-theme="terracotta"] .ms-cat-dropdown-header {
    color: #C05C3E !important;
}
html[data-theme="terracotta"] .ms-cat-dropdown-item:hover,
html[data-theme="terracotta"] .ms-cat-dropdown-item.is-current {
    background-color: rgba(192, 92, 62, 0.08) !important;
    background: rgba(192, 92, 62, 0.08) !important;
    color: #C05C3E !important;
}
html[data-theme="terracotta"] .ms-cat-item-dot {
    background-color: #C05C3E !important;
}

/* ==========================================================================
   26. PRODUCT FEATURE BOXES: RETAIN DEFAULT BLACK HEADINGS (Image 4)
   ========================================================================== */
html:is([data-theme="light"], [data-theme="blue"], [data-theme="green"], [data-theme="terracotta"]) :is(.ms-feature-title, h4.ms-feature-title, .ms-feature-card h4, .ms-single-features h4, .ms-feature-card .ms-feature-title) {
    color: #102A1D !important;
}
html[data-theme="dark"] :is(.ms-feature-title, h4.ms-feature-title, .ms-feature-card h4, .ms-single-features h4, .ms-feature-card .ms-feature-title) {
    color: #FFFFFF !important;
}

/* ==========================================================================
   27. COMPLETE LIVE COVERAGE: CARDS, BADGES, BREADCRUMBS, PAGINATION, RFQ & ABOUT
   ========================================================================== */

/* --- Blue Theme --- */
html[data-theme="blue"] :is(.ms-meta-cat, .ms-commodity-card .ms-meta-cat) {
    background-color: #181818 !important;
    background: #181818 !important;
    color: #1142AF !important;
    border: 1px solid rgba(17, 66, 175, 0.45) !important;
}
html[data-theme="blue"] :is(.ms-commodity-cta, .ms-commodity-card .ms-commodity-cta, .ms-commodity-cta .cta-icon) {
    color: #1142AF !important;
}
html[data-theme="blue"] :is(.ms-single-badge, .ms-commodity-badge) {
    background-color: #1142AF !important;
    background: #1142AF !important;
    color: #FFFFFF !important;
}
html[data-theme="blue"] :is(.ms-info-label svg, .ms-info-row svg, .ms-spec-row svg, .ms-specs-list svg, .ms-commodity-spec-row svg, .ms-spec-icon svg) {
    color: #1142AF !important;
    stroke: #1142AF !important;
}
html[data-theme="blue"] .ms-type-btn:hover {
    border-color: #1142AF !important;
    color: #1142AF !important;
}
html[data-theme="blue"] :is(.ms-type-btn.active, button.ms-type-btn.active) {
    background-color: #1142AF !important;
    background: #1142AF !important;
    border-color: #1142AF !important;
    color: #FFFFFF !important;
    box-shadow: 0 6px 18px rgba(17, 66, 175, 0.35) !important;
}
html[data-theme="blue"] .ms-grade-chip:hover {
    border-color: #1142AF !important;
}
html[data-theme="blue"] .ms-grade-chip.active {
    border-color: #1142AF !important;
    background: rgba(17, 66, 175, 0.12) !important;
    color: #1142AF !important;
}
html[data-theme="blue"] :is(.ms-btn-primary-card, #ms-single-request-quote-btn, button.ms-btn-primary-card) {
    background-color: #1142AF !important;
    background: #1142AF !important;
    border-color: #1142AF !important;
    color: #FFFFFF !important;
    box-shadow: 0 8px 22px rgba(17, 66, 175, 0.3) !important;
}
html[data-theme="blue"] :is(.ms-btn-primary-card:hover, #ms-single-request-quote-btn:hover) {
    background-color: #0c328b !important;
    background: #0c328b !important;
    border-color: #0c328b !important;
    color: #FFFFFF !important;
}
html[data-theme="blue"] :is(.ms-cat-dropdown-header, .ms-cat-dropdown-menu .ms-cat-dropdown-header) {
    color: #1142AF !important;
}
html[data-theme="blue"] .ms-cat-dropdown-menu {
    border-color: rgba(17, 66, 175, 0.3) !important;
}
html[data-theme="blue"] :is(.ms-cat-dropdown-item:hover, .ms-cat-dropdown-item.is-current) {
    background-color: rgba(17, 66, 175, 0.08) !important;
    background: rgba(17, 66, 175, 0.08) !important;
    color: #1142AF !important;
}
html[data-theme="blue"] .ms-cat-item-dot {
    background-color: #1142AF !important;
    background: #1142AF !important;
}
html[data-theme="blue"] :is(.ms-breadcrumbs .ms-breadcrumb-link:first-child, .ms-breadcrumbs .ms-breadcrumb-link:hover, .ms-breadcrumb-current, .ms-single-breadcrumbs .ms-breadcrumb-link:first-child, .ms-single-breadcrumbs .ms-breadcrumb-current) {
    color: #1142AF !important;
}
html[data-theme="blue"] :is(.ms-page-number.active, .ms-page-numbers-pill .ms-page-number.active, .ms-pagination-wrapper .page-numbers.current, .ms-pagination-num.active, .page-numbers.current) {
    background-color: #1142AF !important;
    background: #1142AF !important;
    border-color: #1142AF !important;
    color: #FFFFFF !important;
}
html[data-theme="blue"] :is(.ms-page-number:hover, .ms-page-arrow:hover:not(:disabled)) {
    color: #1142AF !important;
    border-color: #1142AF !important;
}
html[data-theme="blue"] :is(.ms-rfq-section-number, .ms-rfq-section-number *, .ms-form-group label span, .ms-rfq-step-icon) {
    color: #1142AF !important;
    stroke: #1142AF !important;
}
html[data-theme="blue"] :is(.ms-au-btn, .ms-btn-outline-gold, a.ms-au-btn) {
    border-color: #1142AF !important;
    color: #1142AF !important;
}
html[data-theme="blue"] :is(.ms-au-btn:hover, .ms-btn-outline-gold:hover, a.ms-au-btn:hover) {
    background-color: #1142AF !important;
    color: #FFFFFF !important;
}
html[data-theme="blue"] :is(.ms-au-cap-card:hover, .ms-au-capability-card:hover, .ms-au-card:hover, div[class*="cap-card"]:hover) {
    border-color: #1142AF !important;
}

/* --- Green Theme --- */
html[data-theme="green"] :is(.ms-meta-cat, .ms-commodity-card .ms-meta-cat) {
    background-color: #181818 !important;
    background: #181818 !important;
    color: #23A455 !important;
    border: 1px solid rgba(35, 164, 85, 0.45) !important;
}
html[data-theme="green"] :is(.ms-commodity-cta, .ms-commodity-card .ms-commodity-cta, .ms-commodity-cta .cta-icon) {
    color: #23A455 !important;
}
html[data-theme="green"] :is(.ms-single-badge, .ms-commodity-badge) {
    background-color: #23A455 !important;
    background: #23A455 !important;
    color: #FFFFFF !important;
}
html[data-theme="green"] :is(.ms-info-label svg, .ms-info-row svg, .ms-spec-row svg, .ms-specs-list svg, .ms-commodity-spec-row svg, .ms-spec-icon svg) {
    color: #23A455 !important;
    stroke: #23A455 !important;
}
html[data-theme="green"] .ms-type-btn:hover {
    border-color: #23A455 !important;
    color: #23A455 !important;
}
html[data-theme="green"] :is(.ms-type-btn.active, button.ms-type-btn.active) {
    background-color: #23A455 !important;
    background: #23A455 !important;
    border-color: #23A455 !important;
    color: #FFFFFF !important;
    box-shadow: 0 6px 18px rgba(35, 164, 85, 0.35) !important;
}
html[data-theme="green"] .ms-grade-chip:hover {
    border-color: #23A455 !important;
}
html[data-theme="green"] .ms-grade-chip.active {
    border-color: #23A455 !important;
    background: rgba(35, 164, 85, 0.12) !important;
    color: #23A455 !important;
}
html[data-theme="green"] :is(.ms-btn-primary-card, #ms-single-request-quote-btn, button.ms-btn-primary-card) {
    background-color: #23A455 !important;
    background: #23A455 !important;
    border-color: #23A455 !important;
    color: #FFFFFF !important;
    box-shadow: 0 8px 22px rgba(35, 164, 85, 0.3) !important;
}
html[data-theme="green"] :is(.ms-btn-primary-card:hover, #ms-single-request-quote-btn:hover) {
    background-color: #1b7f41 !important;
    background: #1b7f41 !important;
    border-color: #1b7f41 !important;
    color: #FFFFFF !important;
}
html[data-theme="green"] :is(.ms-cat-dropdown-header, .ms-cat-dropdown-menu .ms-cat-dropdown-header) {
    color: #23A455 !important;
}
html[data-theme="green"] .ms-cat-dropdown-menu {
    border-color: rgba(35, 164, 85, 0.3) !important;
}
html[data-theme="green"] :is(.ms-cat-dropdown-item:hover, .ms-cat-dropdown-item.is-current) {
    background-color: rgba(35, 164, 85, 0.08) !important;
    background: rgba(35, 164, 85, 0.08) !important;
    color: #23A455 !important;
}
html[data-theme="green"] .ms-cat-item-dot {
    background-color: #23A455 !important;
    background: #23A455 !important;
}
html[data-theme="green"] :is(.ms-breadcrumbs .ms-breadcrumb-link:first-child, .ms-breadcrumbs .ms-breadcrumb-link:hover, .ms-breadcrumb-current, .ms-single-breadcrumbs .ms-breadcrumb-link:first-child, .ms-single-breadcrumbs .ms-breadcrumb-current) {
    color: #23A455 !important;
}
html[data-theme="green"] :is(.ms-page-number.active, .ms-page-numbers-pill .ms-page-number.active, .ms-pagination-wrapper .page-numbers.current, .ms-pagination-num.active, .page-numbers.current) {
    background-color: #23A455 !important;
    background: #23A455 !important;
    border-color: #23A455 !important;
    color: #FFFFFF !important;
}
html[data-theme="green"] :is(.ms-page-number:hover, .ms-page-arrow:hover:not(:disabled)) {
    color: #23A455 !important;
    border-color: #23A455 !important;
}
html[data-theme="green"] :is(.ms-rfq-section-number, .ms-rfq-section-number *, .ms-form-group label span, .ms-rfq-step-icon) {
    color: #23A455 !important;
    stroke: #23A455 !important;
}
html[data-theme="green"] :is(.ms-au-btn, .ms-btn-outline-gold, a.ms-au-btn) {
    border-color: #23A455 !important;
    color: #23A455 !important;
}
html[data-theme="green"] :is(.ms-au-btn:hover, .ms-btn-outline-gold:hover, a.ms-au-btn:hover) {
    background-color: #23A455 !important;
    color: #FFFFFF !important;
}
html[data-theme="green"] :is(.ms-au-cap-card:hover, .ms-au-capability-card:hover, .ms-au-card:hover, div[class*="cap-card"]:hover) {
    border-color: #23A455 !important;
}

/* --- Terracotta Theme --- */
html[data-theme="terracotta"] :is(.ms-meta-cat, .ms-commodity-card .ms-meta-cat) {
    background-color: #181818 !important;
    background: #181818 !important;
    color: #C05C3E !important;
    border: 1px solid rgba(192, 92, 62, 0.45) !important;
}
html[data-theme="terracotta"] :is(.ms-commodity-cta, .ms-commodity-card .ms-commodity-cta, .ms-commodity-cta .cta-icon) {
    color: #C05C3E !important;
}
html[data-theme="terracotta"] :is(.ms-single-badge, .ms-commodity-badge) {
    background-color: #C05C3E !important;
    background: #C05C3E !important;
    color: #FFFFFF !important;
}
html[data-theme="terracotta"] :is(.ms-info-label svg, .ms-info-row svg, .ms-spec-row svg, .ms-specs-list svg, .ms-commodity-spec-row svg, .ms-spec-icon svg) {
    color: #C05C3E !important;
    stroke: #C05C3E !important;
}
html[data-theme="terracotta"] .ms-type-btn:hover {
    border-color: #C05C3E !important;
    color: #C05C3E !important;
}
html[data-theme="terracotta"] :is(.ms-type-btn.active, button.ms-type-btn.active) {
    background-color: #C05C3E !important;
    background: #C05C3E !important;
    border-color: #C05C3E !important;
    color: #FFFFFF !important;
    box-shadow: 0 6px 18px rgba(192, 92, 62, 0.35) !important;
}
html[data-theme="terracotta"] .ms-grade-chip:hover {
    border-color: #C05C3E !important;
}
html[data-theme="terracotta"] .ms-grade-chip.active {
    border-color: #C05C3E !important;
    background: rgba(192, 92, 62, 0.12) !important;
    color: #C05C3E !important;
}
html[data-theme="terracotta"] :is(.ms-btn-primary-card, #ms-single-request-quote-btn, button.ms-btn-primary-card) {
    background-color: #C05C3E !important;
    background: #C05C3E !important;
    border-color: #C05C3E !important;
    color: #FFFFFF !important;
    box-shadow: 0 8px 22px rgba(192, 92, 62, 0.3) !important;
}
html[data-theme="terracotta"] :is(.ms-btn-primary-card:hover, #ms-single-request-quote-btn:hover) {
    background-color: #a54a2e !important;
    background: #a54a2e !important;
    border-color: #a54a2e !important;
    color: #FFFFFF !important;
}
html[data-theme="terracotta"] :is(.ms-cat-dropdown-header, .ms-cat-dropdown-menu .ms-cat-dropdown-header) {
    color: #C05C3E !important;
}
html[data-theme="terracotta"] .ms-cat-dropdown-menu {
    border-color: rgba(192, 92, 62, 0.3) !important;
}
html[data-theme="terracotta"] :is(.ms-cat-dropdown-item:hover, .ms-cat-dropdown-item.is-current) {
    background-color: rgba(192, 92, 62, 0.08) !important;
    background: rgba(192, 92, 62, 0.08) !important;
    color: #C05C3E !important;
}
html[data-theme="terracotta"] .ms-cat-item-dot {
    background-color: #C05C3E !important;
    background: #C05C3E !important;
}
html[data-theme="terracotta"] :is(.ms-breadcrumbs .ms-breadcrumb-link:first-child, .ms-breadcrumbs .ms-breadcrumb-link:hover, .ms-breadcrumb-current, .ms-single-breadcrumbs .ms-breadcrumb-link:first-child, .ms-single-breadcrumbs .ms-breadcrumb-current) {
    color: #C05C3E !important;
}
html[data-theme="terracotta"] :is(.ms-page-number.active, .ms-page-numbers-pill .ms-page-number.active, .ms-pagination-wrapper .page-numbers.current, .ms-pagination-num.active, .page-numbers.current) {
    background-color: #C05C3E !important;
    background: #C05C3E !important;
    border-color: #C05C3E !important;
    color: #FFFFFF !important;
}
html[data-theme="terracotta"] :is(.ms-page-number:hover, .ms-page-arrow:hover:not(:disabled)) {
    color: #C05C3E !important;
    border-color: #C05C3E !important;
}
html[data-theme="terracotta"] :is(.ms-rfq-section-number, .ms-rfq-section-number *, .ms-form-group label span, .ms-rfq-step-icon) {
    color: #C05C3E !important;
    stroke: #C05C3E !important;
}
html[data-theme="terracotta"] :is(.ms-au-btn, .ms-btn-outline-gold, a.ms-au-btn) {
    border-color: #C05C3E !important;
    color: #C05C3E !important;
}
html[data-theme="terracotta"] :is(.ms-au-btn:hover, .ms-btn-outline-gold:hover, a.ms-au-btn:hover) {
    background-color: #C05C3E !important;
    color: #FFFFFF !important;
}
html[data-theme="terracotta"] :is(.ms-au-cap-card:hover, .ms-au-capability-card:hover, .ms-au-card:hover, div[class*="cap-card"]:hover) {
    border-color: #C05C3E !important;
}

/* ==========================================================================
   28. GLOBAL SCROLLBARS, DROPDOWN ITEMS, PAGINATION & RFQ ENHANCEMENTS
   ========================================================================== */

/* Clean Inactive Pagination Buttons (Prevent Beige/Gold Backgrounds on non-active pages) */
.ms-page-number:not(.active),
.ms-page-numbers-pill .ms-page-number:not(.active),
.ms-page-item:not(.active) .ms-page-number,
.ms-pagination-wrapper a:not(.current):not(.active),
.ms-pagination-wrapper span:not(.current):not(.active) {
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
    color: #4B5563 !important;
}

/* Dropdown Menu Item Text & Dots (Theme Color) */
html[data-theme="blue"] :is(.ms-cat-dropdown-item, .ms-cat-dropdown-item:hover, .ms-cat-dropdown-item.is-current, .ms-cat-dropdown-link, .ms-cat-dropdown-menu a, .ms-custom-option, .ms-custom-option:hover, .ms-custom-option.is-selected) {
    color: #1142AF !important;
}
html[data-theme="blue"] .ms-cat-item-dot {
    background-color: #1142AF !important;
}

html[data-theme="green"] :is(.ms-cat-dropdown-item, .ms-cat-dropdown-item:hover, .ms-cat-dropdown-item.is-current, .ms-cat-dropdown-link, .ms-cat-dropdown-menu a, .ms-custom-option, .ms-custom-option:hover, .ms-custom-option.is-selected) {
    color: #23A455 !important;
}
html[data-theme="green"] .ms-cat-item-dot {
    background-color: #23A455 !important;
}

html[data-theme="terracotta"] :is(.ms-cat-dropdown-item, .ms-cat-dropdown-item:hover, .ms-cat-dropdown-item.is-current, .ms-cat-dropdown-link, .ms-cat-dropdown-menu a, .ms-custom-option, .ms-custom-option:hover, .ms-custom-option.is-selected) {
    color: #C05C3E !important;
}
html[data-theme="terracotta"] .ms-cat-item-dot {
    background-color: #C05C3E !important;
}

/* Related Products "View All Products →" Link */
html[data-theme="blue"] :is(.ms-related-link, .ms-single-product-page .ms-related-link, a.ms-related-link) {
    color: #1142AF !important;
}
html[data-theme="green"] :is(.ms-related-link, .ms-single-product-page .ms-related-link, a.ms-related-link) {
    color: #23A455 !important;
}
html[data-theme="terracotta"] :is(.ms-related-link, .ms-single-product-page .ms-related-link, a.ms-related-link) {
    color: #C05C3E !important;
}

/* Scrollbars per Theme (Browser + Custom Select Menus) */
html[data-theme="blue"] ::-webkit-scrollbar-thumb,
html[data-theme="blue"] *::-webkit-scrollbar-thumb {
    background-color: #1142AF !important;
    background: #1142AF !important;
}
html[data-theme="green"] ::-webkit-scrollbar-thumb,
html[data-theme="green"] *::-webkit-scrollbar-thumb {
    background-color: #23A455 !important;
    background: #23A455 !important;
}
html[data-theme="terracotta"] ::-webkit-scrollbar-thumb,
html[data-theme="terracotta"] *::-webkit-scrollbar-thumb {
    background-color: #C05C3E !important;
    background: #C05C3E !important;
}

/* RFQ Form Icons, Step Numbers, Checkboxes, Selected Category Cards & Buttons */
html[data-theme="blue"] :is(.ms-rfq-section-number, .ms-rfq-section-number *, .ms-rfq-section-header svg, .ms-rfq-step-icon, .ms-form-group label span, .ms-rfq-spec-icon, .ms-rfq-spec-icon svg, .ms-rfq-spec-label, .ms-selected-cat-card svg, .ms-selected-cat-icon svg, .ms-input-icon-wrapper svg, .ms-select-wrapper svg.icon-right, .ms-readonly-input svg.icon-right, .ms-prod-name, .ms-prod-checkbox-row .ms-prod-name) {
    color: #1142AF !important;
    stroke: #1142AF !important;
}
html[data-theme="blue"] :is(.ms-checkbox input:checked + .ms-checkbox-box) {
    background-color: #1142AF !important;
    border-color: #1142AF !important;
}
html[data-theme="blue"] .ms-selected-cat-card {
    background-color: rgba(17, 66, 175, 0.08) !important;
    border-color: #1142AF !important;
}
html[data-theme="blue"] .ms-selected-cat-card .ms-cat-card-title {
    color: #1142AF !important;
}
html[data-theme="blue"] .ms-add-cat-btn {
    border-color: #1142AF !important;
    color: #1142AF !important;
}
html[data-theme="blue"] .ms-add-cat-btn:hover {
    background-color: rgba(17, 66, 175, 0.08) !important;
}

html[data-theme="green"] :is(.ms-rfq-section-number, .ms-rfq-section-number *, .ms-rfq-section-header svg, .ms-rfq-step-icon, .ms-form-group label span, .ms-rfq-spec-icon, .ms-rfq-spec-icon svg, .ms-rfq-spec-label, .ms-selected-cat-card svg, .ms-selected-cat-icon svg, .ms-input-icon-wrapper svg, .ms-select-wrapper svg.icon-right, .ms-readonly-input svg.icon-right, .ms-prod-name, .ms-prod-checkbox-row .ms-prod-name) {
    color: #23A455 !important;
    stroke: #23A455 !important;
}
html[data-theme="green"] :is(.ms-checkbox input:checked + .ms-checkbox-box) {
    background-color: #23A455 !important;
    border-color: #23A455 !important;
}
html[data-theme="green"] .ms-selected-cat-card {
    background-color: rgba(35, 164, 85, 0.08) !important;
    border-color: #23A455 !important;
}
html[data-theme="green"] .ms-selected-cat-card .ms-cat-card-title {
    color: #23A455 !important;
}
html[data-theme="green"] .ms-add-cat-btn {
    border-color: #23A455 !important;
    color: #23A455 !important;
}
html[data-theme="green"] .ms-add-cat-btn:hover {
    background-color: rgba(35, 164, 85, 0.08) !important;
}

html[data-theme="terracotta"] :is(.ms-rfq-section-number, .ms-rfq-section-number *, .ms-rfq-section-header svg, .ms-rfq-step-icon, .ms-form-group label span, .ms-rfq-spec-icon, .ms-rfq-spec-icon svg, .ms-rfq-spec-label, .ms-selected-cat-card svg, .ms-selected-cat-icon svg, .ms-input-icon-wrapper svg, .ms-select-wrapper svg.icon-right, .ms-readonly-input svg.icon-right, .ms-prod-name, .ms-prod-checkbox-row .ms-prod-name) {
    color: #C05C3E !important;
    stroke: #C05C3E !important;
}
html[data-theme="terracotta"] :is(.ms-checkbox input:checked + .ms-checkbox-box) {
    background-color: #C05C3E !important;
    border-color: #C05C3E !important;
}
html[data-theme="terracotta"] .ms-selected-cat-card {
    background-color: rgba(192, 92, 62, 0.08) !important;
    border-color: #C05C3E !important;
}
html[data-theme="terracotta"] .ms-selected-cat-card .ms-cat-card-title {
    color: #C05C3E !important;
}
html[data-theme="terracotta"] .ms-add-cat-btn {
    border-color: #C05C3E !important;
    color: #C05C3E !important;
}
html[data-theme="terracotta"] .ms-add-cat-btn:hover {
    background-color: rgba(192, 92, 62, 0.08) !important;
}

/* ==========================================================================
   29. CAREERS PAGE: OPEN POSITIONS TABLE, ACCORDION & APPLICATION FORM
   ========================================================================== */

/* --- Blue Theme --- */
html[data-theme="blue"] :is(.ms-cr-table thead th, .ms-cr-th-apply, th[class*="ms-cr"]) {
    color: #1142AF !important;
}
html[data-theme="blue"] .ms-cr-row-toggle {
    border-color: rgba(17, 66, 175, 0.5) !important;
    background-color: rgba(17, 66, 175, 0.12) !important;
    color: #1142AF !important;
}
html[data-theme="blue"] :is(.ms-cr-table-row.ms-cr-row-has-toggle:hover .ms-cr-row-toggle, .ms-cr-table-row.is-open .ms-cr-row-toggle, .ms-cr-row-toggle:focus-visible) {
    background-color: #1142AF !important;
    border-color: #1142AF !important;
    color: #FFFFFF !important;
}
html[data-theme="blue"] .ms-cr-table-row.is-open {
    background-color: rgba(17, 66, 175, 0.08) !important;
}
html[data-theme="blue"] :is(.ms-cr-apply-link, .ms-cr-detail-heading, .ms-cr-feature-number, .ms-cr-feature-icon, .ms-cr-feature-icon svg, .ms-cr-form-section-title, .ms-cr-form-section-title svg, .ms-cr-form-group label span, .ms-cr-file-upload-box svg, .ms-cr-file-upload-text span, .ms-cr-eyebrow-dark) {
    color: #1142AF !important;
    stroke: #1142AF !important;
}
html[data-theme="blue"] :is(.ms-cr-feature-block:hover, .ms-cr-file-upload-box:hover) {
    border-color: #1142AF !important;
}
html[data-theme="blue"] :is(.ms-cr-submit-btn, .ms-cr-btn-gold) {
    background-color: #1142AF !important;
    background: #1142AF !important;
    border-color: #1142AF !important;
    color: #FFFFFF !important;
    box-shadow: 0 8px 24px rgba(17, 66, 175, 0.35) !important;
}
html[data-theme="blue"] :is(.ms-cr-submit-btn:hover, .ms-cr-btn-gold:hover) {
    background-color: #0c328b !important;
    background: #0c328b !important;
    border-color: #0c328b !important;
}

/* --- Green Theme --- */
html[data-theme="green"] :is(.ms-cr-table thead th, .ms-cr-th-apply, th[class*="ms-cr"]) {
    color: #23A455 !important;
}
html[data-theme="green"] .ms-cr-row-toggle {
    border-color: rgba(35, 164, 85, 0.5) !important;
    background-color: rgba(35, 164, 85, 0.12) !important;
    color: #23A455 !important;
}
html[data-theme="green"] :is(.ms-cr-table-row.ms-cr-row-has-toggle:hover .ms-cr-row-toggle, .ms-cr-table-row.is-open .ms-cr-row-toggle, .ms-cr-row-toggle:focus-visible) {
    background-color: #23A455 !important;
    border-color: #23A455 !important;
    color: #FFFFFF !important;
}
html[data-theme="green"] .ms-cr-table-row.is-open {
    background-color: rgba(35, 164, 85, 0.08) !important;
}
html[data-theme="green"] :is(.ms-cr-apply-link, .ms-cr-detail-heading, .ms-cr-feature-number, .ms-cr-feature-icon, .ms-cr-feature-icon svg, .ms-cr-form-section-title, .ms-cr-form-section-title svg, .ms-cr-form-group label span, .ms-cr-file-upload-box svg, .ms-cr-file-upload-text span, .ms-cr-eyebrow-dark) {
    color: #23A455 !important;
    stroke: #23A455 !important;
}
html[data-theme="green"] :is(.ms-cr-feature-block:hover, .ms-cr-file-upload-box:hover) {
    border-color: #23A455 !important;
}
html[data-theme="green"] :is(.ms-cr-submit-btn, .ms-cr-btn-gold) {
    background-color: #23A455 !important;
    background: #23A455 !important;
    border-color: #23A455 !important;
    color: #FFFFFF !important;
    box-shadow: 0 8px 24px rgba(35, 164, 85, 0.35) !important;
}
html[data-theme="green"] :is(.ms-cr-submit-btn:hover, .ms-cr-btn-gold:hover) {
    background-color: #1b7f41 !important;
    background: #1b7f41 !important;
    border-color: #1b7f41 !important;
}

/* --- Terracotta Theme --- */
html[data-theme="terracotta"] :is(.ms-cr-table thead th, .ms-cr-th-apply, th[class*="ms-cr"]) {
    color: #C05C3E !important;
}
html[data-theme="terracotta"] .ms-cr-row-toggle {
    border-color: rgba(192, 92, 62, 0.5) !important;
    background-color: rgba(192, 92, 62, 0.12) !important;
    color: #C05C3E !important;
}
html[data-theme="terracotta"] :is(.ms-cr-table-row.ms-cr-row-has-toggle:hover .ms-cr-row-toggle, .ms-cr-table-row.is-open .ms-cr-row-toggle, .ms-cr-row-toggle:focus-visible) {
    background-color: #C05C3E !important;
    border-color: #C05C3E !important;
    color: #FFFFFF !important;
}
html[data-theme="terracotta"] .ms-cr-table-row.is-open {
    background-color: rgba(192, 92, 62, 0.08) !important;
}
html[data-theme="terracotta"] :is(.ms-cr-apply-link, .ms-cr-detail-heading, .ms-cr-feature-number, .ms-cr-feature-icon, .ms-cr-feature-icon svg, .ms-cr-form-section-title, .ms-cr-form-section-title svg, .ms-cr-form-group label span, .ms-cr-file-upload-box svg, .ms-cr-file-upload-text span, .ms-cr-eyebrow-dark) {
    color: #C05C3E !important;
    stroke: #C05C3E !important;
}
html[data-theme="terracotta"] :is(.ms-cr-feature-block:hover, .ms-cr-file-upload-box:hover) {
    border-color: #C05C3E !important;
}
html[data-theme="terracotta"] :is(.ms-cr-submit-btn, .ms-cr-btn-gold) {
    background-color: #C05C3E !important;
    background: #C05C3E !important;
    border-color: #C05C3E !important;
    color: #FFFFFF !important;
    box-shadow: 0 8px 24px rgba(192, 92, 62, 0.35) !important;
}
html[data-theme="terracotta"] :is(.ms-cr-submit-btn:hover, .ms-cr-btn-gold:hover) {
    background-color: #a54a2e !important;
    background: #a54a2e !important;
    border-color: #a54a2e !important;
}

/* ==========================================================================
   30. HOMEPAGE: HERO STATS, LABELS, NETWORK & JOURNEY ACCENTS
   ========================================================================== */

/* --- Blue Theme --- */
html[data-theme="blue"] :is(.hero-label, .hero-stat-num, .origins-label, .origins-stat-num, .gn-stat-num, .gn-badge, .cta-stat-num, .trade-stat-num) {
    color: #1142AF !important;
}
html[data-theme="blue"] :is(.hero-stat-item:hover, .origins-stat-item:hover, .gn-stat-box:hover) {
    border-color: #1142AF !important;
}

/* --- Green Theme --- */
html[data-theme="green"] :is(.hero-label, .hero-stat-num, .origins-label, .origins-stat-num, .gn-stat-num, .gn-badge, .cta-stat-num, .trade-stat-num) {
    color: #23A455 !important;
}
html[data-theme="green"] :is(.hero-stat-item:hover, .origins-stat-item:hover, .gn-stat-box:hover) {
    border-color: #23A455 !important;
}

/* --- Terracotta Theme --- */
html[data-theme="terracotta"] :is(.hero-label, .hero-stat-num, .origins-label, .origins-stat-num, .gn-stat-num, .gn-badge, .cta-stat-num, .trade-stat-num) {
    color: #C05C3E !important;
}
html[data-theme="terracotta"] :is(.hero-stat-item:hover, .origins-stat-item:hover, .gn-stat-box:hover) {
    border-color: #C05C3E !important;
}