/* ============================================================================
   MOBILE MENU CONTRAST FINAL - FENG SHUI + MECHANICAL ONLY
   Date: 2026-08-25
   Scope: <= 860px, public navigation only.
   IMPORTANT: Does not affect News / Education / Modern / Transport / default.
   Purpose: guarantee light readable labels on the dark themed mobile drawer and
            every submenu level after generic mobile layering fallbacks load.
   ============================================================================ */
@media (max-width:860px){
  /* ---------------- FENG SHUI ---------------- */
  body.home-layout-fengshui #mainNavigation .primary-menu-host,
  body.fengshui-theme-active #mainNavigation .primary-menu-host{
    background:#641322!important;
    background-image:linear-gradient(155deg,#53101e 0%,#721727 56%,#8d272b 100%)!important;
    border-left:1px solid rgba(255,225,139,.34)!important;
    color:#fff9e9!important;
    -webkit-text-fill-color:#fff9e9!important;
  }
  body.home-layout-fengshui #mainNavigation .primary-menu-host>.menu-root,
  body.home-layout-fengshui #mainNavigation .primary-menu-host>.sf-menu,
  body.fengshui-theme-active #mainNavigation .primary-menu-host>.menu-root,
  body.fengshui-theme-active #mainNavigation .primary-menu-host>.sf-menu{
    background:transparent!important;
    color:#fff9e9!important;
    -webkit-text-fill-color:#fff9e9!important;
  }
  body.home-layout-fengshui #mainNavigation .menu-root>li>a,
  body.home-layout-fengshui #mainNavigation .sf-menu>li>a,
  body.fengshui-theme-active #mainNavigation .menu-root>li>a,
  body.fengshui-theme-active #mainNavigation .sf-menu>li>a{
    background:rgba(255,255,255,.075)!important;
    border-color:rgba(255,226,142,.25)!important;
    color:#fff9e9!important;
    -webkit-text-fill-color:#fff9e9!important;
  }
  body.home-layout-fengshui #mainNavigation .menu-root>li>a *,
  body.home-layout-fengshui #mainNavigation .sf-menu>li>a *,
  body.fengshui-theme-active #mainNavigation .menu-root>li>a *,
  body.fengshui-theme-active #mainNavigation .sf-menu>li>a *{
    color:inherit!important;
    -webkit-text-fill-color:inherit!important;
  }
  body.home-layout-fengshui #mainNavigation .menu-root>li.open>a,
  body.home-layout-fengshui #mainNavigation .menu-root>li.active>a,
  body.fengshui-theme-active #mainNavigation .menu-root>li.open>a,
  body.fengshui-theme-active #mainNavigation .menu-root>li.active>a{
    background:#f2ce68!important;
    border-color:#ffe89d!important;
    color:#5c1220!important;
    -webkit-text-fill-color:#5c1220!important;
  }
  body.home-layout-fengshui #mainNavigation .menu-sub,
  body.home-layout-fengshui #mainNavigation .menu-root li ul,
  body.home-layout-fengshui #mainNavigation .sf-menu li ul,
  body.fengshui-theme-active #mainNavigation .menu-sub,
  body.fengshui-theme-active #mainNavigation .menu-root li ul,
  body.fengshui-theme-active #mainNavigation .sf-menu li ul{
    background:#3f0c18!important;
    background-image:none!important;
    border-color:rgba(246,209,105,.28)!important;
    color:#fff4d2!important;
    -webkit-text-fill-color:#fff4d2!important;
  }
  body.home-layout-fengshui #mainNavigation .menu-sub li>a,
  body.home-layout-fengshui #mainNavigation .sf-menu li ul li>a,
  body.fengshui-theme-active #mainNavigation .menu-sub li>a,
  body.fengshui-theme-active #mainNavigation .sf-menu li ul li>a{
    background:rgba(255,255,255,.055)!important;
    border-color:rgba(255,224,139,.14)!important;
    color:#fff4d2!important;
    -webkit-text-fill-color:#fff4d2!important;
  }
  body.home-layout-fengshui #mainNavigation .menu-sub li>a *,
  body.fengshui-theme-active #mainNavigation .menu-sub li>a *{
    color:inherit!important;
    -webkit-text-fill-color:inherit!important;
  }
  body.home-layout-fengshui #mainNavigation .menu-sub li>a:hover,
  body.home-layout-fengshui #mainNavigation .menu-sub li>a:focus,
  body.home-layout-fengshui #mainNavigation .menu-sub li>a:active,
  body.fengshui-theme-active #mainNavigation .menu-sub li>a:hover,
  body.fengshui-theme-active #mainNavigation .menu-sub li>a:focus,
  body.fengshui-theme-active #mainNavigation .menu-sub li>a:active{
    background:rgba(246,208,104,.16)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  body.home-layout-fengshui #mainNavigation .menu-icon-badge,
  body.fengshui-theme-active #mainNavigation .menu-icon-badge,
  body.home-layout-fengshui #mainNavigation .menu-arrow,
  body.fengshui-theme-active #mainNavigation .menu-arrow{
    color:#ffe58c!important;
    -webkit-text-fill-color:#ffe58c!important;
  }
  body.home-layout-fengshui #mainNavigation .mobile-submenu-toggle,
  body.fengshui-theme-active #mainNavigation .mobile-submenu-toggle{
    background:rgba(0,0,0,.22)!important;
    border-color:rgba(255,226,143,.30)!important;
    color:#ffe58c!important;
  }
  body.home-layout-fengshui #mainNavigation li.open>.mobile-submenu-toggle,
  body.fengshui-theme-active #mainNavigation li.open>.mobile-submenu-toggle{
    background:#f2ce68!important;
    border-color:#ffe89d!important;
    color:#5c1220!important;
  }

  /* ---------------- MECHANICAL / FOUNDRY ---------------- */
  body.home-layout-mechanical #mainNavigation .primary-menu-host,
  body.mechanical-theme-active #mainNavigation .primary-menu-host{
    background:#26343b!important;
    background-image:linear-gradient(155deg,#202b31 0%,#314149 62%,#493d29 100%)!important;
    border-left:1px solid rgba(229,179,108,.34)!important;
    color:#f8fafc!important;
    -webkit-text-fill-color:#f8fafc!important;
  }
  body.home-layout-mechanical #mainNavigation .primary-menu-host>.menu-root,
  body.home-layout-mechanical #mainNavigation .primary-menu-host>.sf-menu,
  body.mechanical-theme-active #mainNavigation .primary-menu-host>.menu-root,
  body.mechanical-theme-active #mainNavigation .primary-menu-host>.sf-menu{
    background:transparent!important;
    color:#f8fafc!important;
    -webkit-text-fill-color:#f8fafc!important;
  }
  body.home-layout-mechanical #mainNavigation .menu-root>li>a,
  body.home-layout-mechanical #mainNavigation .sf-menu>li>a,
  body.mechanical-theme-active #mainNavigation .menu-root>li>a,
  body.mechanical-theme-active #mainNavigation .sf-menu>li>a{
    background:rgba(255,255,255,.075)!important;
    border-color:rgba(229,179,108,.24)!important;
    color:#f8fafc!important;
    -webkit-text-fill-color:#f8fafc!important;
  }
  body.home-layout-mechanical #mainNavigation .menu-root>li>a *,
  body.home-layout-mechanical #mainNavigation .sf-menu>li>a *,
  body.mechanical-theme-active #mainNavigation .menu-root>li>a *,
  body.mechanical-theme-active #mainNavigation .sf-menu>li>a *{
    color:inherit!important;
    -webkit-text-fill-color:inherit!important;
  }
  body.home-layout-mechanical #mainNavigation .menu-root>li.open>a,
  body.home-layout-mechanical #mainNavigation .menu-root>li.active>a,
  body.mechanical-theme-active #mainNavigation .menu-root>li.open>a,
  body.mechanical-theme-active #mainNavigation .menu-root>li.active>a{
    background:#d79a35!important;
    border-color:#efbd68!important;
    color:#202a30!important;
    -webkit-text-fill-color:#202a30!important;
  }
  body.home-layout-mechanical #mainNavigation .menu-sub,
  body.home-layout-mechanical #mainNavigation .menu-root li ul,
  body.home-layout-mechanical #mainNavigation .sf-menu li ul,
  body.mechanical-theme-active #mainNavigation .menu-sub,
  body.mechanical-theme-active #mainNavigation .menu-root li ul,
  body.mechanical-theme-active #mainNavigation .sf-menu li ul{
    background:#182329!important;
    background-image:none!important;
    border-color:rgba(229,179,108,.27)!important;
    color:#f4f7f8!important;
    -webkit-text-fill-color:#f4f7f8!important;
  }
  body.home-layout-mechanical #mainNavigation .menu-sub li>a,
  body.home-layout-mechanical #mainNavigation .sf-menu li ul li>a,
  body.mechanical-theme-active #mainNavigation .menu-sub li>a,
  body.mechanical-theme-active #mainNavigation .sf-menu li ul li>a{
    background:rgba(255,255,255,.06)!important;
    border-color:rgba(229,179,108,.13)!important;
    color:#f4f7f8!important;
    -webkit-text-fill-color:#f4f7f8!important;
  }
  body.home-layout-mechanical #mainNavigation .menu-sub li>a *,
  body.mechanical-theme-active #mainNavigation .menu-sub li>a *{
    color:inherit!important;
    -webkit-text-fill-color:inherit!important;
  }
  body.home-layout-mechanical #mainNavigation .menu-sub li>a:hover,
  body.home-layout-mechanical #mainNavigation .menu-sub li>a:focus,
  body.home-layout-mechanical #mainNavigation .menu-sub li>a:active,
  body.mechanical-theme-active #mainNavigation .menu-sub li>a:hover,
  body.mechanical-theme-active #mainNavigation .menu-sub li>a:focus,
  body.mechanical-theme-active #mainNavigation .menu-sub li>a:active{
    background:rgba(215,154,53,.18)!important;
    color:#ffe3ad!important;
    -webkit-text-fill-color:#ffe3ad!important;
  }
  body.home-layout-mechanical #mainNavigation .menu-icon-badge,
  body.mechanical-theme-active #mainNavigation .menu-icon-badge,
  body.home-layout-mechanical #mainNavigation .menu-arrow,
  body.mechanical-theme-active #mainNavigation .menu-arrow{
    color:#f1c57f!important;
    -webkit-text-fill-color:#f1c57f!important;
  }
  body.home-layout-mechanical #mainNavigation .mobile-submenu-toggle,
  body.mechanical-theme-active #mainNavigation .mobile-submenu-toggle{
    background:rgba(0,0,0,.22)!important;
    border-color:rgba(229,179,108,.31)!important;
    color:#f1c57f!important;
  }
  body.home-layout-mechanical #mainNavigation li.open>.mobile-submenu-toggle,
  body.mechanical-theme-active #mainNavigation li.open>.mobile-submenu-toggle{
    background:#d79a35!important;
    border-color:#efbd68!important;
    color:#202a30!important;
  }
}