.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for shortcode, class: .elementor-element-ea430bd *//* ===== WebEquipe Spin Wheel - Fullscreen modal ===== */

/* La modal prend tout l'écran */
#wsww-spin-modal-1.modal.show {
  padding: 0 !important;
}

/* Supprime les limites Bootstrap */
#wsww-spin-modal-1 .modal-dialog {
  width: 100vw !important;
  max-width: 100vw !important;
  height: 100vh !important;
  margin: 0 !important;
}

/* Le contenu occupe tout l'écran */
#wsww-spin-modal-1 .modal-content,
#wsww-spin-modal-1 .wsww-modal-content {
  height: 100vh !important;
  border-radius: 0 !important;
}

/* Body centré en plein écran */
#wsww-spin-modal-1 .modal-body {
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Supprime les marges internes qui créent des bandes */
#wsww-spin-modal-1 .template-spin-on-right {
  width: 100% !important;
  height: 100% !important;
  padding: 40px !important; /* ajuste si besoin */
}

/* ===== Agrandir popup proportionnellement ===== */

#wsww-spin-modal-1 .modal-dialog {
  width: 90vw !important;       /* largeur proportionnelle */
  max-width: 90vw !important;
  height: 85vh !important;      /* hauteur proportionnelle */
  margin: 5vh auto !important;  /* centrage vertical */
}

#wsww-spin-modal-1 .modal-content,
#wsww-spin-modal-1 .wsww-modal-content {
  height: 100% !important;
  border-radius: 20px !important;
}

#wsww-spin-modal-1 .modal-body {
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Agrandir la roue proportionnellement */
#wsww-spin-modal-1 #chart {
  transform: scale(1.2);
  transform-origin: center;
}


/* On ajoute le logo avant le titre */
#wsww-spin-modal-1 h2::before,
#wsww-spin-modal-1 h3::before {
  content: "";
  display: block;
  width: 450px;  /* taille logo */
  height: 80px;
  margin: 0 auto 20px auto;
  background-image: url("https://menuiseriesdesigndelouest.com/wp-content/uploads/2025/09/logo-couleur-horizontal-scaled.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.mdo-legal-note{
  margin-top:15px;
  font-size:13px;
  line-height:1.4;
  opacity:0.85;
}

.mdo-legal-note a{
  text-decoration:underline;
  font-weight:500;
}/* End custom CSS */