/* =====================================================================
   Méga menu (Mega Menu PRO / ets_megamenu) — Éditions Marco Pietteur
   À ajouter dans le CSS du thème enfant (ex. assets/css/custom.css)
   Couleurs : bordeaux #6A1226 · ochre #8A6A3A · cream #F6F1E8 · line #E7E1D6 · ink #22231F
   ===================================================================== */

/* Barre du menu */
.ets_mm_megamenu {
  font-family: Manrope, system-ui, sans-serif;
  border-bottom: 1px solid #E7E1D6;
}
.ets_mm_megamenu .ets_mm_megamenu_content {
  border: 0 !important;
  background: #fff !important;
  background-image: none !important; /* retire le dégradé gris du module */
}
.ets_mm_megamenu .ets_mm_megamenu_content_content.container {
  max-width: 1320px;
  padding-left: 32px;
  padding-right: 32px;
}
@media (min-width: 992px) {
  .ets_mm_megamenu .mm_menus_ul {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
  }
}

/* Entrées de premier niveau : pas de majuscules, plus compactes */
.ets_mm_megamenu .mm_menus_li > a {
  text-transform: none !important;
  font-weight: 600 !important;
  font-size: 14.5px !important;
  letter-spacing: 0 !important;
}
.ets_mm_megamenu .mm_menus_li > a .mm_menu_content_title {
  padding: 0 12px !important;
  line-height: 54px;
  white-space: nowrap;
}
/* Le module dessine un trait de 1 px au-dessus de l'onglet survolé (a::before) : on le retire */
.ets_mm_megamenu .mm_menus_li > a:before,
.ets_mm_megamenu .mm_menus_li > a:after {
  display: none !important;
}

/* Soulignement vert au survol / menu ouvert */
.ets_mm_megamenu .mm_menus_li:hover > a .mm_menu_content_title {
  box-shadow: inset 0 -2px 0 #6A1226;
}

/* Accueil : icône maison seule (desktop) */
@media (min-width: 992px) {
  .ets_mm_megamenu .mm_menus_li:has(.fa-home) > a .mm_menu_content_title {
    font-size: 0;
    padding: 0 12px !important;
  }
  .ets_mm_megamenu .mm_menus_li:has(.fa-home) .fa-home {
    font-size: 18px;
    margin: 0;
  }
}

/* Mobile : on masque la barre grise « MENU » du module
   (c'est le burger du header qui ouvre le menu, voir le JS fourni à part)
   et on garde un panneau blanc, sans majuscules */
@media (max-width: 991px) {
  .ets_mm_megamenu > .ets_mm_megamenu_content .mm-menu-toggle,
  .ets_mm_megamenu .mm-menu-toggle.closed {
    display: none !important;
  }
  .ets_mm_megamenu .mm_menus_ul {
    background: #fff !important;
  }
  .ets_mm_megamenu .mm_menus_li {
    border-bottom: 1px solid #E7E1D6 !important;
  }
  .ets_mm_megamenu .mm_menus_li > a {
    padding: 0 !important;
  }
  .ets_mm_megamenu .mm_menus_li > a .mm_menu_content_title {
    height: auto !important;
    min-height: 0 !important;
    line-height: 24px;
    padding: 12px 16px !important;
  }
}

/* Nouveautés en ocre (7e enfant : close_menu, Accueil, Résurgence, Testez, Medicatrix, Marco Pietteur, Nouveautés) */
.ets_mm_megamenu .mm_menus_ul > .mm_menus_li:nth-child(7) > a {
  color: #8A6A3A !important;
}

/* Blog : tout à droite, séparé par un trait, en bouton cerclé */
@media (min-width: 992px) {
  .ets_mm_megamenu .mm_menus_li.menu-blog {
    margin-left: auto;
    display: flex;
    align-items: center;
    padding-left: 16px;
  }
  .ets_mm_megamenu .mm_menus_li.menu-blog > a {
    display: flex;
    align-items: center;
  }
  .ets_mm_megamenu .mm_menus_li.menu-blog > a .mm_menu_content_title {
    height: 38px !important;
    min-height: 0 !important;
    line-height: 36px;
    align-items: center;
    padding: 0 18px !important;
    border: 1px solid #6A1226;
    border-radius: 999px;
    color: #6A1226;
    box-shadow: none !important;
  }
  .ets_mm_megamenu .mm_menus_li.menu-blog:hover > a .mm_menu_content_title {
    background: #6A1226;
    color: #fff;
  }
  /* Pas de fond (bleu) du module derrière la pastille Blog */
  .ets_mm_megamenu .mm_menus_li.menu-blog > a,
  .ets_mm_megamenu .mm_menus_li.menu-blog:hover > a { background: transparent !important; }
}

/* Petits sous-menus (Nouveautés = 7e enfant, Numérique & audio = 8e) : ouverts sous leur onglet,
   et non à gauche de la barre (le module les positionne par rapport à toute la barre) */
@media (min-width: 992px) {
  .ets_mm_megamenu .mm_menus_ul > .mm_menus_li:nth-child(7),
  .ets_mm_megamenu .mm_menus_ul > .mm_menus_li:nth-child(8) {
    position: relative;
  }
  .ets_mm_megamenu .mm_menus_ul > .mm_menus_li:nth-child(7) > .mm_columns_ul,
  .ets_mm_megamenu .mm_menus_ul > .mm_menus_li:nth-child(8) > .mm_columns_ul {
    left: 0 !important;
    right: auto !important;
  }
}

