/* =====================================================================================================
   ICC Digital - CG - 13/10/2026 - Refonte style menu (Mega Menu ets_megamenu) - ARMOS (2) et OZBAL (3)

   Tout le style du menu est ici (les anciennes règles de custom-mychild.css ont été retirées).
   Le contenu reste géré dans Mega Menu : aucune règle ne dépend d'un id de menu, d'onglet ou de bloc.

   Rendu homogène quelle que soit la saisie :
   - bloc HTML avec titre                       -> titre de groupe
   - bloc catégories : catégorie avec enfants   -> titre de groupe + liens
   - colonne sans titre avec une seule catégorie -> titre de groupe (lien)
   - colonne avec un bloc image                 -> vignette (image + nom), ex. clubs
   La taille des colonnes et les « sauts de ligne » saisis dans Mega Menu sont ignorés sur ordinateur :
   les groupes se répartissent automatiquement en colonnes équilibrées.

   Classes utilisables dans Mega Menu (champ « Classe CSS » d'un menu) :
   - hideOnMobile / hideOnDesktop : masque le menu sur mobile / sur ordinateur
   - menu_horizontal : contenu des onglets en grille de vignettes (ex. BOUTIQUE CLUB)
   - menu_vertical   : contenu des onglets en colonnes de liens (valeur par défaut, ex. E-SHOP)
   - megamenu-itembrand : panneau d'images pleine largeur (sans titres)

   Ordinateur : >= 1200px (comme le module). Tiroir mobile / tablette : < 1200px.
   ===================================================================================================== */

#header_megamenu_gap .ets_mm_megamenu {
    --icc-mm-black: #000;
    --icc-mm-text: #222;
    --icc-mm-muted: #6b6b6b;
    --icc-mm-line: #e6e6e6;
    --icc-mm-soft: #f5f5f5;
    --icc-mm-font: 'Roboto', Arial, sans-serif;
    font-family: var(--icc-mm-font);
}

#header_megamenu_gap .ets_mm_megamenu ul {
    list-style: none;
}

/* Classes de visibilité gérées dans Mega Menu */
@media (max-width: 1199px) {
    #header_megamenu_gap .mm_menus_ul .hideOnMobile {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    #header_megamenu_gap .mm_menus_ul .hideOnDesktop {
        display: none !important;
    }
}

/* Icônes de l'en-tête (recherche, panier, compte) : même boîte 28x28 centrée, espacement régulier.
   Armos : colonne #header_icons ; Ozbal : panier et compte sont dans la colonne du menu. */
#header .elementor-widget-ajax-search,
#header .elementor-widget-shopping-cart,
#header .elementor-widget-sign-in {
    align-self: center !important;
    height: auto !important;
    margin: 0 !important;
}

#header .elementor-widget-ajax-search > .elementor-widget-container,
#header .elementor-widget-shopping-cart > .elementor-widget-container,
#header .elementor-widget-sign-in > .elementor-widget-container,
#header .elementor-widget-sign-in .elementor-nav,
#header .elementor-widget-sign-in .elementor-nav > li {
    display: flex !important;
    align-items: center;
    height: 28px;
    margin: 0 !important;
    padding: 0 !important;
}

#header .elementor-widget-ajax-search .elementor-search__toggle,
#header .elementor-widget-shopping-cart .elementor-cart__toggle .elementor-button,
#header .elementor-widget-sign-in a.elementor-item {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 28px !important;
    height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

#header .elementor-widget-ajax-search .elementor-search__toggle i {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
}

#header .elementor-widget-ajax-search .elementor-search__toggle i,
#header .elementor-widget-shopping-cart .elementor-button-icon,
#header .elementor-widget-shopping-cart .elementor-button-icon i,
#header .elementor-widget-sign-in a.elementor-item i {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

#header .elementor-widget-shopping-cart .elementor-button-text {
    display: none !important;
}

/* espacement entre les icônes */
#header_icons .elementor-widget-wrap {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end;
    gap: 0 20px;
}

@media (min-width: 1200px) {
    #header_megamenu_gap .elementor-widget-ajax-search,
    #header_megamenu_gap .elementor-widget-shopping-cart,
    #header_megamenu_gap .elementor-widget-sign-in {
        margin-left: 20px !important;
    }

    #header_megamenu_gap > .elementor-column-wrap > .elementor-widget-wrap,
    #header_megamenu_gap > .elementor-widget-wrap {
        align-items: center !important;
    }
}

/* Titre du bloc HTML : le contenu identique au titre est masqué en JS (icc-megamenu.js), un vrai contenu reste visible */
#header_megamenu_gap .mm_block_type_html .ets_mm_block_content.icc-mm-duplicate,
#header_megamenu_gap .mm_block_type_html .ets_mm_block_content:empty {
    display: none !important;
}

/* Le module décale le lien d'onglet (margin: -9px -15px) : on gère l'espacement nous-mêmes */
#header_megamenu_gap .mm_columns_ul_tab .mm_tab_toggle_title a {
    margin: 0 !important;
}

/* Flèches natives du module sur les sous-catégories : remplacées par nos propres indicateurs */
#header_megamenu_gap .ets_mm_block_content .has-sub > a::after,
#header_megamenu_gap .ets_mm_block_content ul li > a::before {
    display: none !important;
}

/* =====================================================================================================
   ORDINATEUR (>= 1200px)
   ===================================================================================================== */
