/* Duplicate exactly the models hover logic for showrooms */

/* Add the missing showrooms hover state (identical to models) */
nav.main-navigation-hover-showrooms ul + ol {
  display: flex;
  opacity: 1;
  pointer-events: all;
}

nav.main-navigation-hover-showrooms ul {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

nav.main-navigation-hover-showrooms .main-navigation-models-divider {
  position: absolute;
  top: 40px;
  left: 0;
  display: block;
  width: 100%;
  border: none;
  border-top: 1px solid rgb(255 255 255 / 20%);
}

/* Hide the container directly under "Five sizes. Tons of possibility." */
.three-sizes .three-sizes-layouts {
  display: none !important;
}

/* Expertises — réduire l'espace sous la phrase de collage */
.expertise-collage-text {
  /* Laisse une petite marge naturelle puis ajoute un spacer visuel robuste */
  margin-bottom: 12px !important;
  position: relative !important;
  z-index: 2 !important;
}
.expertise-collage-text::after {
  content: "";
  display: block;
  height: 72px; /* espace visible sous le texte, au-dessus des images absolues */
}

/* Ajouter l'espace au-dessus des images du collage (au lieu de sous le texte) */
/* Les images du collage sont souvent en position:absolute; le margin-top n'aurait pas d'effet utile ici. */

/* Optionnel: atténuer l'espacement qui suit immédiatement le collage */
.expertise-collage + .expertise-specs .spacer-64 { height: 24px !important; }
.expertise-collage + .expertise-specs .m-spacer-32 { height: 16px !important; }

/* Rendre visibles immédiatement les images du collage même en lazy */
.expertise-collage img[loading="lazy"] {
  opacity: 1 !important;
}

/* Sous "Matériaux disponibles" — masquer la grosse flèche superposée */
.expertise-specs-table-collapsible > img {
  display: none !important;
}
