/* ==========================================================================
   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 {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 9999px;
    width: 40px;
    height: 40px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #E2E8F0;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    outline: none;
}

.ms-theme-toggle-btn:hover {
    background: rgba(200, 161, 90, 0.2);
    border-color: #C8A15A;
    color: #C8A15A;
    transform: scale(1.05);
}

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

.ms-theme-toggle-btn .icon-sun {
    display: none;
}

.ms-theme-toggle-btn .icon-moon {
    display: block;
}

html[data-theme="dark"] .ms-theme-toggle-btn .icon-sun {
    display: block;
    color: #F59E0B;
}

html[data-theme="dark"] .ms-theme-toggle-btn .icon-moon {
    display: none;
}

/* 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;
    background: #11141A;
    border: 1.5px solid #C8A15A;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
    color: #C8A15A;
}

.ms-theme-floating-toggle .ms-theme-toggle-btn:hover {
    transform: scale(1.1);
    background: #C8A15A;
    color: #11141A;
}

html[data-theme="dark"] .ms-theme-floating-toggle .ms-theme-toggle-btn {
    background: #1B202D;
    border-color: #F59E0B;
    color: #F59E0B;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
}

/* 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:not([data-theme="dark"]) .ms-au-hero-title,
html:not([data-theme="dark"]) .ms-cr-hero-title,
html:not([data-theme="dark"]) .gn-hero-title,
html:not([data-theme="dark"]) h1.ms-au-hero-title,
html:not([data-theme="dark"]) h1.ms-cr-hero-title,
html:not([data-theme="dark"]) h1.gn-hero-title,
html:not([data-theme="dark"]) .ms-au-hero-left .ms-au-hero-title,
html:not([data-theme="dark"]) .ms-cr-hero-left .ms-cr-hero-title,
html[data-theme="light"] .ms-au-hero-title,
html[data-theme="light"] .ms-cr-hero-title,
html[data-theme="light"] .gn-hero-title {
    color: #102A1D !important;
    text-shadow: none !important;
}

html:not([data-theme="dark"]) .ms-au-hero-desc,
html:not([data-theme="dark"]) .ms-cr-hero-desc,
html:not([data-theme="dark"]) .gn-hero-desc,
html:not([data-theme="dark"]) .ms-au-hero-desc p,
html:not([data-theme="dark"]) .ms-cr-hero-desc p,
html:not([data-theme="dark"]) .ms-au-hero-left .ms-au-hero-desc,
html:not([data-theme="dark"]) .ms-cr-hero-left .ms-cr-hero-desc,
html[data-theme="light"] .ms-au-hero-desc,
html[data-theme="light"] .ms-cr-hero-desc,
html[data-theme="light"] .gn-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: 70px 0 160px 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: 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;
}

/* HERO CARD BOXES IN DARK MODE: Transparent on Desktop, Solid Dark Card #161616 on Tablet & Mobile */
@media (min-width: 992px) {
    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: transparent !important;
        background: transparent !important;
        border: none !important;
        border-color: transparent !important;
        box-shadow: none !important;
        padding: 0 !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;
}

/* 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 ── */
.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;
}

.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 Network 2D Map Section — Dark Mode Styling ── */
html[data-theme="dark"] .ms-network-sec,
html[data-theme="dark"] #network,
html[data-theme="dark"] .ms-network-map-host {
    background-color: #0B0D11 !important;
    background: #0B0D11 !important;
}

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

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

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

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