/* ==========================================================================
   JMS desktop mega-menu fix — equal-width columns + per-column header underline
   --------------------------------------------------------------------------
   The Products mega menu is built with UberMenu "auto" columns, which size to
   their content, so the section columns end up unequal widths. And because the
   columns tile edge-to-edge with no gutter, each section header's 1px bottom
   border (#c9c9c9) butts up against its neighbour's and reads as ONE continuous
   grey line running the full width of the panel.

   This patch forces a uniform 4-up grid (every section column the same width)
   and adds horizontal gutters. Equalising the widths fixes the "columns are
   different widths" complaint, and the gutters break the continuous line into a
   separate underline beneath each column ("only the width of each column").

   Scope: desktop mega ONLY (.dvmm_menu__desktop). The mobile copy
   (.dvmm_mobile_nav, handled by jms-mobile-megamenu-fix.css) is untouched.
   NOTE: ".ubermenu-row > li.ubermenu-column" deliberately uses the direct-child
   combinator — the product links inside each column also carry .ubermenu-column,
   and we must not catch those.
   ========================================================================== */

/* 1) Equal-width section columns + gutters. Four sections per row, each 25%. */
.dvmm_menu__desktop .ubermenu-submenu-type-mega > .ubermenu-row > li.ubermenu-column {
    box-sizing: border-box !important;
    width: 25% !important;
    max-width: 25% !important;
    min-width: 0 !important;
    float: left !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
    clear: none !important;
}

/* 2) Start a fresh row of columns every 4th one, so wrapping stays a clean grid
      even if a content row holds more than four sections. */
.dvmm_menu__desktop .ubermenu-submenu-type-mega > .ubermenu-row > li.ubermenu-column:nth-of-type(4n+1) {
    clear: left !important;
}

/* 3) The header underline lives on the header link and spans the column's
      content box. With the gutters from (1) it no longer touches the adjacent
      column, so it reads as a per-column line. Keep it edge-to-edge within the
      column (full content width), matching the reference. */
.dvmm_menu__desktop .ubermenu-submenu-type-mega .ubermenu-item-header > .ubermenu-target {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
}