/* Panneau de déblocage — palette du site (orange/crème). */

.hpq-gate-overlay[hidden]{display:none!important}
.hpq-gate-overlay{
  position:fixed;inset:0;z-index:99999;
  background:rgba(58,42,30,.55);
  display:flex;align-items:center;justify-content:center;
  padding:20px;
}
.hpq-gate-panel{
  position:relative;
  background:#fbf4ea;
  border:1px solid #eaddc9;
  border-radius:18px;
  box-shadow:0 24px 70px rgba(0,0,0,.25);
  max-width:760px;width:100%;
  max-height:88vh;
  display:flex;flex-direction:column;
}
.hpq-gate-inner{overflow-y:auto;padding:34px 30px}
.hpq-gate-close{
  position:absolute;top:10px;right:14px;
  background:none;border:none;cursor:pointer;
  font-size:2rem;line-height:1;color:#9c8a78;
  padding:4px 8px;z-index:1;
}
.hpq-gate-close:hover{color:#ac2e02}

.hpq-gate-form-zone h3{color:#ac2e02;margin:0 0 10px;font-size:1.5rem}
.hpq-gate-form-zone p{color:#3a2a1e;line-height:1.55}
.hpq-gate-hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}
#hpq-gate-form label{font-weight:600;color:#3a2a1e}
#hpq-gate-form input[type="text"],
#hpq-gate-form input[type="email"]{
  width:100%;max-width:420px;
  padding:12px 14px;margin-top:4px;
  border:1px solid #eaddc9;border-radius:10px;
  background:#fff;color:#3a2a1e;font-size:1rem;
}
#hpq-gate-form input:focus{outline:2px solid #dd7021;outline-offset:1px}
.hpq-gate-btn{
  background:#dd7021;color:#fff;border:none;cursor:pointer;
  padding:13px 28px;border-radius:999px;
  font-size:.95rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  transition:background .2s;
}
.hpq-gate-btn:hover{background:#ac2e02}
.hpq-gate-rgpd{font-size:.78rem;color:#9c8a78;line-height:1.5;max-width:520px}
.hpq-gate-msg{color:#ac2e02;font-weight:600;min-height:1.4em;margin-top:6px}

.hpq-gate-content-title{color:#ac2e02;margin:0 0 14px;font-size:1.6rem}

/* Aperçu gratuit avant saisie des coordonnées */
.hpq-gate-preview-title{color:#ac2e02;margin:0 0 14px;font-size:1.6rem}
.hpq-gate-preview-img{width:92px;height:92px;object-fit:contain;display:block;margin:0 0 12px}
.hpq-gate-preview-img[hidden]{display:none}
.hpq-gate-preview-text{
  position:relative;color:#3a2a1e;line-height:1.65;
  max-height:180px;overflow:hidden;margin:0 0 18px;
}
.hpq-gate-preview-text:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:70px;
  background:linear-gradient(rgba(251,244,234,0),#fbf4ea);
}
.hpq-gate-preview-hint{font-size:.85rem;color:#9c8a78;margin-top:10px}

/* Extrait éditorial (premier chapitre) : affiché en entier, sans fondu. */
.hpq-gate-preview-text.is-full{max-height:none;overflow:visible}
.hpq-gate-preview-text.is-full:after{display:none}
.hpq-gate-preview-text h4,.hpq-gate-content h4{color:#ac2e02;margin:18px 0 8px;font-size:1rem;letter-spacing:.04em}
.hpq-gate-preview-text p,.hpq-gate-content p{margin:0 0 8px;line-height:1.6;color:#3a2a1e;font-size:.92rem;font-weight:400}
.hpq-gate-preview-title,.hpq-gate-content-title{font-size:1.35rem}
.hpq-gate-preview-text .hpq-dates,.hpq-gate-content .hpq-dates{color:#dd7021}
.hpq-gate-medaillon{width:92px;height:92px;object-fit:contain;display:block;margin:0 0 12px}
.hpq-gate-loading{color:#9c8a78}
.hpq-gate-link{cursor:pointer}

/* Effet de survol uniforme sur les 12 vignettes des signes (l'ancien
   réglage Elementor ne couvrait que les premières). Même flottement que
   l'animation « float » d'Elementor. */
.fetch-signe img{transition:transform .3s ease}
.fetch-signe:hover img{transform:translateY(-8px)}

@media(max-width:560px){
  .hpq-gate-inner{padding:26px 18px}
}