/* Panneau des sous-menus */
.ets_mm_megamenu .mm_columns_ul {
  border: 1px solid #E7E1D6 !important;
  border-top: 0 !important;
  border-radius: 0 0 16px 16px;
  box-shadow: 0 24px 48px -12px rgba(106, 18, 38, .18);
  padding: 28px 32px 20px !important;
}

/* Titres des blocs : petites capitales ocre */
.ets_mm_megamenu .ets_mm_block > .h4 {
  display: block;
  text-transform: uppercase !important;
  letter-spacing: .16em;
  font-weight: 700 !important;
  color: #8A6A3A !important;
  border: 0 !important;
  margin-bottom: 10px;
}

/* Liens des catégories */
.ets_mm_megamenu .ets_mm_categories li a {
  display: block;
  padding: 5px 0;
  font-size: 14.5px;
  font-weight: 500;
  color: #22231F !important;
}
.ets_mm_megamenu .ets_mm_categories li a:hover {
  color: #6A1226 !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.ets_mm_megamenu .ets_mm_categories li:before,
.ets_mm_megamenu .ets_mm_categories li a:before { display: none !important; content: none !important; }

/* Testez : les 6 collections sur 2 colonnes (colonne large 8/12) */
@media (min-width: 992px) {
  .ets_mm_megamenu .mm_columns_li.column_size_8 .ets_mm_categories {
    columns: 2;
    column-gap: 40px;
  }
}

/* Pas de séparateurs verticaux entre les entrées */
.ets_mm_megamenu .mm_menus_li { border-right: 0 !important; border-left: 0 !important; }

/* Coup de cœur : carte crème */
.ets_mm_megamenu .mm_block_type_product .ets_mm_block_content {
  background: #F6F1E8;
  border-radius: 12px;
  padding: 16px;
}
/* Couverture du coup de cœur plus grande (le module la bloque à 90 px) */
.ets_mm_megamenu .mm_block_type_product .product-thumbnail {
  flex: 0 0 120px !important;
  width: 120px !important;
  max-width: 120px !important;
}
.ets_mm_megamenu .mm_block_type_product .product-thumbnail img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 2 / 3;      /* l'image home_default est carrée avec des bandes blanches */
  object-fit: cover;        /* on recadre au format livre */
  border-radius: 2px 6px 6px 2px;
  box-shadow: 0 8px 18px -6px rgba(106, 18, 38, .35);
}
.ets_mm_megamenu .mm_block_type_product .thumbnail-container {
  gap: 14px;
  align-items: flex-start;
}
/* Titre du coup de cœur : complet (voir le JS), en serif, sans majuscules */
.ets_mm_megamenu .mm_block_type_product .product-title {
  display: block;
  margin: 2px 0 10px !important;
  line-height: 1.25 !important;
}
.ets_mm_megamenu .mm_block_type_product .product-title a {
  display: block;
  font-family: Newsreader, Georgia, serif !important;
  font-size: 19px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  white-space: normal !important;
  color: #22231F !important;
}
.ets_mm_megamenu .mm_block_type_product .product-title a:hover { color: #6A1226 !important; }
/* Prix seul, sans ancien prix ni badge de remise */
.ets_mm_megamenu .mm_block_type_product .regular-price,
.ets_mm_megamenu .mm_block_type_product .discount-percentage { display: none !important; }
.ets_mm_megamenu .mm_block_type_product .price {
  color: #6A1226;
  font-weight: 700;
}

/* Nouveautés : liens « Vient de paraître » + « À paraître » séparé par un trait */
.ets_mm_megamenu .edmp-mm-links { list-style: none; margin: 0; padding: 0; min-width: 220px; }
.ets_mm_megamenu .edmp-mm-links li a {
  display: block;
  padding: 7px 0;
  font-size: 14.5px;
  font-weight: 500;
  color: #22231F !important;
}
.ets_mm_megamenu .edmp-mm-links li a:hover {
  color: #6A1226 !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.ets_mm_megamenu .edmp-mm-links li.edmp-mm-sep {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #E7E1D6;
}
/* Le module ajoute un point devant les liens (a::before) : on le retire */
.ets_mm_megamenu .edmp-mm-links li:before,
.ets_mm_megamenu .edmp-mm-links li a:before { display: none !important; content: none !important; }

/* Coup de cœur dans une colonne étroite (Résurgence, 3/12) :
   couverture un peu plus petite et marges réduites pour laisser de la place au titre */
.ets_mm_megamenu .mm_block_type_product .ets_mm_block_content { container-type: inline-size; }
.ets_mm_megamenu .mm_block_type_product .mm-product-description { flex: 1 1 0; min-width: 0; }
@container (max-width: 300px) {
  .ets_mm_megamenu .mm_block_type_product .product-thumbnail {
    flex: 0 0 96px !important;
    width: 96px !important;
    max-width: 96px !important;
  }
  .ets_mm_megamenu .mm_block_type_product .thumbnail-container { gap: 12px; }
  .ets_mm_megamenu .mm_block_type_product .product-title a { font-size: 17px !important; }
}
.ets_mm_megamenu .mm_columns_li.column_size_3 .mm_block_type_product .ets_mm_block_content { padding: 14px 12px; }
.ets_mm_megamenu .mm_columns_li.column_size_3 .mm_blocks_li:has(.mm_block_type_product) { padding-left: 0 !important; padding-right: 0 !important; }