/* od-menu8-split-1-0-0.css -- nav menu 8: TWO flyouts, "Custom Products" and "Industries & Applications"
   (2026-10-23). Principal correction to Bill round-2 item 1: keep the approved vertical single-column
   flyout design, but do NOT merge the two top-level items; and the "Talk to an Engineer" call to action
   is brand GREEN, not blue (OD_WEBSITE_BRAND_DESIGN.md s3: --od-green #1a7d2e canonical, --od-green-dk
   #13611f hover). Loaded AFTER od-style and after od-menu8-custom-solutions-1-0-0.css (enqueue block in
   functions.php, priority 10021). A NEW file; neither earlier file is edited.

   Every rule keys on a CSS CLASS set on the menu item (Appearance > Menus "CSS Classes", written by
   scripts/bill_batch12_menu_split_20261023.py), never on a menu-item id, so it carries over to production
   ids at cutover gate G4 with no remap.
     od-mm-col   on BOTH top-level flyout items (Custom Products, Industries & Applications)
     od-mm-sep   on the first item of the actions block ("Start a Custom Project")
     od-mm-cta   on "Talk to an Engineer"

   Why the call to action rendered blue (proved from the live computed style, 2026-10-23): two explicit
   !important rules set color: rgba(0, 61, 216, 0.98) on it, the id-keyed one in od-style-1-0-62.css
   (the 454541 rule, hover green) and a class-keyed copy of it in od-menu8-custom-solutions-1-0-0.css.
   Not a default link colour. The rules below out-rank both on specificity (they add the parent
   `> ul.mega-sub-menu >` chain), so source order does not matter and neither old file has to change.

   1. Width. od-style-1-0-62.css forces the grid-era
        #mega-menu-wrap-main-menu #mega-menu-main-menu > li#mega-menu-item-8055 > ul.mega-sub-menu
        { width:auto; left:0; right:0 !important }
      (three ids) which squeezes the Custom Products FLYOUT to ~175px. An id is only beaten by ids, so
      the override adds two :not(#...) id bumps (four ids beat three, !important vs !important).
   2. One hairline divider above the actions block, inside Custom Products only (Industries has no
      od-mm-sep item).
   3. The call to action: bold, brand green, hover darker green, arrow.

   Rollback: scripts/bill_batch12_menu_split_20261023.py --css-revert-write, then purge. */

@media (min-width: 1025px) {
  /* 1. flyout width, panel inset (both top-level flyouts) */
  #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout.od-mm-col:not(#od-m8s-a):not(#od-m8s-b) > ul.mega-sub-menu {
    width: 250px !important;
    left: 0 !important;
    right: auto !important;
    padding: 10px 0 !important;
  }

  /* 2. divider above the actions block */
  #mega-menu-wrap-main-menu #mega-menu-main-menu > li.od-mm-col > ul.mega-sub-menu > li.mega-menu-item.od-mm-sep {
    border-top: 1px solid #e6e6e6;
    margin-top: 6px !important;
    padding-top: 6px !important;
  }
}

/* 3. call to action: brand green, all widths (the mobile panel is light) */
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.od-mm-col > ul.mega-sub-menu > li.mega-menu-item.od-mm-cta > a.mega-menu-link {
  text-transform: none !important;
  font-weight: 700 !important;
  color: #1a7d2e !important;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.od-mm-col > ul.mega-sub-menu > li.mega-menu-item.od-mm-cta > a.mega-menu-link:hover,
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.od-mm-col > ul.mega-sub-menu > li.mega-menu-item.od-mm-cta > a.mega-menu-link:focus {
  color: #13611f !important;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.od-mm-col > ul.mega-sub-menu > li.mega-menu-item.od-mm-cta > a.mega-menu-link::after {
  content: " \2192";
  font-weight: 700;
}

@media (max-width: 1024px) {
  /* mobile accordion: the same divider, inside the open Custom Products panel */
  #mega-menu-wrap-main-menu #mega-menu-main-menu > li.od-mm-col > ul.mega-sub-menu > li.mega-menu-item.od-mm-sep {
    border-top: 1px solid #444;
  }
}