/* ==========================================================================
   Custom menu navigation — afloredeau.com
   Amélioration dropdown multi-colonnes + icônes sous-catégories
   ========================================================================== */

/* --- Dropdown pleine largeur --- */
#_desktop_top_menu .top-menu[data-depth="0"] > li {
  position: static;
}

#_desktop_top_menu .top-menu[data-depth="0"] > li > .sub-menu {
  width: 100%;
  left: 0;
  right: 0;
  border-top: 2px solid #24b9d7;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  border-radius: 0;
  padding: 1rem 1.5rem;
}

/* --- Multi-colonnes pour depth=1 --- */
#_desktop_top_menu .top-menu[data-depth="1"] {
  column-count: 4;
  column-gap: 1.5rem;
  padding: 0;
}

#_desktop_top_menu .top-menu[data-depth="1"] > li {
  float: none;
  display: inline-block;
  width: 100%;
  break-inside: avoid;
  margin: 0 0 0.25rem 0;
  padding: 0;
}

/* --- Titres de section (depth=1) --- */
#_desktop_top_menu .top-menu[data-depth="1"] > li > .dropdown-item {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.85rem;
  color: #232323;
  padding: 0.4rem 0.6rem;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 0.15rem;
  display: flex;
  align-items: center;
}

/* --- Items depth=2+ (sous-sous-catégories) --- */
#_desktop_top_menu .top-menu[data-depth="2"] > li > .dropdown-item {
  font-weight: 400;
  text-transform: none;
  font-size: 0.8rem;
  color: #555;
  padding: 0.25rem 0.6rem 0.25rem 1.6rem;
  display: block;
}

/* --- Hover amélioré (fond coloré) --- */
#_desktop_top_menu .top-menu .dropdown-item:hover {
  background-color: #e8f8fb;
  color: #24b9d7;
  text-decoration: none;
  border-radius: 3px;
}

/* --- Sous-menus internes : pas de popover/absolute --- */
#_desktop_top_menu .top-menu[data-depth="1"] .sub-menu {
  position: static;
  opacity: 1;
  visibility: visible;
  box-shadow: none;
  border: none;
  padding: 0;
  margin: 0;
  background: transparent;
  display: block;
  width: auto;
}

#_desktop_top_menu .top-menu[data-depth="1"] .sub-menu.collapse {
  display: block;
}

/* --- Séparation visuelle entre groupes --- */
#_desktop_top_menu .top-menu[data-depth="1"] > li {
  margin-bottom: 0.6rem;
  padding-bottom: 0.3rem;
}

/* ==========================================================================
   Icônes SVG pour sous-catégories (depth=1)
   22 icônes thématiques — couleur teal #24b9d7
   ========================================================================== */

