/*
 * Wellputt — Landings : deroulant de l'onglet Wellputt Studio du menu ordinateur (views/js/menu.js).
 * Panneau noir comme l'en-tete, trait orange en haut, centre sous le bouton Studio (decale de la
 * moitie de sa marge gauche, custom.css du theme enfant). Ouvert au survol et au focus clavier.
 */
#iqitmegamenu-horizontal .cbp-hrmenu > ul > li.wps-menu-host { position: relative; }
/* L'en-tete du site (z-index 100) passe sous le bandeau collant des landings BigTilt et Surface
   (z-index 100, plus loin dans la page) : remonte seulement pendant que le deroulant est ouvert. */
html body #header:has(.wps-menu-host:hover),
html body #header:has(.wps-menu-host:focus-within) { z-index: 1001 !important; }
#iqitmegamenu-horizontal .wps-menu {
  position: absolute;
  top: 100%;
  left: calc(50% + 12.5px);
  z-index: 1000;
  min-width: 250px;
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, 8px);
  transition: opacity .25s ease, transform .35s cubic-bezier(.16, 1, .3, 1), visibility 0s linear .25s;
}
#iqitmegamenu-horizontal .wps-menu-host:hover .wps-menu,
#iqitmegamenu-horizontal .wps-menu-host:focus-within .wps-menu {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
  transition-delay: 0s;
}
#iqitmegamenu-horizontal .wps-menu ul {
  margin: 0;
  padding: 10px 0;
  list-style: none;
  background: #0a0a0a;
  border-top: 2px solid #f15a29;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .35);
}
#iqitmegamenu-horizontal .wps-menu li { margin: 0; padding: 0; }
#iqitmegamenu-horizontal .wps-menu a {
  display: block;
  padding: 12px 24px;
  color: #fff !important;
  font-family: 'Oswald', sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 1.5px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  text-decoration: none;
  transition: color .2s;
}
#iqitmegamenu-horizontal .wps-menu a:hover,
#iqitmegamenu-horizontal .wps-menu a:focus-visible { color: #f15a29 !important; }
#iqitmegamenu-horizontal .wps-menu a::after,
#iqitmegamenu-horizontal .wps-menu a::before { display: none !important; }
/* Le bouton Studio reste allume pendant qu'on parcourt le deroulant. */
#iqitmegamenu-horizontal .cbp-hrmenu > ul > li.wps-menu-host:hover > a .cbp-tab-title,
#iqitmegamenu-horizontal .cbp-hrmenu > ul > li.wps-menu-host:focus-within > a .cbp-tab-title {
  background: #f15a29;
  color: #0a0a0a;
}
@media (prefers-reduced-motion: reduce) {
  #iqitmegamenu-horizontal .wps-menu { transform: translate(-50%, 0); transition: opacity .2s ease, visibility 0s linear .2s; }
}

/* Mobile : le bouton Studio (contour orange, custom.css du theme enfant) ouvre la liste au toucher.
   Chevron dans le bouton, liste deroulee dessous (hauteur animee par grid-template-rows). */
#iqitmegamenu-mobile .mobile-menu__tab.wps-mmenu-host { flex-wrap: wrap; }
#iqitmegamenu-mobile .wps-mmenu-host > a.mobile-menu__link { position: relative; }
#iqitmegamenu-mobile .wps-mmenu-host > a.mobile-menu__link::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 22px;
  width: 7px;
  height: 7px;
  margin-top: -6px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  color: #c2410c;
  transform: rotate(45deg);
  transition: transform .3s ease, margin-top .3s ease;
}
#iqitmegamenu-mobile .wps-mmenu-host > a.mobile-menu__link:hover::after,
#iqitmegamenu-mobile .wps-mmenu-host > a.mobile-menu__link:focus-visible::after { color: #fff; }
#iqitmegamenu-mobile .wps-mmenu-host.is-open > a.mobile-menu__link::after { margin-top: -2px; transform: rotate(-135deg); }
#iqitmegamenu-mobile .wps-mmenu {
  display: grid;
  grid-template-rows: 0fr;
  flex: 0 0 100%;
  width: 100%;
  transition: grid-template-rows .35s cubic-bezier(.16, 1, .3, 1);
}
#iqitmegamenu-mobile .wps-mmenu-host.is-open .wps-mmenu { grid-template-rows: 1fr; }
#iqitmegamenu-mobile .wps-mmenu ul { min-height: 0; margin: 0; padding: 0; overflow: hidden; list-style: none; }
#iqitmegamenu-mobile .wps-mmenu li { margin: 0; padding: 0; border-bottom: 1px solid #eee; }
#iqitmegamenu-mobile .wps-mmenu li:first-child { margin-top: 8px; }
#iqitmegamenu-mobile .wps-mmenu a {
  display: block;
  padding: 15px 4px;
  color: #0a0a0a !important;
  font-family: 'Oswald', sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 1.2px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
}
#iqitmegamenu-mobile .wps-mmenu li:last-child { border-bottom: 0; }
#iqitmegamenu-mobile .wps-mmenu li:last-child a { color: #c2410c !important; font-size: 13px; }
#iqitmegamenu-mobile .wps-mmenu a:hover,
#iqitmegamenu-mobile .wps-mmenu a:focus-visible { color: #c2410c !important; }
@media (prefers-reduced-motion: reduce) {
  #iqitmegamenu-mobile .wps-mmenu { transition: none; }
}