/* ========================================================================== ITNETCOM Catalog Navigation V2 - flat focused submenu Preview-only desktop override. ITNETCOM_SUBMENU_FLAT_LIST_V1 Removes card-like borders/backgrounds from focused submenu rows while preserving the multi-column layout and interactive submenu behaviour. ITNETCOM_SUBMENU_ALIGNMENT_V1 Keeps focused submenu items left-aligned with stable column widths instead of stretching a small number of links across the entire mega-panel. ITNETCOM_MEGA_BRAND_HIERARCHY_V4 Uses the same ITNETCOM red-to-white horizontal gradient family in both the overview and focused states. Overview group headings use a soft gradient; focused left category and focused title preserve their stronger hierarchy. ITNETCOM_CART_SEPARATOR_CLEANUP_V1 Removes the visual separator borders applied to the desktop mini-cart, including the fixed two-row header state. ========================================================================== */ @media (min-width: 1181px) { /* Main overview entry: branded but restrained when inactive. */ body.itn-catalog-nav-v2-ready .itn-mega-root-all { margin: 0 12px 10px !important; padding: 10px 12px !important; border: 0 !important; border-left: 3px solid #e30613 !important; border-radius: 4px !important; background: #fff3f4 !important; color: #a9000a !important; box-shadow: none !important; font-weight: 800 !important; } body.itn-catalog-nav-v2-ready .itn-mega-root-all:hover, body.itn-catalog-nav-v2-ready .itn-mega-root-all:focus-visible { background: #ffe7e9 !important; color: #e30613 !important; outline: none !important; } body.itn-catalog-nav-v2-ready .itn-mega-root-all.is-active { border-left-color: #b9000b !important; background: #e30613 !important; color: #ffffff !important; } /* Overview group headings: same red-to-white language as focused state, but kept softer so the overview remains visually light. */ body.itn-catalog-nav-v2-ready .itn-mega-grid:not(.is-submenu-focus) .itn-mega-group-title { border: 0 !important; border-left: 3px solid #e30613 !important; border-radius: 4px !important; background: linear-gradient( 90deg, rgba(227, 6, 19, 0.10) 0%, rgba(227, 6, 19, 0.05) 30%, rgba(227, 6, 19, 0.02) 56%, #ffffff 100% ) !important; color: #2a1719 !important; box-shadow: none !important; } body.itn-catalog-nav-v2-ready .itn-mega-grid:not(.is-submenu-focus) .itn-mega-group-title:hover, body.itn-catalog-nav-v2-ready .itn-mega-grid:not(.is-submenu-focus) .itn-mega-group-title:focus-visible { background: linear-gradient( 90deg, rgba(227, 6, 19, 0.14) 0%, rgba(227, 6, 19, 0.07) 30%, rgba(227, 6, 19, 0.026) 56%, #ffffff 100% ) !important; color: #e30613 !important; outline: none !important; } /* Focused category: stronger gradient on the selected left row. */ body.itn-catalog-nav-v2-ready .itn-mega-left-link.is-active { border: 0 !important; background: linear-gradient( 90deg, rgba(227, 6, 19, 0.16) 0%, rgba(227, 6, 19, 0.09) 34%, rgba(227, 6, 19, 0.04) 62%, #ffffff 100% ) !important; color: #e30613 !important; box-shadow: inset 3px 0 0 #e30613 !important; font-weight: 700 !important; } body.itn-catalog-nav-v2-ready .itn-mega-left-link.is-active:hover, body.itn-catalog-nav-v2-ready .itn-mega-left-link.is-active:focus-visible { background: linear-gradient( 90deg, rgba(227, 6, 19, 0.21) 0%, rgba(227, 6, 19, 0.11) 34%, rgba(227, 6, 19, 0.045) 62%, #ffffff 100% ) !important; color: #c7000d !important; outline: none !important; } body.itn-catalog-nav-v2-ready .itn-mega-grid.is-submenu-focus > .itn-mega-group.is-submenu-selected { grid-template-columns: repeat(auto-fit, minmax(180px, 220px)) !important; justify-content: start !important; align-items: start !important; align-content: start !important; column-gap: 28px !important; row-gap: 10px !important; } /* Focused title: softer gradient so it belongs to the same visual family without competing with the selected category in the left column. */ body.itn-catalog-nav-v2-ready .itn-mega-grid.is-submenu-focus .itn-mega-group-title { grid-column: 1 / -1 !important; width: 100% !important; min-height: 28px !important; padding: 5px 10px !important; border: 0 !important; border-left: 3px solid #e30613 !important; border-radius: 4px !important; background: linear-gradient( 90deg, rgba(227, 6, 19, 0.11) 0%, rgba(227, 6, 19, 0.055) 30%, rgba(227, 6, 19, 0.022) 56%, #ffffff 100% ) !important; color: #2a1719 !important; box-shadow: none !important; } body.itn-catalog-nav-v2-ready .itn-mega-grid.is-submenu-focus .itn-mega-group-title:hover, body.itn-catalog-nav-v2-ready .itn-mega-grid.is-submenu-focus .itn-mega-group-title:focus-visible { background: linear-gradient( 90deg, rgba(227, 6, 19, 0.15) 0%, rgba(227, 6, 19, 0.075) 30%, rgba(227, 6, 19, 0.028) 56%, #ffffff 100% ) !important; color: #e30613 !important; outline: none !important; } body.itn-catalog-nav-v2-ready .itn-mega-grid.is-submenu-focus .itn-mega-link-row { min-width: 0; width: 100%; margin: 0; padding: 8px 0; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } body.itn-catalog-nav-v2-ready .itn-mega-grid.is-submenu-focus .itn-mega-link-row:hover, body.itn-catalog-nav-v2-ready .itn-mega-grid.is-submenu-focus .itn-mega-link-row:focus-within { border: 0 !important; background: transparent !important; box-shadow: none !important; } body.itn-catalog-nav-v2-ready .itn-mega-grid.is-submenu-focus .itn-mega-link { display: block; width: 100%; padding: 0 2px; border: 0 !important; background: transparent !important; box-shadow: none !important; } body.itn-catalog-nav-v2-ready .itn-mega-grid.is-submenu-focus .itn-mega-link:hover, body.itn-catalog-nav-v2-ready .itn-mega-grid.is-submenu-focus .itn-mega-link:focus-visible { color: #e30613; } /* Cart is a separate CTA by spacing only; no separator lines. */ body.itn-catalog-nav-v2-ready .main-nav-desktop .nav-inner > .desktop-header-mini-cart { border-left: 0 !important; } body.itn-catalog-nav-v2-ready.itn-menu-fixed .main-nav-desktop .nav-inner > .desktop-header-mini-cart { border-top: 0 !important; border-left: 0 !important; } }