:root {
  /* Poisson (aliments) */
  --ico-fish: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M12 8c-2.5-4-6-4.5-9-3v6c3 1.5 6.5 1 9-3z' fill='%2324b9d7'/%3E%3Cpath d='M1.5 8L0 5.5v5z' fill='%2324b9d7'/%3E%3Ccircle cx='10' cy='7' r='.8' fill='white'/%3E%3C/svg%3E");
  /* Gamelle (nourrissage) */
  --ico-bowl: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='2' y='5.5' width='12' height='2' rx='1' fill='%2324b9d7'/%3E%3Cpath d='M3.5 7.5c0 3 2 5 4.5 5s4.5-2 4.5-5z' fill='%2324b9d7'/%3E%3C/svg%3E");
  /* Feuille (plantes génériques) */
  --ico-leaf: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M13 2C5 4 4 12 4 14c6-1 8-5 9-12z' fill='%2324b9d7'/%3E%3Cpath d='M4 14Q8 9 13 2' fill='none' stroke='white' stroke-width='.8'/%3E%3C/svg%3E");
  /* Nénuphar / lotus */
  --ico-flower: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 2c-1.5 2.5-2 4.5-1 6h2c1-1.5.5-3.5-1-6z' fill='%2324b9d7'/%3E%3Cpath d='M3 6c2 0 3.5 1 4.5 3-2 0-3.5-.5-4.5-3z' fill='%2324b9d7' opacity='.7'/%3E%3Cpath d='M13 6c-2 0-3.5 1-4.5 3 2 0 3.5-.5 4.5-3z' fill='%2324b9d7' opacity='.7'/%3E%3Ccircle cx='8' cy='9' r='1.2' fill='%23e8a525'/%3E%3Cellipse cx='8' cy='11' rx='4' ry='1.5' fill='%2324b9d7' opacity='.3'/%3E%3C/svg%3E");
  /* Graminée / fougère */
  --ico-grass: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 15V8Q4 4 2 2' fill='none' stroke='%2324b9d7' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M8 15V5Q8 2 9 1' fill='none' stroke='%2324b9d7' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M12 15V8Q12 4 14 2' fill='none' stroke='%2324b9d7' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  /* Pousse / jeune plante */
  --ico-sprout: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 15V7' fill='none' stroke='%2324b9d7' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M8 8Q4 7 3 3q4 0 5 5z' fill='%2324b9d7'/%3E%3Cpath d='M8 11q4-1 5-5-4 0-5 5z' fill='%2324b9d7' opacity='.7'/%3E%3C/svg%3E");
  /* Entonnoir filtration */
  --ico-filter: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 2h13L9.5 8v4l-3 2V8z' fill='%2324b9d7'/%3E%3C/svg%3E");
  /* Pompe / turbine */
  --ico-pump: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='6' fill='none' stroke='%2324b9d7' stroke-width='1.5'/%3E%3Ccircle cx='8' cy='8' r='2' fill='%2324b9d7'/%3E%3Cpath d='M8 2v3M8 11v3M2 8h3M11 8h3' stroke='%2324b9d7' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E");
  /* Ampoule éclairage */
  --ico-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1C5.2 1 3 3.2 3 6c0 1.8 1 3.3 2.5 4.2V12h5v-1.8C12 9.3 13 7.8 13 6c0-2.8-2.2-5-5-5z' fill='%2324b9d7'/%3E%3Crect x='5.5' y='12.5' width='5' height='2' rx='.8' fill='%2324b9d7'/%3E%3C/svg%3E");
  /* Thermomètre */
  --ico-thermo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='6' y='1' width='4' height='9' rx='2' fill='%2324b9d7'/%3E%3Ccircle cx='8' cy='12' r='3' fill='%2324b9d7'/%3E%3C/svg%3E");
  /* Goutte (traitements) */
  --ico-drop: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1L4 8a4.5 4.5 0 1 0 8 0z' fill='%2324b9d7'/%3E%3C/svg%3E");
  /* Clé (pièces détachées) */
  --ico-wrench: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M10 2a4 4 0 0 0-3.5 5.5L3 11l2 2 3.5-3.5A4 4 0 1 0 10 2z' fill='%2324b9d7'/%3E%3Ccircle cx='10.5' cy='5.5' r='1.2' fill='white'/%3E%3C/svg%3E");
  /* Tuyau */
  --ico-tube: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='1' y='5.5' width='5' height='5' rx='1' fill='%2324b9d7'/%3E%3Crect x='10' y='5.5' width='5' height='5' rx='1' fill='%2324b9d7'/%3E%3Crect x='6' y='7' width='4' height='2' fill='%2324b9d7'/%3E%3C/svg%3E");
  /* Épuisette */
  --ico-net: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 2Q10 2 10 5Q10 8 3 8z' fill='none' stroke='%2324b9d7' stroke-width='1.3'/%3E%3Cpath d='M5 3.5v4M7 3v5' stroke='%2324b9d7' stroke-width='.6'/%3E%3Cpath d='M3 5h7' stroke='%2324b9d7' stroke-width='.6'/%3E%3Cpath d='M3 5V15' stroke='%2324b9d7' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  /* Livre */
  --ico-book: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3C6 2.5 4 2.5 2 3v9c2-.5 4-.5 6 0' fill='%2324b9d7' opacity='.6'/%3E%3Cpath d='M8 3c2-.5 4-.5 6 0v9c-2-.5-4-.5-6 0' fill='%2324b9d7'/%3E%3C/svg%3E");
  /* Vagues eau */
  --ico-water: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 5q2.5-3 5 0t5 0' fill='none' stroke='%2324b9d7' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M1 9q2.5-3 5 0t5 0' fill='none' stroke='%2324b9d7' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M3 13q2.5-3 5 0t5 0' fill='none' stroke='%2324b9d7' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  /* Bâche / feutre */
  --ico-liner: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 3l4 1v9l-4 1z' fill='%2324b9d7' opacity='.5'/%3E%3Cpath d='M6 4l5-1v9l-5 1z' fill='%2324b9d7' opacity='.75'/%3E%3Cpath d='M11 3l4-1v9l-4 1z' fill='%2324b9d7'/%3E%3C/svg%3E");
  /* Panier plantation */
  --ico-basket: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 6h11l-1.5 8h-8z' fill='%2324b9d7'/%3E%3Cpath d='M5 6V4a3 3 0 0 1 6 0v2' fill='none' stroke='%2324b9d7' stroke-width='1.5'/%3E%3C/svg%3E");
  /* Étoile décoration */
  --ico-decor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1l2.2 4.5 4.8.7-3.5 3.4.8 4.9L8 11.5l-4.3 3 .8-4.9L1 6.2l4.8-.7z' fill='%2324b9d7'/%3E%3C/svg%3E");
  /* Insecte anti-nuisibles */
  --ico-bug: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cellipse cx='8' cy='10' rx='3.5' ry='4' fill='%2324b9d7'/%3E%3Ccircle cx='8' cy='5' r='2.5' fill='%2324b9d7'/%3E%3Cpath d='M5.5 3.5L4 1.5M10.5 3.5L12 1.5M4.5 8H2M11.5 8H14' stroke='%2324b9d7' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E");
  /* Aspirateur */
  --ico-vacuum: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='5.5' r='4' fill='%2324b9d7'/%3E%3Crect x='6.5' y='9.5' width='3' height='4' rx='.5' fill='%2324b9d7'/%3E%3Cpath d='M5 14h6' stroke='%2324b9d7' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  /* Engrenage (divers matériel) */
  --ico-gear: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='2.5' fill='none' stroke='%2324b9d7' stroke-width='1.5'/%3E%3Cpath d='M8 1.5v2M8 12.5v2M1.5 8h2M12.5 8h2M3.4 3.4l1.4 1.4M11.2 11.2l1.4 1.4M3.4 12.6l1.4-1.4M11.2 4.8l1.4-1.4' stroke='%2324b9d7' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* --- Base : pseudo-élément icône pour tous les liens depth=1 --- */
#_desktop_top_menu a[data-depth="1"]::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  min-width: 16px;
  margin-right: 5px;
  vertical-align: -2px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.55;
  transition: opacity 0.2s;
}

