/* Overlay pancarte */
#sign{
  position:fixed;
  inset:0;
  display:none;
  background:transparent;
  pointer-events:none;
  z-index:9999;
}

#sign.active{
  display:block;
}

/* Fenêtre pancarte */
.sign-window{
  position:absolute;
  left:0;
  top:0;
  cursor:grab;
  pointer-events:auto;
  z-index:1;
  transform:scale(0.92);
  transform-origin:top left;

  /* Empêche la sélection globale */
  user-select:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
}

.sign-window:active{
  cursor:grabbing;
}

/* Image de fond */
.sign-window img{
  display:block;
  max-width:85vw;
  max-height:85vh;
  position:relative;
  z-index:1;

  user-select:none;
  -webkit-user-drag:none;
  pointer-events:none;
}

/* Titre principal */
.sign-title{
  position:absolute;
  top:12%;
  left:50%;
  transform:translateX(-50%);
  font-size:20px;
  color:#000;
  z-index:2;
  text-align:center;
  font-weight:bold;

  user-select:none;
}

/* Zone de texte scrollable */
.sign-text{
  position:absolute;
  top:18%;
  left:50%;
  transform:translateX(-50%);
  width:78%;
  max-height:52%;
  font-size:16px;
  line-height:1.6;
  color:#000;
  white-space:pre-line;
  overflow-y:auto;
  pointer-events:auto;
  z-index:2;

  /* TEXTE SÉLECTIONNABLE */
  user-select:text;
  -webkit-user-select:text;

  scrollbar-width:none;
  -ms-overflow-style:none;
}

.sign-text::-webkit-scrollbar{
  display:none;
}

/* Indicateur de scroll */
.sign-scroll{
  position:absolute;
  bottom:16%;
  left:50%;
  transform:translateX(-50%);
  font-size:16px;
  color:#000;
  animation:bounce 1s infinite;
  pointer-events:none;
  z-index:2;
}

@keyframes bounce{
  0%,100%{ transform:translate(-50%,0); }
  50%{ transform:translate(-50%,6px); }
}

/* Bouton fermer */
.sign-close{
  position:absolute;
  top:6%;
  right:6%;
  width:30px;
  height:30px;
  background-color:red;
  color:white;
  border:none;
  border-radius:10%;
  font-size:18px;
  font-weight:bold;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:auto;
  z-index:3;

  user-select:none;
}

/* Bloc témoignage */
.testimonial-box{
  margin-top:20px;
  padding:24px;
  background:rgba(0,0,0,0.35);
  border:3px solid #888;
  display:flex;
  align-items:center;
  gap:24px;
}

.testimonial-content{
  flex:1;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.testi-name{
  font-size:18px;
  font-weight:bold;
  color:#fff;
  user-select:none;
}

.testi-text{
  font-size:16px;
  line-height:1.5;
  color:#eee;

  /* Sélection autorisée si tu veux */
  user-select:text;
}

/* Navigation témoignages */
.testi-nav{
  background:#222;
  color:#fff;
  border:none;
  width:36px;
  height:36px;
  font-size:22px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;

  user-select:none;
}

.testi-nav:hover{
  background:#444;
}

/* Titres secondaires */
.sign-section-title{
  text-align:center;
  font-size:18px;
  margin:24px 0 12px;
  font-weight:bold;
  user-select:none;
}

.sign-paragraph{
  font-size:16px;
  line-height:1.6;
  margin-bottom:18px;
  user-select:text;
}

/* Animation texte */
#signTextContent{
  opacity:0;
  transform:translateY(6px);
  transition:opacity 0.2s ease, transform 0.2s ease;
}

#signTextContent.show{
  opacity:1;
  transform:translateY(0);
}

/* Titres centrés */
.sign-center-title{
  text-align:center;
  font-weight:bold;
  margin:28px 0 14px;
  font-size:18px;
  letter-spacing:1px;
  user-select:none;
}