@media (min-width: 1200px) {

    /* Le panneau se positionne sur la ligne de l'en-tête (largeur du contenu, sous la barre) */
    #header .elementor-row:has(> #header_megamenu_gap),
    #header .elementor-container:has(> #header_megamenu_gap) {
        position: relative;
    }

    #header_megamenu_gap,
    #header_megamenu_gap .elementor,
    #header_megamenu_gap .ce-edit-wrapper,
    #header_megamenu_gap .elementor-inner,
    #header_megamenu_gap .elementor-section-wrap,
    #header_megamenu_gap .elementor-section,
    #header_megamenu_gap .elementor-container,
    #header_megamenu_gap .elementor-row,
    #header_megamenu_gap .elementor-column,
    #header_megamenu_gap .elementor-column-wrap,
    #header_megamenu_gap .elementor-widget-wrap,
    #header_megamenu_gap .elementor-widget,
    #header_megamenu_gap .elementor-widget-container,
    #header_megamenu_gap .ets_mm_megamenu,
    #header_megamenu_gap .ets_mm_megamenu_content,
    #header_megamenu_gap .ets_mm_megamenu_content_content,
    #header_megamenu_gap .ets_mm_megamenu .container,
    #header_megamenu_gap .mm_menus_ul,
    #header_megamenu_gap .mm_menus_li {
        position: static !important;
    }

    #header_megamenu_gap .ets_mm_megamenu,
    #header_megamenu_gap .ets_mm_megamenu .container,
    #header_megamenu_gap .ets_mm_megamenu_content {
        background: transparent !important;
        border: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        box-shadow: none !important;
    }

    #header_megamenu_gap .ets_mm_megamenu::before {
        display: none;
    }

    /* ---- Barre principale ---- */
    #header_megamenu_gap .mm_menus_ul {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: stretch;
        gap: 0 28px;
        margin: 0;
        padding: 0;
    }

    #header_megamenu_gap .mm_menus_ul > li.mm_menus_li {
        width: auto !important;
        border: 0 !important;
        float: none;
    }

    #header_megamenu_gap .mm_menus_ul > li.mm_menus_li > a {
        display: flex;
        align-items: center;
        height: 100%;
        padding: 24px 0 !important;
        background: transparent !important;
        color: #fff !important;
        font-family: var(--icc-mm-font);
        font-size: 15px !important;
        font-style: italic;
        font-weight: 800;
        line-height: 1.2;
        letter-spacing: .01em;
        text-transform: uppercase;
        white-space: nowrap;
    }

    #header_megamenu_gap .mm_menus_ul > li.mm_menus_li > a span {
        padding: 0 !important;
    }

    #header_megamenu_gap .mm_menus_ul > li.mm_menus_li > a .mm_arrow,
    #header_megamenu_gap .mm_menus_ul > li.mm_menus_li > a::after,
    #header_megamenu_gap .mm_menus_ul > li.mm_menus_li > .arrow {
        display: none !important;
    }

    /* Petite flèche sous-menu (icône du thème) */
    #header_megamenu_gap .mm_menus_ul > li.mm_menus_li.mm_has_sub > a::before {
        content: url(/themes/armos/assets/img/icon/icon-submenu-header.svg);
        order: 2;
        position: static;
        display: inline-block;
        width: auto;
        height: auto;
        margin: 0 0 0 6px;
        line-height: 1;
        opacity: 1;
        transform: translateY(-2px);
        transition: transform .2s ease;
        background: none;
    }

    #header_megamenu_gap .mm_menus_ul > li.mm_menus_li > a .mm_menu_content_title {
        position: relative;
    }

    /* Soulignement animé à l'ouverture */
    #header_megamenu_gap .mm_menus_ul > li.mm_menus_li > a .mm_menu_content_title::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: -6px;
        height: 2px;
        background: #fff;
        transform: scaleX(0);
        transform-origin: left;
        transition: transform .2s ease;
    }

    #header_megamenu_gap .mm_menus_ul > li.mm_menus_li:hover > a .mm_menu_content_title::after,
    #header_megamenu_gap .mm_menus_ul > li.mm_menus_li.menu_hover > a .mm_menu_content_title::after,
    #header_megamenu_gap .mm_menus_ul > li.mm_menus_li.active > a .mm_menu_content_title::after {
        transform: scaleX(1);
    }

    #header_megamenu_gap .mm_menus_ul > li.mm_menus_li.mm_has_sub:hover > a::before {
        transform: translateY(-2px) rotate(180deg);
    }

    /* ---- Panneau ---- */
    #header_megamenu_gap .mm_menus_ul > li.mm_menus_li > .mm_columns_ul {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        right: 0 !important;
        width: auto !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #fff !important;
        border: 0 !important;
        border-top: 3px solid var(--icc-mm-black) !important;
        box-shadow: 0 18px 40px rgba(0, 0, 0, .18);
        z-index: 1000;
        text-align: left;
    }

    /* Animation : celles du module (transition_fade / slide) animaient la position gauche/droite du panneau,
       qui semblait arriver d'un endroit aléatoire. Remplacées par un fondu avec une légère descente. */
    #header_megamenu_gap .mm_menus_ul > li.mm_menus_li > .mm_columns_ul,
    #header_megamenu_gap .mm_columns_ul .mm_columns_contents_ul {
        transition: none !important;
        animation: none;
    }

    #header_megamenu_gap .mm_menus_ul > li.mm_menus_li:hover > .mm_columns_ul,
    #header_megamenu_gap .mm_menus_ul > li.mm_menus_li.menu_hover > .mm_columns_ul {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        animation: icc-mm-in .18s ease-out;
    }

    /* Pont invisible : la souris peut descendre de l'entrée vers le panneau sans le fermer */
    #header_megamenu_gap .mm_menus_ul > li.mm_menus_li > .mm_columns_ul::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 100%;
        /* 40px : sur Ozbal, l'en-tête dépasse la ligne du menu de ~23px (16px laissaient un trou qui fermait le panneau) */
        height: 40px;
    }

    /* Menu sans onglets : colonnes côte à côte, panneau à la largeur du contenu, sous l'entrée
       (décalé vers la gauche par icc-megamenu.js s'il dépasse l'en-tête) */
    #header_megamenu_gap .mm_menus_ul > li.mm_menus_li > .mm_columns_ul:not(.mm_columns_ul_tab) {
        display: none;
        left: auto !important;
        right: auto !important;
        width: max-content !important;
        max-width: 100% !important;
        padding: 32px 40px 36px !important;
    }

    #header_megamenu_gap .mm_menus_ul > li.mm_menus_li:hover > .mm_columns_ul:not(.mm_columns_ul_tab),
    #header_megamenu_gap .mm_menus_ul > li.mm_menus_li.menu_hover > .mm_columns_ul:not(.mm_columns_ul_tab) {
        display: flex !important;
        flex-wrap: wrap;
        gap: 28px 64px;
    }

    #header_megamenu_gap .mm_columns_ul:not(.mm_columns_ul_tab) > li.mm_columns_li {
        float: none !important;
        width: auto !important;
        min-width: 200px;
        max-width: 360px;
        flex: 0 1 auto;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* ---- Menu à onglets (sous-menu à gauche, sous-sous-menu à droite) ---- */
    #header_megamenu_gap .mm_columns_ul.mm_columns_ul_tab {
        display: none;
    }

    #header_megamenu_gap .mm_menus_ul > li.mm_menus_li:hover > .mm_columns_ul.mm_columns_ul_tab,
    #header_megamenu_gap .mm_menus_ul > li.mm_menus_li.menu_hover > .mm_columns_ul.mm_columns_ul_tab {
        display: block !important;
        min-height: 320px;
        /* colonne d'onglets grise à gauche, contenu blanc à droite */
        background: linear-gradient(to right, var(--icc-mm-soft) 260px, #fff 260px) !important;
    }

    #header_megamenu_gap .mm_columns_ul_tab > li.mm_tabs_li {
        position: static !important;
        float: none !important;
        width: 260px !important;
        margin: 0 !important;
        padding: 0 !important;
        background: var(--icc-mm-soft);
        border: 0 !important;
    }

    /* Onglets sans aucun sous-sous-menu (ex. NOTRE UNIVERS Ozbal) : panneau à la largeur des onglets, sous l'entrée */
    #header_megamenu_gap .mm_menus_ul > li.mm_menus_li > .mm_columns_ul.mm_columns_ul_tab.icc-mm-tabs-only {
        left: auto !important;
        right: auto !important;
        width: fit-content !important;
        min-width: 240px;
        min-height: 0 !important;
        background: var(--icc-mm-soft) !important;
        padding-bottom: 12px !important;
    }

    #header_megamenu_gap .mm_columns_ul_tab.icc-mm-tabs-only > li.mm_tabs_li {
        width: auto !important;
    }

    #header_megamenu_gap .mm_columns_ul_tab.icc-mm-tabs-only .mm_tab_li_content .mm_tab_toggle_title a,
    #header_megamenu_gap .mm_columns_ul_tab.icc-mm-tabs-only .mm_tab_li_content .mm_tab_toggle_title:not(:has(a)) {
        padding-right: 32px !important;
        white-space: nowrap;
    }

    #header_megamenu_gap .mm_columns_ul_tab > li.mm_tabs_li:first-child {
        padding-top: 12px !important;
    }

    #header_megamenu_gap .mm_columns_ul_tab .mm_tab_li_content {
        display: block;
        margin: 0;
        padding: 0;
        background: transparent !important;
        border: 0 !important;
        width: 100% !important;
    }

    #header_megamenu_gap .mm_columns_ul_tab .mm_tab_li_content .mm_tab_name,
    #header_megamenu_gap .mm_columns_ul_tab .mm_tab_li_content .mm_tab_toggle_title {
        display: block;
        width: 100%;
        padding: 0 !important;
        background: transparent !important;
    }

    #header_megamenu_gap .mm_columns_ul_tab .mm_tab_li_content .mm_tab_toggle_title a,
    #header_megamenu_gap .mm_columns_ul_tab .mm_tab_li_content .mm_tab_toggle_title {
        position: relative;
        display: block;
        padding: 11px 40px 11px 24px !important;
        background: transparent !important;
        color: var(--icc-mm-text) !important;
        font-size: 14px !important;
        font-weight: 500;
        line-height: 1.3;
        text-decoration: none !important;
        border-left: 3px solid transparent;
        transition: background-color .15s ease, color .15s ease, border-color .15s ease;
    }

    /* le lien est dans le titre : un seul niveau de padding */
    #header_megamenu_gap .mm_columns_ul_tab .mm_tab_li_content .mm_tab_toggle_title:has(> a) {
        padding: 0 !important;
        border-left: 0;
    }

    #header_megamenu_gap .mm_columns_ul_tab .mm_tab_li_content .mm_tab_name::after,
    #header_megamenu_gap .mm_columns_ul_tab .mm_tab_li_content .mm_tab_name::before {
        display: none !important;
    }

    /* chevron des onglets qui ont un contenu */
    #header_megamenu_gap .mm_columns_ul_tab > li.mm_tabs_has_content > .mm_tab_li_content .mm_tab_toggle_title a::after,
    #header_megamenu_gap .mm_columns_ul_tab > li.mm_tabs_has_content > .mm_tab_li_content .mm_tab_toggle_title:not(:has(a))::after {
        content: "";
        position: absolute;
        right: 20px;
        top: 50%;
        width: 7px;
        height: 7px;
        border-top: 2px solid currentColor;
        border-right: 2px solid currentColor;
        transform: translateY(-50%) rotate(45deg);
        opacity: .5;
    }

    #header_megamenu_gap .mm_columns_ul_tab > li.mm_tabs_li.open > .mm_tab_li_content .mm_tab_toggle_title a,
    #header_megamenu_gap .mm_columns_ul_tab > li.mm_tabs_li.open > .mm_tab_li_content .mm_tab_toggle_title:not(:has(a)),
    #header_megamenu_gap .mm_columns_ul_tab > li.mm_tabs_li > .mm_tab_li_content:hover .mm_tab_toggle_title a {
        background: #fff !important;
        color: var(--icc-mm-black) !important;
        font-weight: 700;
        border-left-color: var(--icc-mm-black);
    }

    #header_megamenu_gap .mm_columns_ul_tab > li.mm_tabs_li.open > .mm_tab_li_content .mm_tab_toggle_title a::after {
        opacity: 1;
    }

    /* Contenu de l'onglet ouvert : occupe la colonne de droite, sur toute la hauteur */
    #header_megamenu_gap .mm_columns_ul_tab .mm_columns_contents_ul {
        display: none !important;
    }

    #header_megamenu_gap .mm_columns_ul_tab > li.mm_tabs_li.open > .mm_columns_contents_ul {
        display: block !important;
        position: absolute !important;
        top: 0 !important;
        bottom: auto !important;
        left: 260px !important;
        right: 0 !important;
        width: auto !important;
        height: auto !important;
        min-height: 100% !important;
        margin: 0 !important;
        padding: 32px 40px 36px !important;
        background: #fff !important;
        border: 0 !important;
        /* pas de barre de défilement : le panneau prend la hauteur du contenu (icc-megamenu.js) */
        overflow: visible;
        column-count: 3;
        column-gap: 48px;
        column-fill: balance;
    }

    #header_megamenu_gap .mm_columns_ul_tab .mm_columns_contents_ul > li.mm_columns_li {
        display: inline-block;
        float: none !important;
        width: 100% !important;
        margin: 0 0 26px !important;
        padding: 0 !important;
        break-inside: avoid;
        -webkit-column-break-inside: avoid;
    }

    /* BOUTIQUE CLUB (menu_horizontal) : grille de vignettes */
    #header_megamenu_gap .mm_menus_li.menu_horizontal .mm_columns_ul_tab > li.mm_tabs_li.open > .mm_columns_contents_ul {
        column-count: auto;
        display: grid !important;
        grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
        gap: 18px 32px;
        align-content: start;
    }

    #header_megamenu_gap .mm_menus_li.menu_horizontal .mm_columns_contents_ul > li.mm_columns_li {
        margin: 0 !important;
    }

    /* Onglet avec un seul groupe (ex. Textile & Accessoires) : la liste se répartit sur 3 colonnes
       au lieu de rester dans la première */
    #header_megamenu_gap .mm_menus_li:not(.menu_horizontal) .mm_columns_ul_tab > li.mm_tabs_li.open > .mm_columns_contents_ul:not(:has(> li.mm_columns_li ~ li.mm_columns_li)) {
        column-count: 1;
    }

    #header_megamenu_gap .mm_menus_li:not(.menu_horizontal) .mm_columns_contents_ul:not(:has(> li.mm_columns_li ~ li.mm_columns_li)) > li.mm_columns_li:not(:has(.mm_block_type_image)) .mm_block_type_category .ets_mm_categories {
        column-count: 3;
        column-gap: 48px;
    }

    #header_megamenu_gap .mm_menus_li:not(.menu_horizontal) .mm_columns_contents_ul:not(:has(> li.mm_columns_li ~ li.mm_columns_li)) > li.mm_columns_li:not(:has(.mm_block_type_image)) .ets_mm_categories > li {
        break-inside: avoid;
    }

    /* megamenu-itembrand : images pleine largeur */
    #header_megamenu_gap .mm_menus_li.megamenu-itembrand .mm_blocks_li img {
        width: 100%;
        height: 100%;
        max-height: 310px;
        object-fit: cover;
    }

    #header_megamenu_gap .mm_menus_li.megamenu-itembrand .ets_mm_block > .h4 {
        display: none;
    }
}

