/* =========================================================
   LES INFUTHÉS — ADVANCED TOP MENU V8.3
   Fichier dédié chargé avec cache-busting (?v=803).
   Il complète la V8.2 sans toucher au logo, panier, compte
   ou à la recherche.
   ========================================================= */

/* -------------------- DESKTOP -------------------- */
@media screen and (min-width: 1200px) {
  /* Le lien parent est visible sous la liste, sans casser la carte éditoriale. */
  #header #adtm_menu .advtm_menu_1 > .adtm_sub > .infuthes-mega-parent-link {
    grid-column: 1;
    grid-row: 2;
    display: block !important;
    margin: 4px 0 0 !important;
    padding: 10px 2px 0 !important;
  }

  #header #adtm_menu .advtm_menu_1 .infuthes-mega-parent-link > a.a-niveau1,
  #header #adtm_menu .advtm_menu_1 .infuthes-mega-parent-link > span.a-niveau1 {
    float: none !important;
    display: inline-flex !important;
    min-height: 0 !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    text-decoration: none !important;
  }

  #header #adtm_menu .advtm_menu_1 .infuthes-mega-parent-link .advtm_menu_span {
    min-height: 0 !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #602f10 !important;
    background: transparent !important;
    font-size: 0 !important;
    font-weight: 700 !important;
    text-transform: none !important;
  }

  #header #adtm_menu .advtm_menu_1 .infuthes-mega-parent-link .advtm_menu_span::after {
    content: "Voir toutes nos infusions \2192" !important;
    position: static !important;
    display: inline !important;
    width: auto !important;
    height: auto !important;
    color: #602f10 !important;
    background: none !important;
    font-family: "Lato", sans-serif !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    transform: none !important;
  }

  #header #adtm_menu .advtm_menu_1 .infuthes-mega-parent-link:hover .advtm_menu_span::after {
    color: #64b928 !important;
  }
}


/* -------------------- MOBILE / TABLETTE -------------------- */
@media screen and (max-width: 1199px) {

  /* Le module doit occuper toute la largeur disponible. */
  #header #mobile_top_menu_wrapper .adtm_menu_container,
  #header #mobile_top_menu_wrapper #_desktop_top_menu,
  #header #mobile_top_menu_wrapper #adtm_menu,
  #header #mobile_top_menu_wrapper #adtm_menu_inner,
  #header #mobile_top_menu_wrapper #adtm_menu ul#menu {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    box-sizing: border-box !important;
  }

  #header #mobile_top_menu_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
  }

  /* Écarte "Infusions et thés" du logo. */
  #header #adtm_menu.adtm_menu_toggle_open ul#menu > li.advtm_menu_1 {
    margin-top: 22px !important;
  }

  /* Volet plus large, pratiquement bord à bord avec 16 px de respiration. */
  #header #adtm_menu.adtm_menu_toggle_open ul#menu > li.advtm_menu_1 > div.adtm_sub {
    width: 100% !important;
    max-width: none !important;
    margin: 6px 0 12px !important;
    padding: 13px 16px 15px !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
  }

  /* Menu beaucoup plus compact verticalement. */
  #header #adtm_menu .advtm_menu_1 .column_wrap_title {
    padding: 9px 4px 9px !important;
  }

  #header #adtm_menu .advtm_menu_1 .column_wrap_title a,
  #header #adtm_menu .advtm_menu_1 .column_wrap_title span[data-href] {
    font-size: 18.5px !important;
    line-height: 1.2 !important;
  }

  /* Une seule séparation, courte. */
  #header #adtm_menu .advtm_menu_1 .column_wrap_title::after {
    width: 44% !important;
    margin-top: 9px !important;
  }

  /* Vrai accès à la catégorie parent sous les catégories. */
  #header #adtm_menu .advtm_menu_1 > .adtm_sub > .infuthes-mega-parent-link {
    display: block !important;
    margin: 5px 0 0 !important;
    padding: 11px 4px 2px !important;
    border-top: 1px solid rgba(96, 47, 16, .13) !important;
  }

  #header #adtm_menu .advtm_menu_1 .infuthes-mega-parent-link > a.a-niveau1,
  #header #adtm_menu .advtm_menu_1 .infuthes-mega-parent-link > span.a-niveau1 {
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 0 !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    padding: 3px 0 !important;
    background: transparent !important;
    border: 0 !important;
    text-decoration: none !important;
  }

  #header #adtm_menu .advtm_menu_1 .infuthes-mega-parent-link .advtm_menu_span {
    min-height: 0 !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #602f10 !important;
    background: transparent !important;
    font-size: 0 !important;
    font-weight: 700 !important;
    text-transform: none !important;
  }

  #header #adtm_menu .advtm_menu_1 .infuthes-mega-parent-link .advtm_menu_span::after {
    content: "Voir toutes nos infusions \2192" !important;
    position: static !important;
    display: inline !important;
    width: auto !important;
    height: auto !important;
    color: #602f10 !important;
    background: none !important;
    font-family: "Lato", sans-serif !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    transform: none !important;
  }

  /* Le rappel de marque reste compact. */
  #header #adtm_menu ul#menu > li.advtm_menu_1 > div.adtm_sub::after {
    margin-top: 10px !important;
    padding: 8px 10px !important;
    font-size: 11.5px !important;
  }
}