/* effetech® — scene 3D de la page d'accueil (aucun effet sur les blocs Elementor)
   Charge par wp-content/novamira-sandbox/effetech-3d-loader.php
   Pour tout retirer : desactiver ce fichier chargeur. */

/* Scene 3D (creee par effetech-3d.js) : au-dessus de la photo du hero, sous les textes */
#effetech-scene {
  position: fixed; inset: 0; width: 100%; height: 100%;
  z-index: 1; pointer-events: none; display: block;
}

/* Fond de page de la scene (meme couleur que les sections "Fond", #0B0F14),
   uniquement quand la scene tourne (classe posee par le JS) */
html.effetech-3d-on body::before {
  content: ""; position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background: #0B0F14;
}

/* Sections au-dessus de la scene, sauf le hero : la scene passe donc au-dessus de sa photo.
   Le bloc de texte du hero est lui aussi remonte au-dessus de la scene. */
html.effetech-3d-on body .elementor-17 > .e-con:not(.elementor-element-b2e0113) {
  z-index: 2;
}
html.effetech-3d-on body .elementor-17 .elementor-element.elementor-element-6f8b2de {
  position: relative; z-index: 2;
}

/* Sections translucides pour laisser voir la scene :
   fond "Fond" #0B0F14 -> transparent (le fond de la scene est identique),
   fond "Fond alterne" #101720 -> quasi identique. */
html.effetech-3d-on body .elementor-17 .elementor-element.elementor-element-5a76ef2,
html.effetech-3d-on body .elementor-17 .elementor-element.elementor-element-6e567e5,
html.effetech-3d-on body .elementor-17 .elementor-element.elementor-element-c4eebbc,
html.effetech-3d-on body .elementor-17 .elementor-element.elementor-element-89252c8,
html.effetech-3d-on body .elementor-17 .elementor-element.elementor-element-929e048 {
  background-color: transparent !important;
}
html.effetech-3d-on body .elementor-17 .elementor-element.elementor-element-b904ecd,
html.effetech-3d-on body .elementor-17 .elementor-element.elementor-element-706b5ad,
html.effetech-3d-on body .elementor-17 .elementor-element.elementor-element-1b70a5c,
html.effetech-3d-on body .elementor-17 .elementor-element.elementor-element-40b81ef {
  background-color: rgba(16, 23, 32, 0.82) !important;
}

/* Mobile : scene attenuee pour garder le texte lisible */
@media (max-width: 760px) {
  #effetech-scene { opacity: .5; }
}