@keyframes icc-mm-in {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

/* =====================================================================================================
   CONTENU DES COLONNES (ordinateur et tiroir)
   ===================================================================================================== */
#header_megamenu_gap .mm_columns_li > .mm_blocks_ul {
    display: block !important;
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* le module fait flotter le contenu des colonnes : la colonne doit contenir ses blocs (hauteur réelle) */
#header_megamenu_gap .mm_columns_li {
    display: flow-root;
}

#header_megamenu_gap .mm_columns_li .mm_blocks_li {
    display: block;
    float: none !important;
    clear: both;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

#header_megamenu_gap .mm_columns_li .ets_mm_block {
    display: block !important;
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* Titre de groupe */
#header_megamenu_gap .mm_columns_li .ets_mm_block > .h4,
#header_megamenu_gap .mm_columns_li .ets_mm_block > .h4 a,
#header_megamenu_gap .mm_columns_li:not(:has(.mm_block_type_html)) .mm_hide_title .ets_mm_categories > li.has-sub > a,
#header_megamenu_gap .mm_columns_li:not(:has(.mm_block_type_html)):not(:has(.mm_block_type_image)) .mm_block_type_category .ets_mm_categories:has(> li:only-child) > li:not(.has-sub) > a {
    display: block;
    margin: 0 0 10px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--icc-mm-black) !important;
    font-family: var(--icc-mm-font);
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: .05em;
    text-transform: uppercase;
    text-decoration: none !important;
}