#_desktop_top_menu .top-menu[data-depth="1"] > li:hover > a::before {
  opacity: 1;
}

/* ==========================================================================
   Mapping catégories → icônes
   ========================================================================== */

/* -- ALIMENTS KOI & CO -- */
/* Aliment Koï (406), Poissons rouges (407), Esturgeons (408),
   Tamasaba (409), Alevinage (410), Tropicaux (414), Medaka (415) */
#_desktop_top_menu a[data-depth="1"][href*="/406-"]::before,
#_desktop_top_menu a[data-depth="1"][href*="/407-"]::before,
#_desktop_top_menu a[data-depth="1"][href*="/408-"]::before,
#_desktop_top_menu a[data-depth="1"][href*="/409-"]::before,
#_desktop_top_menu a[data-depth="1"][href*="/410-"]::before,
#_desktop_top_menu a[data-depth="1"][href*="/414-"]::before,
#_desktop_top_menu a[data-depth="1"][href*="/415-"]::before {
  background-image: var(--ico-fish);
}

/* Accessoires de nourrissage (412), Distributeurs d'aliments (209) */
#_desktop_top_menu a[data-depth="1"][href*="/412-"]::before,
#_desktop_top_menu a[data-depth="1"][href*="/209-"]::before {
  background-image: var(--ico-bowl);
}

/* -- PLANTES DE BASSIN -- */
/* Toutes les plantes (22) */
#_desktop_top_menu a[data-depth="1"][href*="/22-"]::before {
  background-image: var(--ico-leaf);
}

/* Nénuphars (37), Lotus (73) */
#_desktop_top_menu a[data-depth="1"][href*="/37-"]::before,
#_desktop_top_menu a[data-depth="1"][href*="/73-"]::before {
  background-image: var(--ico-flower);
}

/* Graminées (35), Fougères (36) */
#_desktop_top_menu a[data-depth="1"][href*="/35-"]::before,
#_desktop_top_menu a[data-depth="1"][href*="/36-"]::before {
  background-image: var(--ico-grass);
}

/* Filtration plantes (29), Berges (31), Flottantes (32),
   Submergées (33), Oxygénantes (38), Palustres (43), Tropicales (45) */
#_desktop_top_menu a[data-depth="1"][href*="/29-"]::before,
#_desktop_top_menu a[data-depth="1"][href*="/31-"]::before,
#_desktop_top_menu a[data-depth="1"][href*="/32-"]::before,
#_desktop_top_menu a[data-depth="1"][href*="/33-"]::before,
#_desktop_top_menu a[data-depth="1"][href*="/38-"]::before,
#_desktop_top_menu a[data-depth="1"][href*="/43-"]::before,
#_desktop_top_menu a[data-depth="1"][href*="/45-"]::before {
  background-image: var(--ico-sprout);
}

/* -- MATERIEL BASSIN -- */
/* Filtration (123) */
#_desktop_top_menu a[data-depth="1"][href*="/123-"]::before {
  background-image: var(--ico-filter);
}

/* Pompes de bassin (119) */
#_desktop_top_menu a[data-depth="1"][href*="/119-"]::before {
  background-image: var(--ico-pump);
}

