/* ============================================================
   Styles spécifiques à historique.php
   À charger APRES style.css (variables, menu, modal partagés)
   ============================================================ */

.bloc-historique{
  position:relative;
  z-index:1;
  max-width:800px;
  margin:0 auto;
  padding:0 1.5rem 4rem;
}

.historique-image{
  width:100%;
  max-height:380px;
  object-fit:cover;
  border-radius:12px;
  box-shadow:0 14px 34px rgba(29,36,48,0.15);
  margin-bottom:2rem;
}

.historique-texte{
  font-size:1rem;
  line-height:1.8;
  color:var(--encre);
}
.historique-texte p{
  margin-bottom:1.2rem;
}
.historique-texte h2{
  font-family:'Playfair Display', serif;
  font-weight:700;
  font-size:1.6rem;
  color:var(--bleu);
  margin:2rem 0 1rem;
}
.historique-texte h3{
  font-family:'Playfair Display', serif;
  font-weight:600;
  font-size:1.25rem;
  color:var(--rubis);
  margin:1.6rem 0 0.8rem;
}
.historique-texte ul,
.historique-texte ol{
  margin:0 0 1.2rem 1.4rem;
}
.historique-texte li{
  margin-bottom:0.4rem;
}

.modal-boite.modal-historique-large{
  max-width:720px;
}
.editeur-quill{
  background:#fff;
  margin-bottom:1.2rem;
}
.editeur-quill .ql-editor{
  min-height:260px;
  font-family:'Source Sans 3', sans-serif;
  font-size:0.95rem;
}

.modal-boite textarea{
  display:block;
  width:100%;
  margin-top:0.4rem;
  padding:0.6rem 0.7rem;
  font-family:'Source Sans 3', sans-serif;
  font-size:0.9rem;
  color:var(--encre);
  border:1px solid rgba(29,36,48,0.2);
  border-radius:6px;
  resize:vertical;
  margin-bottom:1rem;
}
.modal-boite input[type="file"]{
  display:block;
  width:100%;
  margin-top:0.4rem;
  padding:0.5rem 0.6rem;
  font-size:0.85rem;
  border:1px solid rgba(29,36,48,0.2);
  border-radius:6px;
  margin-bottom:1rem;
}
.modal-boite label{
  display:block;
  font-size:0.82rem;
  font-weight:600;
  color:var(--encre);
  margin-bottom:0.3rem;
}
.apercu-media img{
  max-width:100%;
  max-height:160px;
  border-radius:6px;
  display:block;
  margin-bottom:1rem;
}