#header_megamenu_gap .mm_columns_li .ets_mm_block > .h4 a {
    margin: 0 !important;
}

#header_megamenu_gap .mm_columns_li .ets_mm_block.mm_hide_title > .h4 {
    display: none !important;
}

/* Liens */
#header_megamenu_gap .mm_columns_li .ets_mm_block_content,
#header_megamenu_gap .mm_columns_li .ets_mm_categories,
#header_megamenu_gap .mm_columns_li .ets_mm_categories ul {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

#header_megamenu_gap .mm_columns_li .ets_mm_categories li {
    display: block;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

#header_megamenu_gap .mm_columns_li .ets_mm_categories li > a,
#header_megamenu_gap .mm_columns_li .mm_block_type_cms li > a,
#header_megamenu_gap .mm_columns_li .ets_mm_block_content > a {
    display: block;
    padding: 4px 0 !important;
    margin: 0 !important;
    color: var(--icc-mm-text) !important;
    font-family: var(--icc-mm-font);
    font-size: 14px !important;
    font-weight: 400 !important;
    font-style: normal;
    line-height: 1.35 !important;
    text-transform: none;
    text-decoration: none !important;
    transition: color .15s ease;
}

#header_megamenu_gap .mm_columns_li .ets_mm_categories li > a:hover,
#header_megamenu_gap .mm_columns_li .mm_block_type_cms li > a:hover,
#header_megamenu_gap .mm_columns_li .ets_mm_block_content > a:hover,
#header_megamenu_gap .mm_columns_li .ets_mm_block > .h4 a:hover {
    color: var(--icc-mm-black) !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

