/* styles.css */

#div-journal {
    background-image: var(--plugin-img-url);
    border:1px solid #da9d6f;
    border-radius: 5px; padding:20px;
    gap: 1rem;
    text-align: center;
    padding: 5px;
}


#div-contenu-journal #div-sauve-journal{
    background-image: var(--plugin-img-url);
    background-size: cover;          /* couvre tout l'espace du conteneur */
    background-position: center;     /* centre l'image */
    background-repeat: no-repeat;    /* n'effectue pas de répétition */
    width: 100%;   
    align-items: left;             /* centre verticalement le contenu */
    justify-content: top;         /* centre horizontalement */
    position: relative;
    font-family: "Great Vibes", cursive; /* Caligraphie élégante mais lisible */
    font-size: 1.4rem;                   /* Taille moyenne à légèrement grande */  
    line-height: 1.5;                     /* Espacement pour lisibilité */
    color: rgb(0, 0, 0);                    /* texte lisible par-dessus */
    overflow: hidden;
    padding: 15px;
    border-radius: 10px;
}
/* Option : overlay sombre pour améliorer la lisibilité du texte */
#div-journal::before {
    content: "";
    position: absolute;
    inset: 0;
   /* background: rgba(245, 241, 241, 0.05);     ajustez l'opacité selon besoin */
    pointer-events: none;
}


.btn-navigation {    
    background-color: #f56d02;
    padding : 5px;
    margin:8px;
    border-radius: 6px;
    transition: background 0.2s;
}

.btn-save {    
    background-color: #e9ddd4;
    padding : 5px;
    margin:8px;
    border-radius: 6px;
    transition: background 0.2s;
}

fieldset {
  border: 1px solid #E22828; /* 👈 épaisseur + couleur */
  border-radius: 8px;         /* optionnel : angles arrondis */
  padding: 5px;    font-size: 1.2rem;  
}
legend {
  font-size: 1.2rem;  
}
.date-journal {
	width: 100px;
}
.paragraphe-modifable:empty:before {
  content: attr(placeholder);     /* placeholder pour indiquer à l’utilisateur */
  color: #a39d8c;
  pointer-events: none;
}

#dateJournal{
	margin-top: 1px;
}


/* cible la zone d'édition TinyMCE pour l'éditeur mon_titre */
#mon_titre .wp-editor-area {
    height: 10px !important;  /* hauteur souhaitée */
    min-height: 10px !important;
    max-height: 10px !important;
    font-size: 16px;
}