/* Eclairages (118) */
#_desktop_top_menu a[data-depth="1"][href*="/118-"]::before {
  background-image: var(--ico-light);
}

/* Chauffages & Anti-gel (127), Thermomètres (271) */
#_desktop_top_menu a[data-depth="1"][href*="/127-"]::before,
#_desktop_top_menu a[data-depth="1"][href*="/271-"]::before {
  background-image: var(--ico-thermo);
}

/* Etanchéité (216), Nourritures plantes (261), Traitements (283) */
#_desktop_top_menu a[data-depth="1"][href*="/216-"]::before,
#_desktop_top_menu a[data-depth="1"][href*="/261-"]::before,
#_desktop_top_menu a[data-depth="1"][href*="/283-"]::before {
  background-image: var(--ico-drop);
}

/* Pièces détachées (117), Mesure poissons (393) */
#_desktop_top_menu a[data-depth="1"][href*="/117-"]::before,
#_desktop_top_menu a[data-depth="1"][href*="/393-"]::before {
  background-image: var(--ico-wrench);
}

/* Tuyaux, vannes & raccords (247) */
#_desktop_top_menu a[data-depth="1"][href*="/247-"]::before {
  background-image: var(--ico-tube);
}

/* Epuisettes (139) */
#_desktop_top_menu a[data-depth="1"][href*="/139-"]::before {
  background-image: var(--ico-net);
}

/* Livres & Posters (358) */
#_desktop_top_menu a[data-depth="1"][href*="/358-"]::before {
  background-image: var(--ico-book);
}

/* Aération (172), Bassins préformés (110), Cascades (111),
   Fontaines (115), Lames d'eau (218) */
#_desktop_top_menu a[data-depth="1"][href*="/172-"]::before,
#_desktop_top_menu a[data-depth="1"][href*="/110-"]::before,
#_desktop_top_menu a[data-depth="1"][href*="/111-"]::before,
#_desktop_top_menu a[data-depth="1"][href*="/115-"]::before,
#_desktop_top_menu a[data-depth="1"][href*="/218-"]::before {
  background-image: var(--ico-water);
}

/* Bâches (109), Bordures (201), Feutres (217) */
#_desktop_top_menu a[data-depth="1"][href*="/109-"]::before,
#_desktop_top_menu a[data-depth="1"][href*="/201-"]::before,
#_desktop_top_menu a[data-depth="1"][href*="/217-"]::before {
  background-image: var(--ico-liner);
}

/* Paniers (120), Substrats (126), Supports de pontes (268) */
#_desktop_top_menu a[data-depth="1"][href*="/120-"]::before,
#_desktop_top_menu a[data-depth="1"][href*="/126-"]::before,
#_desktop_top_menu a[data-depth="1"][href*="/268-"]::before {
  background-image: var(--ico-basket);
}

/* Décoration (269), Tours à poissons (391) */
#_desktop_top_menu a[data-depth="1"][href*="/269-"]::before,
#_desktop_top_menu a[data-depth="1"][href*="/391-"]::before {
  background-image: var(--ico-decor);
}

/* Anti-nuisibles (181) */
#_desktop_top_menu a[data-depth="1"][href*="/181-"]::before {
  background-image: var(--ico-bug);
}

/* Aspirateurs (182) */
#_desktop_top_menu a[data-depth="1"][href*="/182-"]::before {
  background-image: var(--ico-vacuum);
}

/* Brumisateurs (202), Microscopes (385), Fins de série (389), Medaka Matériel (416) */
#_desktop_top_menu a[data-depth="1"][href*="/202-"]::before,
#_desktop_top_menu a[data-depth="1"][href*="/385-"]::before,
#_desktop_top_menu a[data-depth="1"][href*="/389-"]::before,
#_desktop_top_menu a[data-depth="1"][href*="/416-"]::before {
  background-image: var(--ico-gear);
}

/* ==========================================================================
   Responsive — ne pas casser le menu mobile
   ========================================================================== */

/* Masquer les icônes sur mobile (le menu mobile a un style différent) */
@media (max-width: 767px) {
  #_desktop_top_menu a[data-depth="1"]::before {
    display: none;
  }

  #_desktop_top_menu .top-menu[data-depth="1"] {
    column-count: 1;
  }

  #_desktop_top_menu .top-menu[data-depth="1"] .sub-menu {
    position: static;
    display: none;
  }

  #_desktop_top_menu .top-menu[data-depth="1"] .sub-menu.collapse.in,
  #_desktop_top_menu .top-menu[data-depth="1"] .sub-menu.collapse.show {
    display: block;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  #_desktop_top_menu .top-menu[data-depth="1"] {
    column-count: 2;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  #_desktop_top_menu .top-menu[data-depth="1"] {
    column-count: 3;
  }
}