/* sous-catégories d'une catégorie titre : liens standards */
#header_megamenu_gap .mm_columns_li:not(:has(.mm_block_type_html)) .mm_hide_title .ets_mm_categories > li.has-sub > ul {
    display: block !important;
    margin-bottom: 8px !important;
}

#header_megamenu_gap .mm_columns_li .ets_mm_categories .arrow,
#header_megamenu_gap .mm_columns_li .ets_mm_categories .pull-right {
    display: none !important;
}

/* Vignette : bloc image + nom (ex. clubs) */
#header_megamenu_gap .mm_columns_li:has(.mm_block_type_image) > .mm_blocks_ul {
    display: flex !important;
    align-items: center;
    gap: 12px;
}

#header_megamenu_gap .mm_columns_li:has(.mm_block_type_image) .mm_block_type_image,
#header_megamenu_gap .mm_columns_li:has(.mm_block_type_image) > .mm_blocks_ul > li:has(.mm_block_type_image) {
    /* le li est l'élément flex : sans lui, le logo rétrécit quand le nom passe sur 2 lignes */
    flex: 0 0 56px;
    min-width: 56px;
}

#header_megamenu_gap .mm_columns_li:has(.mm_block_type_image) .mm_block_type_image > .h4 {
    display: none !important;
}

#header_megamenu_gap .mm_columns_li:has(.mm_block_type_image) .mm_block_type_image img {
    display: block;
    width: 56px;
    height: 56px;
    object-fit: contain;
    border: 1px solid var(--icc-mm-line);
    background: #fff;
}

#header_megamenu_gap .mm_columns_li:has(.mm_block_type_image) .ets_mm_categories li > a {
    color: var(--icc-mm-black) !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    letter-spacing: .03em;
    text-transform: uppercase;
}

/* =====================================================================================================
   TIROIR MOBILE / TABLETTE (< 1200px)
   ===================================================================================================== */
