/*
 Theme Name:   Hello Elementor Child
 Theme URI:    http://example.com/hello-elementor-child/
 Description:  Hello Elementor Child Theme
 Author:       FT
 Author URI:   http://example.com
 Template:     hello-elementor
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  hello-elementor-child
*/
.popup {
    display: none; /* Caché par défaut */
    position: fixed; /* Fixé par rapport à la fenêtre */
    top: 10px; /* Toujours en haut */
    right: auto !important;
    left: 10px !important;
    background: white; /* Fond blanc */
    color: black; /* Texte noir */
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ccc; /* Bordure légère grise */
    z-index: 1000;
    width: 500px; /* Largeur fixe */
    max-width: 90%; /* Évite de dépasser la fenêtre */
    font-size: 14px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); /* Ombre légère */
}

.popup-trigger {
    position: relative;
    cursor: pointer;
}

#mypopup {
  position: fixed;
  top: 10px; /* Marge de 10px en haut */
  left: 10px; /* Marge de 10px à gauche */
  transform: none; /* Supprime la transformation */
  background-color: white;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  width: auto;
  height: auto;
  max-width: 90vw; /* Limite à 90% de la largeur de la fenêtre */
  max-height: 90vh; /* Limite à 90% de la hauteur de la fenêtre */
  overflow: auto; /* Active le scroll si besoin */
  border: 2px solid blue; /* Ajoute une bordure bleue de 2px */
}

.mypopup-close {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 20px;
    cursor: pointer;
}

.mypopup-content {
    margin-top: 20px;
}

.mypopup-trigger {
  font-size: 14px;  /* Taille du texte */
  font-weight: bold; /* Met le texte en gras */
  height: 18px;     /* Hauteur du bouton */
  padding: 0 2px;   /* Marges intérieures minimales */
  line-height: 14px; /* Assure un bon centrage du texte */
  border: 1px solid #000;  /* Optionnel : pour voir le cadre du bouton */
}