/* Méga menu du menu du haut : l'entrée portant la classe « zl-mega » (Apparence › Menus) ouvre un panneau large.
   Colonne de gauche : l'entrée qui a des sous-entrées (ex. « Ampoule led » et ses types de culot), toujours visibles.
   Colonnes de droite : les autres entrées. Une nouvelle sous-entrée ajoutée dans Menus y apparaît sans toucher au thème. */
@media (min-width: 992px) {
  .gridlove-site-header .gridlove-main-nav > li.zl-mega > .sub-menu {
    display: grid;
    grid-template-columns: 1.25fr 1fr 1fr;
    grid-auto-flow: row;
    gap: 2px 28px;
    width: 720px;
    max-width: 92vw;
    padding: 22px 26px 24px;
    border-top: 3px solid #009cff;
    background: #fff;
    box-shadow: 0 8px 24px rgba(8, 59, 92, .16);
  }
  .gridlove-site-header .gridlove-main-nav > li.zl-mega > .sub-menu > li { display: block; width: auto; }
  .gridlove-site-header .gridlove-main-nav > li.zl-mega > .sub-menu > li.menu-item-has-children {
    grid-column: 1;
    grid-row: 1 / span 8;
    padding-right: 22px;
    border-right: 1px solid #d8d9da;
  }
  .gridlove-site-header .gridlove-main-nav li.zl-mega .sub-menu a {
    display: block;
    padding: 6px 0 !important;
    line-height: 1.35;
    font-size: 14px;
    color: #3d4045;
    transition: color .15s;
  }
  .gridlove-site-header .gridlove-main-nav li.zl-mega .sub-menu a:hover { color: #0070b8; }
  .gridlove-site-header .gridlove-main-nav li.zl-mega .sub-menu > li:hover > a { padding-left: 0 !important; padding-right: 0 !important; }
  .gridlove-site-header .gridlove-main-nav li.zl-mega .sub-menu > li.menu-item-has-children > a {
    font-weight: 700;
    font-size: 15px;
    color: #083b5c;
    padding-bottom: 8px !important;
  }
  .gridlove-site-header .gridlove-main-nav li.zl-mega .sub-menu > li.menu-item-has-children > a:after { content: none !important; }
  /* sous-entrées de la colonne de gauche : liste ouverte, pas de volet */
  .gridlove-site-header .gridlove-main-nav li.zl-mega .sub-menu .sub-menu,
  .gridlove-site-header .gridlove-main-nav li.zl-mega .sub-menu li:hover .sub-menu,
  .gridlove-site-header .gridlove-main-nav li.zl-mega .sub-menu li:first-child:hover .sub-menu {
    position: static !important;
    opacity: 1 !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0;
    box-shadow: none !important;
    background: transparent;
  }
  .gridlove-site-header .gridlove-main-nav li.zl-mega .sub-menu .sub-menu a { font-weight: 600; color: #0070b8; }
  .gridlove-site-header .gridlove-main-nav li.zl-mega .sub-menu .sub-menu a:hover { color: #005e99; }
}


/* Icônes de culots d'ampoules : le nom de la sous-catégorie est remplacé, dans le menu et sur les étiquettes de cartes, par le dessin du culot et son code.
   Le texte du lien reste dans la page (font-size:0) : lecteurs d'écran, référencement et survol gardent « Ampoules LED E27 ».
   Un nouveau culot : ajouter une ligne [href*="/ampoule-led/culot-xxx"] avec son dessin et son code (voir le bas de ce fichier). */
.menu-item > a[href*="/ampoule-led/culot-"],
.entry-category > a.gridlove-cat[href*="/ampoule-led/culot-"] {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  font-size: 0 !important;
  line-height: 1 !important;
  letter-spacing: 0;
}
.menu-item > a[href*="/ampoule-led/culot-"]::before,
.entry-category > a.gridlove-cat[href*="/ampoule-led/culot-"]::before {
  content: "";
  flex: 0 0 auto;
  width: 28px;
  height: 32px;
  background: currentColor;
  -webkit-mask: var(--zl-culot-icon) center / contain no-repeat;
  mask: var(--zl-culot-icon) center / contain no-repeat;
}
.menu-item > a[href*="/ampoule-led/culot-"]::after,
.entry-category > a.gridlove-cat[href*="/ampoule-led/culot-"]::after {
  content: var(--zl-culot-code);
  font: 700 15px/1 Montserrat, "Source Sans 3", sans-serif;
  letter-spacing: .02em;
}

a[href*="/ampoule-led/culot-e27"] { --zl-culot-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 6h22l3 8H10z'/%3E%3Cpath d='M11 21h26M11 28h26M11 35h26'/%3E%3Cpath d='M12 14v26q0 2 2 2h20q2 0 2-2V14'/%3E%3Cpath d='M19 44h10'/%3E%3C/g%3E%3C/svg%3E"); --zl-culot-code: "E27"; }
a[href*="/ampoule-led/culot-e14"] { --zl-culot-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 6h14l2 7H15z'/%3E%3Cpath d='M15 22h18M15 29h18'/%3E%3Cpath d='M16 13v24q0 2 2 2h12q2 0 2-2V13'/%3E%3Cpath d='M20 43h8'/%3E%3C/g%3E%3C/svg%3E"); --zl-culot-code: "E14"; }
a[href*="/ampoule-led/culot-b22"] { --zl-culot-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 6h20v34H14z'/%3E%3Cpath d='M8 24h6M34 24h6'/%3E%3Ccircle cx='20' cy='44' r='1.5'/%3E%3Ccircle cx='28' cy='44' r='1.5'/%3E%3C/g%3E%3C/svg%3E"); --zl-culot-code: "B22"; }
a[href*="/ampoule-led/culot-gu10"] { --zl-culot-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 8h32v14H8z'/%3E%3Cpath d='M17 22v12M31 22v12'/%3E%3Ccircle cx='17' cy='38' r='4'/%3E%3Ccircle cx='31' cy='38' r='4'/%3E%3C/g%3E%3C/svg%3E"); --zl-culot-code: "GU10"; }
a[href*="/ampoule-led/culot-g9"] { --zl-culot-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 8h24v12H12z'/%3E%3Cpath d='M18 20v14a3 3 0 0 0 6 0M30 20v14a3 3 0 0 1-6 0'/%3E%3C/g%3E%3C/svg%3E"); --zl-culot-code: "G9"; }
a[href*="/ampoule-led/culot-gu53"] { --zl-culot-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 8h28v12H10z'/%3E%3Cpath d='M19 20v18M29 20v18'/%3E%3Ccircle cx='19' cy='41' r='2.5'/%3E%3Ccircle cx='29' cy='41' r='2.5'/%3E%3C/g%3E%3C/svg%3E"); --zl-culot-code: "GU5.3"; }