@media (max-width: 1199px) {

    /* ---- En-tête : [menu] [logo centré] [icônes], sur une ligne ----
       Armos : colonnes logo / menu / #header_icons. Ozbal : panier et compte sont DANS la colonne du menu.
       La colonne du menu devient « transparente » (display: contents) : ses widgets se placent
       directement dans la ligne, quel que soit le découpage Creative Elements. */
    #header .elementor-row:has(> #header_megamenu_gap) {
        position: relative;
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between;
        gap: 0 10px;
        width: 100% !important;
        padding: 0 16px !important;
        min-height: 64px;
    }

    #header .elementor-row:has(> #header_megamenu_gap) > #header_megamenu_gap,
    #header_megamenu_gap > .elementor-column-wrap,
    #header_megamenu_gap > .elementor-column-wrap > .elementor-widget-wrap,
    #header_megamenu_gap > .elementor-widget-wrap {
        display: contents !important;
    }

    /* le module met le bouton dans un .container Bootstrap (720px dès 768px) : largeur du bouton seulement */
    #header_megamenu_gap .ets_mm_megamenu,
    #header_megamenu_gap .ets_mm_megamenu .container,
    #header_megamenu_gap .ets_mm_megamenu_content,
    #header_megamenu_gap .ets_mm_megamenu_content_content {
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
    }

    /* bouton menu (le widget qui contient le Mega Menu) */
    #header_megamenu_gap .elementor-widget:has(.ets_mm_megamenu) {
        order: 1;
        flex: 0 0 auto !important;
        width: max-content !important;
        max-width: none !important;
        margin: 0 !important;
    }

    /* le bouton est parfois dans un modèle Creative Elements imbriqué (section > colonne) : largeur du contenu */
    #header_megamenu_gap .elementor-widget:has(.ets_mm_megamenu) :is(.elementor-section, .elementor-container, .elementor-row, .elementor-column, .elementor-column-wrap, .elementor-widget-wrap, .elementor-widget, .elementor-widget-container) {
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        flex: 0 0 auto !important;
    }

    /* [menu] — logo — [icônes] : même espace de part et d'autre du logo (marges automatiques sur le logo
       et sur le premier élément de droite ; fonctionne aussi pour Ozbal où panier et compte sont séparés) */
    #header .elementor-row:has(> #header_megamenu_gap) > #header_megamenu_logo {
        order: 2;
        flex: 0 1 auto !important;
        width: auto !important;
        min-width: 0;
        max-width: none !important;
        margin-left: auto !important;
    }


    #header_megamenu_logo > .elementor-column-wrap,
    #header_megamenu_logo .elementor-widget-wrap {
        justify-content: center !important;
        padding: 0 !important;
    }

    #header_megamenu_logo .elementor-widget-image,
    #header_megamenu_logo .elementor-widget-image .elementor-widget-container {
        width: auto !important;
        text-align: center !important;
        margin: 0 !important;
    }

    #header_megamenu_logo .elementor-widget-image img {
        width: auto !important;
        max-width: 100% !important;
        max-height: 44px;
        height: auto;
    }

    /* icônes : colonne #header_icons (Armos) ou widgets panier / compte de la colonne menu (Ozbal) */
    #header .elementor-row:has(> #header_megamenu_gap) > #header_icons,
    #header_megamenu_gap .elementor-widget:not(:has(.ets_mm_megamenu)) {
        order: 3;
        flex: 0 0 auto !important;
        width: auto !important;
        margin: 0 !important;
    }

    /* même marge automatique à gauche des icônes (Armos : la colonne d'icônes ; Ozbal : à partir du panier) */
    #header .elementor-row:has(> #header_megamenu_gap) > #header_icons,
    #header #header_megamenu_gap .elementor-widget.elementor-widget-shopping-cart {
        margin-left: auto !important;
    }

    /* si une recherche est ajoutée avant le panier dans la colonne du menu (Ozbal), c'est elle qui part à droite */
    #header #header_megamenu_gap .elementor-widget.elementor-widget-ajax-search {
        margin-left: auto !important;
    }

    #header #header_megamenu_gap .elementor-widget.elementor-widget-ajax-search ~ .elementor-widget-shopping-cart {
        margin-left: 0 !important;
    }

    #header_icons > .elementor-column-wrap,
    #header_icons .elementor-widget-wrap {
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 0 16px;
        padding: 0 !important;
    }

    /* Ozbal : panier et compte sont des éléments de la ligne : même espacement qu'Armos */
    #header_megamenu_gap .elementor-widget-sign-in {
        margin-left: 6px !important;
    }

    #header_icons .elementor-widget,
    #header_megamenu_gap .elementor-widget:not(:has(.ets_mm_megamenu)) .elementor-widget-container {
        width: auto !important;
        margin: 0 !important;
    }

    /* compte : icône seule (libellé masqué) */
    #header .elementor-widget-sign-in .elementor-item > span:not([class*=icon]):not(:has(i)),
    #header .elementor-widget-sign-in .elementor-button-text {
        display: none !important;
    }

    /* Bouton menu : icône seule (le libellé « Menu » du module est masqué pour laisser la place au logo) */
    #header_megamenu .ybc-menu-toggle,
    #header_megamenu_gap .ybc-menu-toggle {
        display: flex !important;
        align-items: center;
        /* icône calée sur la marge gauche de l'en-tête (symétrique des icônes à droite), zone tactile 44px */
        justify-content: flex-start;
        min-width: 44px;
        min-height: 44px;
        padding: 0 !important;
        margin: 0 !important;
        color: #fff;
        font-size: 0 !important;
        line-height: 0 !important;
    }

    #header_megamenu_gap .ybc-menu-toggle .ybc-menu-button-toggle_icon {
        margin: 0 !important;
    }

    #header_megamenu_gap .ybc-menu-toggle .ybc-menu-button-toggle_icon i,
    #header_megamenu_gap .ybc-menu-toggle .icon-bar {
        background-color: #fff !important;
    }

    /* Tiroir */
    #header_megamenu_gap .mm_menus_ul {
        width: min(380px, 88vw) !important;
        max-width: none !important;
        height: 100vh !important;
        height: 100dvh !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        background: #fff !important;
        padding: 0 0 40px !important;
    }

    /* voile derrière le tiroir, uniquement quand il est ouvert */
    #header_megamenu_gap .ybc-menu-toggle.opened + .mm_menus_ul {
        box-shadow: 0 0 0 100vmax rgba(0, 0, 0, .45);
    }

    /* En-tête du tiroir (MENU / RETOUR) */
    #header_megamenu_gap .mm_menus_ul > li.close_menu {
        position: sticky;
        top: 0;
        z-index: 2;
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        min-height: 52px;
        padding: 0 18px !important;
        background: #000 !important;
        color: #fff !important;
        border: 0 !important;
    }

    #header_megamenu_gap .mm_menus_ul > li.close_menu * {
        color: #fff !important;
    }

    /* Niveau 1 */
    #header_megamenu_gap .mm_menus_ul > li.mm_menus_li {
        position: relative;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #fff !important;
        border: 0 !important;
        border-bottom: 1px solid var(--icc-mm-line) !important;
    }

    #header_megamenu_gap .mm_menus_ul > li.mm_menus_li > a {
        display: block;
        padding: 16px 56px 16px 18px !important;
        background: transparent !important;
        color: var(--icc-mm-black) !important;
        font-family: var(--icc-mm-font);
        font-size: 15px !important;
        font-style: normal;
        font-weight: 700 !important;
        line-height: 1.3 !important;
        letter-spacing: .03em;
        text-transform: uppercase !important;
        text-decoration: none !important;
    }

    #header_megamenu_gap .mm_menus_ul > li.mm_menus_li > a::before,
    #header_megamenu_gap .mm_menus_ul > li.mm_menus_li > a::after,
    #header_megamenu_gap .mm_menus_ul > li.mm_menus_li > a .mm_arrow {
        display: none !important;
    }

    /* Bouton +/- (zone tactile de 52px) */
    #header_megamenu_gap .mm_menus_ul > li.mm_menus_li > .arrow {
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        width: 52px !important;
        height: 54px !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    #header_megamenu_gap .mm_menus_ul > li.mm_menus_li > .arrow::before,
    #header_megamenu_gap .mm_menus_ul > li.mm_menus_li > .arrow::after {
        content: "" !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        width: 14px !important;
        height: 2px !important;
        margin: 0 !important;
        border: 0 !important;
        background: var(--icc-mm-black) !important;
        transform: translate(-50%, -50%);
        transition: transform .2s ease, opacity .2s ease;
    }

    #header_megamenu_gap .mm_menus_ul > li.mm_menus_li > .arrow::after {
        transform: translate(-50%, -50%) rotate(90deg);
    }

    #header_megamenu_gap .mm_menus_ul > li.mm_menus_li > .arrow.opened::after {
        transform: translate(-50%, -50%) rotate(0deg);
        opacity: 0;
    }

    /* Niveau 2 (onglets) */
    #header_megamenu_gap .mm_menus_ul .mm_columns_ul {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 0 8px !important;
        background: var(--icc-mm-soft) !important;
        border: 0 !important;
        box-shadow: none !important;
        height: auto !important;
        min-height: 0 !important;
    }

    #header_megamenu_gap .mm_columns_ul_tab > li.mm_tabs_li {
        position: relative;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        border-bottom: 1px solid #ececec !important;
    }

    #header_megamenu_gap .mm_columns_ul_tab > li.mm_tabs_li:last-child {
        border-bottom: 0 !important;
    }

    #header_megamenu_gap .mm_columns_ul_tab .mm_tab_li_content {
        position: relative;
        display: block;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
    }

    #header_megamenu_gap .mm_columns_ul_tab .mm_tab_li_content .mm_tab_name,
    #header_megamenu_gap .mm_columns_ul_tab .mm_tab_li_content .mm_tab_toggle_title {
        display: block;
        padding: 0 !important;
        background: transparent !important;
    }

    #header_megamenu_gap .mm_columns_ul_tab .mm_tab_li_content .mm_tab_toggle_title a,
    #header_megamenu_gap .mm_columns_ul_tab .mm_tab_li_content .mm_tab_toggle_title:not(:has(a)) {
        display: block;
        padding: 14px 52px 14px 28px !important;
        color: var(--icc-mm-text) !important;
        font-size: 15px !important;
        font-weight: 500 !important;
        line-height: 1.3 !important;
        text-transform: none;
        text-decoration: none !important;
        border: 0 !important;
    }

    #header_megamenu_gap .mm_columns_ul_tab .mm_tab_li_content.opened .mm_tab_toggle_title a,
    #header_megamenu_gap .mm_columns_ul_tab .mm_tab_li_content.opened .mm_tab_toggle_title:not(:has(a)) {
        color: var(--icc-mm-black) !important;
        font-weight: 700 !important;
    }

    /* chevron d'onglet : à droite, tourne à l'ouverture */
    #header_megamenu_gap .mm_columns_ul_tab .mm_tab_li_content .mm_tab_name::before {
        display: none !important;
    }

    #header_megamenu_gap .mm_columns_ul_tab .mm_tab_li_content .mm_tab_has_child::after,
    #header_megamenu_gap .mm_columns_ul_tab .mm_tab_li_content .mm_tab_name.mm_tab_has_child::after {
        content: "" !important;
        position: absolute !important;
        top: 50% !important;
        right: 22px !important;
        left: auto !important;
        width: 8px !important;
        height: 8px !important;
        margin: 0 !important;
        border: 0 !important;
        border-right: 2px solid var(--icc-mm-black) !important;
        border-bottom: 2px solid var(--icc-mm-black) !important;
        background: none !important;
        transform: translateY(-70%) rotate(45deg);
        transition: transform .2s ease;
    }

    #header_megamenu_gap .mm_columns_ul_tab .mm_tab_li_content.opened .mm_tab_has_child::after {
        transform: translateY(-30%) rotate(-135deg);
    }

    /* Niveau 3 (contenu de l'onglet) : une colonne pleine largeur */
    #header_megamenu_gap .mm_columns_ul .mm_columns_contents_ul {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 4px 18px 14px 28px !important;
        background: #fff !important;
        border: 0 !important;
    }

    #header_megamenu_gap .mm_columns_ul li.mm_columns_li {
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 18px 0 0 !important;
        border: 0 !important;
    }

    #header_megamenu_gap .mm_columns_ul li.mm_columns_li:first-child {
        padding-top: 8px !important;
    }

    /* espace régulier entre deux groupes (le module retire parfois le padding, ex. colonne avant un saut de ligne) */
    #header_megamenu_gap .mm_menus_ul .mm_columns_ul li.mm_columns_li + li.mm_columns_li {
        padding-top: 20px !important;
    }

    #header_megamenu_gap .mm_columns_ul:not(.mm_columns_ul_tab) > li.mm_columns_li {
        padding: 14px 18px 4px 28px !important;
        background: #fff;
    }

    #header_megamenu_gap .mm_columns_li .ets_mm_categories li > a,
    #header_megamenu_gap .mm_columns_li .mm_block_type_cms li > a,
    #header_megamenu_gap .mm_columns_li .ets_mm_block_content > a {
        padding: 9px 0 !important;
        font-size: 15px !important;
    }

    #header_megamenu_gap .mm_columns_li .ets_mm_block > .h4,
    #header_megamenu_gap .mm_columns_li .ets_mm_block > .h4 a,
    #header_megamenu_gap .mm_columns_li:not(:has(.mm_block_type_html)) .mm_hide_title .ets_mm_categories > li.has-sub > a {
        margin-bottom: 4px !important;
        font-size: 13px !important;
    }

    /* les sous-catégories restent visibles (pas de 3e niveau d'accordéon) */
    #header_megamenu_gap .ets_mm_block_content ul.ets_mm_categories li.has-sub > ul {
        display: block !important;
        padding-left: 0 !important;
    }
}
/* =====================================================================================================
   HIÉRARCHIE DU TIROIR MOBILE (< 1200px)
   N1 (E-SHOP)        : majuscules grasses ; ligne ouverte en noir
   N2 (Cyclisme)      : fond gris, décalé ; onglet ouvert en gras sur fond blanc avec trait noir à gauche
   N3 (contenu)       : décalé, filet vertical d'imbrication ; petits titres de groupe puis liens
   « Tout voir … »    : premier lien de chaque niveau ouvert (ajouté par icc-megamenu.js)
   ===================================================================================================== */
