/* =============================================================
   OD Round-1 stakeholder-review remediation  (2026-09-02, v1.0.2)
   Loaded via mu-plugin od-round1-fixes.php AFTER od-style, so it
   overrides without editing od-style-1-0-41.css (technical-audit
   CSS not on main). Lands to main cleanly.
   Reversible: delete this file + the mu-plugin, purge cache.
   Cache-bust: bump the versioned filename on any edit.

   v1.0.2 post-review fixes:
     - keep the WS1 free-shipping promo (item 455771) green (the leaf
       darken below was reverting it to grey on the reviewed menu)
     - scope the scroll cap to GRID mega panels only, so `overflow-y`
       does not force `overflow-x:auto` on simple flyouts (which would
       clip a future nested sub-panel)
     - drop the leaf :hover rule (it applied inconsistently across grid
       leaves vs flyout links vs mobile)
   ============================================================= */

/* ---- #3  "Coming soon" nav badge --------------------------------- */
#mega-menu-wrap-main-menu #mega-menu-main-menu .menu-label-green,
#mega-menu-wrap-main-menu #mega-menu-main-menu .menu-label.menu-label-green {
    background-color: #1a7d2e !important;
    padding: 1px 8px !important;
    border-radius: 10px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: .02em !important;
    line-height: 1.7 !important;
    transform: translateY(-1px) !important;
    vertical-align: middle !important;
}
/* white label text — higher specificity than the #4 leaf rule below */
#mega-menu-wrap-main-menu #mega-menu-main-menu ul.mega-sub-menu li a span.menu-label-green {
    color: #ffffff !important;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu .menu-label-green:before {
    display: none !important;
}

/* ---- #4  mega-menu contrast: darken leaf links (#666 -> #1a2230) ----- */
#mega-menu-wrap-main-menu #mega-menu-main-menu ul.mega-sub-menu li a {
    color: #1a2230 !important;
}
/* ...but preserve the deliberate WS1 free-shipping promo green (item 455771).
   Higher specificity (extra id) than the darken rule above. */
#mega-menu-wrap-main-menu #mega-menu-main-menu ul.mega-sub-menu li#mega-menu-item-455771 a {
    color: #1a7d2e !important;
}

/* ---- #5  mega-menu scroll: GRID mega panels only, desktop --------
   The tall panels are the grid megamenus (Standard/Custom/Industries).
   Scoping to li.mega-menu-megamenu keeps overflow off the simple
   flyouts, whose sub-panels position outside their own box. --------- */
@media (min-width: 1025px) {
    #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
        max-height: calc(100vh - 240px) !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
    }
}