/*
Theme Name: Divi Valérie Quintana
Theme URI: https://valeriequintana.ch
Description: Thème enfant pour Divi
Author: Develek
Author URI: https://develek.ch
Template: Divi
Version: 1.0
*/

/*@import url("../Divi/style.css");*/

.et_pb_section[style*="background-image"] h1,
.et_pb_section[style*="background-image"] h2,
.et_pb_section[style*="background-image"] h3,
.et_pb_section[style*="background-image"] h4,
.et_pb_section[style*="background-image"] h5,
.et_pb_section[style*="background-image"] h6,
.et_pb_section[style*="background-image"] p,
.et_pb_section[style*="background-image"] a,
.et_pb_section[style*="background-image"] li,
.et_pb_section[style*="background-image"] span {
    text-shadow:
        -0.5px -0.5px 0 rgba(255, 255, 255, 0.7),
        0.5px -0.5px 0 rgba(255, 255, 255, 0.7),
        -0.5px 0.5px 0 rgba(255, 255, 255, 0.7),
        0.5px 0.5px 0 rgba(255, 255, 255, 0.7);
}

.et_pb_column[style*="background-image"] h1,
.et_pb_column[style*="background-image"] h2,
.et_pb_column[style*="background-image"] h3,
.et_pb_column[style*="background-image"] h4,
.et_pb_column[style*="background-image"] h5,
.et_pb_column[style*="background-image"] h6,
.et_pb_column[style*="background-image"] p,
.et_pb_column[style*="background-image"] a,
.et_pb_column[style*="background-image"] li,
.et_pb_column[style*="background-image"] span {
    text-shadow:
        -0.5px -0.5px 0 rgba(255, 255, 255, 0.7),
        0.5px -0.5px 0 rgba(255, 255, 255, 0.7),
        -0.5px 0.5px 0 rgba(255, 255, 255, 0.7),
        0.5px 0.5px 0 rgba(255, 255, 255, 0.7);
}

.et_pb_module[style*="background-image"] h1,
.et_pb_module[style*="background-image"] h2,
.et_pb_module[style*="background-image"] h3,
.et_pb_module[style*="background-image"] h4,
.et_pb_module[style*="background-image"] h5,
.et_pb_module[style*="background-image"] h6,
.et_pb_module[style*="background-image"] p,
.et_pb_module[style*="background-image"] a,
.et_pb_module[style*="background-image"] li,
.et_pb_module[style*="background-image"] span {
    text-shadow:
        -0.5px -0.5px 0 rgba(255, 255, 255, 0.7),
        0.5px -0.5px 0 rgba(255, 255, 255, 0.7),
        -0.5px 0.5px 0 rgba(255, 255, 255, 0.7),
        0.5px 0.5px 0 rgba(255, 255, 255, 0.7);
}

.et_pb_section[style*="background-image"] .et_pb_column h1,
.et_pb_section[style*="background-image"] .et_pb_column h2,
.et_pb_section[style*="background-image"] .et_pb_column h3,
.et_pb_section[style*="background-image"] .et_pb_column h4,
.et_pb_section[style*="background-image"] .et_pb_column h5,
.et_pb_section[style*="background-image"] .et_pb_column h6,
.et_pb_section[style*="background-image"] .et_pb_column p,
.et_pb_section[style*="background-image"] .et_pb_column a,
.et_pb_section[style*="background-image"] .et_pb_column li,
.et_pb_section[style*="background-image"] .et_pb_column span {
    text-shadow:
        -0.5px -0.5px 0 rgba(255, 255, 255, 0.7),
        0.5px -0.5px 0 rgba(255, 255, 255, 0.7),
        -0.5px 0.5px 0 rgba(255, 255, 255, 0.7),
        0.5px 0.5px 0 rgba(255, 255, 255, 0.7);
}

/* Bloc A propos Accueil */
/*.et_pb_text_6 h3,
.et_pb_text_7 p span {
    text-shadow:
        -0.5px -0.5px 0 rgba(255, 255, 255, 0.7),
        0.5px -0.5px 0 rgba(255, 255, 255, 0.7),
        -0.5px 0.5px 0 rgba(255, 255, 255, 0.7),
        0.5px 0.5px 0 rgba(255, 255, 255, 0.7);
}
*/

.div-white-opacity {
	background-color: rgba(255, 255, 255, 0.5);
  	padding: 20px;
  	border-radius: 10px;
}

/* Désactiver flex sur mobile pour que les colonnes s'empilent */
@media (max-width: 980px) {
    .et_pb_row_1 {
        display: block;
    }

    .et_pb_row_1 .et_pb_column {
        display: block;
    }
}

/* Masquer "Sélectionner une page" sur mobile */
.mobile_nav .select_page {
    display: none !important;
}

@media (max-width: 980px) {
    .et_header_style_centered #main-header .mobile_nav {
        display: block;
        text-align: left;
        background-color: rgba(0, 0, 0, 0);
        border-radius: 5px;
        padding: 5px 10px;
    }
}

/* Masquer le menu mobile d'origine */
/*
@media only screen and (max-width: 980px) {
    #et_mobile_nav_menu {
        display: none !important;
    }
}
*/

/* Reset du header sur mobile uniquement */
@media only screen and (max-width: 980px) {
    #main-header {
        top: 0 !important;
    }
    
    /* Ajuster aussi le body si nécessaire */
    body {
        padding-top: 0 !important;
    }
    
    /* Si header fixed/sticky */
    .et-fixed-header #main-header {
        top: 0 !important;
    }
}

/**************************************************************/
/* Fenêtre pop-up */
.popup-divi {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  background: #ffffff;
  padding: 30px;
  width: min(92vw, 1400px);  /* max 1400px, sinon 92% de la largeur écran */
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
  display: none;
  box-sizing: border-box;
	
  max-height: 80vh;              /* max 80 % de la hauteur de l’écran */
  overflow-y: auto;              /* barre de scroll verticale */
  -webkit-overflow-scrolling: touch; /* scroll fluide sur mobile */
}


/* État visible */
.popup-divi.is-visible {
  display: block;
}

/* Fond sombre derrière le pop-up */
.popup-overlay {
  position: fixed;
  inset: 0;
  /*background: rgba(0, 0, 0, 0.6);*/
  z-index: 9998;
  display: none;
}

.popup-overlay.is-visible {
  display: block;
}

/* La section qui contient uniquement le pop-up
   → ne prend plus de place dans la page */
.popup-container {
  position: relative;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  overflow: visible !important; /* important pour laisser s'afficher le pop-up fixe */
}