@media (min-width: 1200px) {
    #header_megamenu_gap .icc-mm-see-all {
        display: none !important;
    }
}

@media (max-width: 1199px) {

    /* ---- N1 ---- */
    #header #header_megamenu_gap .mm_menus_ul > li.mm_menus_li > a {
        padding: 17px 60px 17px 16px !important;
        font-size: 15px !important;
        font-weight: 800 !important;
        letter-spacing: .04em;
        transition: background-color .15s ease, color .15s ease;
    }

    #header #header_megamenu_gap .mm_menus_ul > li.mm_menus_li:has(> .arrow.opened) > a {
        background: #000 !important;
        color: #fff !important;
    }

    #header #header_megamenu_gap .mm_menus_ul > li.mm_menus_li:has(> .arrow.opened) > .arrow::before,
    #header #header_megamenu_gap .mm_menus_ul > li.mm_menus_li:has(> .arrow.opened) > .arrow::after {
        background: #fff !important;
    }

    /* le lien couvre toute la ligne : le +/- doit passer au-dessus pour rester visible */
    #header #header_megamenu_gap .mm_menus_ul > li.mm_menus_li > .arrow {
        height: 56px !important;
        z-index: 101 !important; /* le lien a z-index: 100 (module) */
    }

    /* ---- conteneur N2 ---- */
    #header #header_megamenu_gap .mm_menus_ul .mm_columns_ul {
        padding: 0 !important;
        background: #f4f4f4 !important;
    }

    /* ---- « Tout voir … » ---- */
    #header #header_megamenu_gap .icc-mm-see-all {
        display: block;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none;
        border: 0 !important;
    }

    #header #header_megamenu_gap .icc-mm-see-all > a {
        display: flex !important;
        align-items: center;
        gap: 8px;
        padding: 14px 16px 14px 28px !important;
        color: #000 !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1.3 !important;
        text-transform: none !important;
        text-decoration: underline !important;
        text-underline-offset: 3px;
    }

    #header #header_megamenu_gap .icc-mm-see-all > a::after {
        content: "→";
        text-decoration: none;
        display: inline-block;
    }

    /* niveau 1 : « Tout voir » sur fond gris, séparé des onglets */
    #header #header_megamenu_gap .mm_menus_ul > li.mm_menus_li > .mm_columns_ul > .icc-mm-see-all {
        border-bottom: 1px solid #e3e3e3 !important;
    }

    /* ---- N2 : onglets ---- */
    #header #header_megamenu_gap .mm_columns_ul_tab > li.mm_tabs_li {
        border-bottom: 1px solid #e3e3e3 !important;
    }

    #header #header_megamenu_gap .mm_columns_ul_tab .mm_tab_li_content .mm_tab_toggle_title a,
    #header #header_megamenu_gap .mm_columns_ul_tab .mm_tab_li_content .mm_tab_toggle_title:not(:has(a)) {
        padding: 15px 52px 15px 28px !important;
        border-left: 4px solid transparent !important;
        color: #222 !important;
        font-size: 15px !important;
        font-weight: 600 !important;
    }

    #header #header_megamenu_gap .mm_columns_ul_tab .mm_tab_li_content.opened {
        background: #fff !important;
    }

    #header #header_megamenu_gap .mm_columns_ul_tab .mm_tab_li_content.opened .mm_tab_toggle_title a,
    #header #header_megamenu_gap .mm_columns_ul_tab .mm_tab_li_content.opened .mm_tab_toggle_title:not(:has(a)) {
        border-left-color: #000 !important;
        color: #000 !important;
        font-weight: 800 !important;
    }

    /* ---- N3 : contenu de l'onglet ---- */
    /* fond blanc sur toute la largeur, filet vertical continu (dégradé) à 32px du bord */
    #header #header_megamenu_gap .mm_columns_ul .mm_columns_contents_ul {
        margin: 0 !important;
        padding: 4px 16px 18px 48px !important;
        background: linear-gradient(#dcdcdc, #dcdcdc) 32px 12px / 1px calc(100% - 30px) no-repeat, #fff !important;
    }

    #header #header_megamenu_gap .mm_columns_ul .mm_columns_contents_ul > li.mm_columns_li,
    #header #header_megamenu_gap .mm_columns_ul .mm_columns_contents_ul > .icc-mm-see-all {
        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        border: 0 !important;
    }

    /* espace régulier avant chaque groupe */
    #header #header_megamenu_gap .mm_columns_ul .mm_columns_contents_ul > li.mm_columns_li {
        padding-top: 18px !important;
        padding-bottom: 0 !important;
    }

    #header #header_megamenu_gap .mm_columns_ul .mm_columns_contents_ul > .icc-mm-see-all > a {
        padding: 12px 0 0 !important;
    }

    /* menu sans onglets (ex. PERSONNALISATION) : contenu sur fond blanc, même retrait que les onglets */
    #header #header_megamenu_gap .mm_menus_ul > li.mm_menus_li > .mm_columns_ul:not(.mm_columns_ul_tab) > li.mm_columns_li {
        margin: 0 !important;
        padding: 18px 16px 4px 28px !important;
        background: #fff !important;
        border: 0 !important;
    }

    #header #header_megamenu_gap .mm_menus_ul > li.mm_menus_li > .mm_columns_ul:not(.mm_columns_ul_tab) > li.mm_columns_li:last-child {
        padding-bottom: 18px !important;
    }

    /* titres de groupe */
    #header #header_megamenu_gap .mm_columns_li .ets_mm_block > .h4,
    #header #header_megamenu_gap .mm_columns_li .ets_mm_block > .h4 a,
    #header #header_megamenu_gap .mm_columns_li:not(:has(.mm_block_type_html)) .mm_hide_title .ets_mm_categories > li.has-sub > a,
    #header #header_megamenu_gap .mm_columns_li:not(:has(.mm_block_type_html)):not(:has(.mm_block_type_image)) .mm_block_type_category .ets_mm_categories:has(> li:only-child) > li:not(.has-sub) > a {
        margin: 0 0 2px !important;
        color: #000 !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        letter-spacing: .07em;
    }

    /* liens */
    #header #header_megamenu_gap .mm_columns_li .ets_mm_categories li > a,
    #header #header_megamenu_gap .mm_columns_li .mm_block_type_cms li > a {
        padding: 9px 0 !important;
        color: #444 !important;
        font-size: 15px !important;
    }
}


/* ICC Digital - CG - 19/10/2026 - Vignettes club (logo + nom) dans le tiroir mobile : sans la marge des liens du tiroir */
@media (max-width: 1199px) {
    #header #header_megamenu_gap .mm_columns_li:has(.mm_block_type_image) {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    #header #header_megamenu_gap .mm_columns_li:has(.mm_block_type_image) .mm_block_type_image a {
        padding: 0 !important;
    }
}

/* ICC Digital - CG - 13/10/2026 - FIN Refonte style menu */