.elementor-9438 .elementor-element.elementor-element-cbcbb6f:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-9438 .elementor-element.elementor-element-cbcbb6f > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#60A123;}.elementor-9438 .elementor-element.elementor-element-cbcbb6f > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-9438 .elementor-element.elementor-element-cbcbb6f > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}#elementor-popup-modal-9438{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-9438 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-9438 .dialog-close-button{display:flex;}#elementor-popup-modal-9438 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(max-width:1024px){.elementor-9438 .elementor-element.elementor-element-77881e6{width:var( --container-widget-width, 628px );max-width:628px;--container-widget-width:628px;--container-widget-flex-grow:0;}}/* Start custom CSS for html, class: .elementor-element-77881e6 *//* 1) Centre le popup correctement même si un thème force left:0 */
body .elementor-popup-modal {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px !important; /* pour respirer en mobile */
}

/* 2) Neutralise les positions "parasites" et fixe des dimensions raisonnables */
body .elementor-popup-modal .dialog-widget-content {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  width: 600px !important;    /* ajuste si besoin */
  max-width: 90vw !important;
  max-height: 85vh !important; /* hauteur max visible */
  overflow: hidden !important; /* on délègue le scroll au bloc message */
  margin: 0 !important;
}

/* 3) La zone qui doit scroller (contenu du popup) */
body .elementor-popup-modal .dialog-message {
  max-height: 80vh !important;
  overflow: auto !important;   /* ← le scroll interne se fait ici */
  -webkit-overflow-scrolling: touch;
}

/* 4) Pendant le popup, on bloque bien le scroll de la page */
html.elementor-html--prevent-scroll,
body.elementor-html--prevent-scroll {
  overflow: hidden !important;
  height: auto !important; /* évite certains locks qui figent aussi le popup */
}

/* 5) Confort : si le HTML fetché contient un tableau très large */
#table-metaux-container {
  max-height: 80vh !important;
  overflow: auto !important;
}
#table-metaux-container table {
  width: 100% !important;
  border-collapse: collapse;
}/* End custom CSS */