/* WWHO v12 — desktop mega-menu cleanup
   Remove individual column backgrounds and all mega-menu rounding. */
@media (min-width: 992px) {
    .site-header .nav-item-mega > .mega-menu,
    .nav-item-mega > .mega-menu {
        border-radius: 0 !important;
    }

    .site-header .nav-item-mega > .mega-menu .mega-card,
    .nav-item-mega > .mega-menu .mega-card,
    .site-header .mega-card,
    .mega-card {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    /* Keep only the subtle vertical separators between columns. */
    .nav-item-mega > .mega-menu .mega-card {
        border-top: 0 !important;
        border-right: 0 !important;
        border-bottom: 0 !important;
    }

    html[dir="ltr"] .nav-item-mega > .mega-menu .mega-card {
        border-left: 1px solid #dce7f1 !important;
    }
    html[dir="ltr"] .nav-item-mega > .mega-menu .mega-card:first-child {
        border-left: 0 !important;
    }

    html[dir="rtl"] .nav-item-mega > .mega-menu .mega-card {
        border-left: 0 !important;
        border-right: 1px solid #dce7f1 !important;
    }
    html[dir="rtl"] .nav-item-mega > .mega-menu .mega-card:first-child {
        border-right: 0 !important;
    }

    /* Promo columns also stay flat like the rest of the menu. */
    .nav-item-mega > .mega-menu .mega-promo {
        background: transparent !important;
        background-image: none !important;
        border-radius: 0 !important;
    }
}