/* Supprime les limites du thème pour un look aéré */
.site-content {
    max-width: 100% !important;
    padding: 0 5%;
}

/* Centre le contenu principal pour le confort de lecture */
.entry-content {
    max-width: 900px !important; /* Largeur idéale pour la lecture */
    margin: 0 auto !important;
}

/* Pour les images ou sections que tu veux VRAIMENT en pleine largeur */
.alignfull {
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
}
/* Centre le contenu texte pour qu'il ne soit pas trop large à lire */
.entry-content {
    max-width: 850px !important; /* Largeur optimale pour l'œil humain */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Garde les images ou galeries en pleine largeur si tu le souhaites */
.wp-block-image.alignfull, .wp-block-gallery.alignfull {
    max-width: 100% !important;
}
/* Espace entre les éléments du menu */
.wp-block-navigation-item {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

/* Optionnel : mettre le lien actif en gras pour savoir où on se trouve */
.current-menu-item a, .current-post-parent a {
    font-weight: bold;
    color: #000 !important;
}
/* Espace entre les éléments du menu */
.wp-block-navigation-item {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

/* Optionnel : mettre le lien actif en gras pour savoir où on se trouve */
.current-menu-item a, .current-post-parent a {
    font-weight: bold;
    color: #000 !important;
}
/* 1. Importation de la police Libre Baskerville */
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');

/* 2. Application au texte général (Paragraphes, listes, etc.) */
body, p, li, .entry-content {
    font-family: 'Libre Baskerville', serif !important;
    font-size: 19px !important; /* Taille légèrement augmentée pour le confort */
    line-height: 1.8 !important; /* Espace entre les lignes pour éviter la fatigue visuelle */
    color: #333 !important; /* Un noir "encre de Chine" plus doux */
}

/* 3. Application aux titres (H1 à H4) */
h1, h2, h3, h4, .site-title {
    font-family: 'Libre Baskerville', serif !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
}

/* 4. Style pour le menu (plus fin pour rester moderne) */
.wp-block-navigation-item__label {
    font-family: 'Libre Baskerville', serif !important;
    font-size: 16px !important;
    letter-spacing: 0.5px;
}
/* Espace entre les éléments du menu */
.wp-block-navigation-item {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

/* Optionnel : mettre le lien actif en gras pour savoir où on se trouve */
.current-menu-item a, .current-post-parent a {
    font-weight: bold;
    color: #000 !important;
}
/* 1. Importation de la police Libre Baskerville */
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');

/* 2. Application au texte général (Paragraphes, listes, etc.) */
body, p, li, .entry-content {
    font-family: 'Libre Baskerville', serif !important;
    font-size: 19px !important; /* Taille légèrement augmentée pour le confort */
    line-height: 1.8 !important; /* Espace entre les lignes pour éviter la fatigue visuelle */
    color: #333 !important; /* Un noir "encre de Chine" plus doux */
}

/* 3. Application aux titres (H1 à H4) */
h1, h2, h3, h4, .site-title {
    font-family: 'Libre Baskerville', serif !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
}

/* 4. Style pour le menu (plus fin pour rester moderne) */
.wp-block-navigation-item__label {
    font-family: 'Libre Baskerville', serif !important;
    font-size: 16px !important;
    letter-spacing: 0.5px;
}
/* Pour un rendu "Page de Livre" parfait */
.entry-content p {
    text-align: justify;
    text-justify: inter-word;
    hyphens: auto; /* Coupe les mots proprement en fin de ligne si besoin */
}
/* Application de la couleur d'arrière-plan sur tout le site */
body, .site, #page {
    background-color: #D9E0E4 !important;
}

/* On s'assure que le header et le footer suivent aussi */
header, footer, .site-header, .site-footer {
    background-color: #D9E0E4 !important;
}

/* Optionnel : Si tu veux que ton texte reste sur un fond blanc comme une page posée sur une table */
.entry-content {
    background-color: #D9E0E4; /* Change ici en #FFFFFF si tu veux un contraste page/fond */
    padding: 20px;
}
/* Application de la couleur d'arrière-plan sur tout le site */
body, .site, #page {
    background-color: #D9E0E4 !important;
}

/* On s'assure que le header et le footer suivent aussi */
header, footer, .site-header, .site-footer {
    background-color: #D9E0E4 !important;
}

/* Optionnel : Si tu veux que ton texte reste sur un fond blanc comme une page posée sur une table */
.entry-content {
    background-color: #D9E0E4; /* Change ici en #FFFFFF si tu veux un contraste page/fond */
    padding: 20px;
}

/* Fixe la couleur de fond sur absolument tout le site */
html, body, .site, #page, header, footer {
    background-color: #D9E0E4 !important;
}

/* Donne un peu de souffle à ton texte de présentation */
.entry-content p {
    max-width: 700px !important; /* Resserrer un peu pour le look "manuscrit" */
    margin: 30px auto !important;
    line-height: 1.9 !important;
}

/* Empêche le menu de se coller au bord droit */
.wp-block-navigation {
    padding-right: 20px;
}
/* 1. Couleur de fond globale (Corps, Header, Footer) */
html, body, .site, #page, .site-header, .site-footer {
    background-color: #D9E0E4 !important;
}

/* 2. Optimisation du texte de présentation */
.entry-content p {
    font-family: 'Libre Baskerville', serif !important;
    max-width: 750px !important; /* Largeur de lecture idéale */
    margin: 40px auto !important; /* Centre le bloc de texte */
    text-align: justify; /* Pour un rendu "page de livre" */
    text-justify: inter-word;
    line-height: 1.9 !important;
}

/* 3. Style du Menu pour éviter le chevauchement */
.wp-block-navigation-item {
    margin-left: 15px !important;
    margin-right: 15px !important;
}
/* 1. Couleur de fond globale (Corps, Header, Footer) */
html, body, .site, #page, .site-header, .site-footer {
    background-color: #D9E0E4 !important;
}

/* 2. Optimisation du texte de présentation */
.entry-content p {
    font-family: 'Libre Baskerville', serif !important;
    max-width: 750px !important; /* Largeur de lecture idéale */
    margin: 40px auto !important; /* Centre le bloc de texte */
    text-align: justify; /* Pour un rendu "page de livre" */
    text-justify: inter-word;
    line-height: 1.9 !important;
}

/* 3. Style du Menu pour éviter le chevauchement */
.wp-block-navigation-item {
    margin-left: 15px !important;
    margin-right: 15px !important;
}
/* Couleur des liens du menu pour un look "Encre" */
.wp-block-navigation-item a {
    color: #2c3e50 !important; /* Un bleu-noir profond */
    transition: all 0.3s ease;
}

/* Effet au survol des liens (un léger éclaircissement) */
.wp-block-navigation-item a:hover {
    color: #5d6d7e !important;
    text-decoration: underline;
}

/* On s'assure que le titre du site reste bien noir et solennel */
.site-title a {
    color: #1a1a1a !important;
}
/* 1. Force la largeur totale pour la tablette */
.content-area, .site-content .container, .site-main, article, .entry-content {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 2. Supprime la colonne vide à droite */
#secondary {
    display: none !important;
}

/* 3. Correction spécifique pour Téléphone : empêche la compression */
@media screen and (max-width: 600px) {
    .entry-content {
        display: block !important;
        width: 100vw !important; /* Force l'utilisation de la largeur vue */
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .site-content {
        padding: 0 !important;
    }
}
/* Importation de la police dans le système global */
@font-face {
  font-family: 'La Belle Aurore';
  src: url('data:font/woff2;charset=utf-8;base64,d09GMgABAAAAAAp0AA0AAAAAETQAAAn7AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCShEICoYghDsLEgABNgIkAxAEIAWCHQcqG8YMYxHWsbAbmPshInmGv7977ue9780fIDuK7FBRU8SInCjYI6pYp9E6m0T9Y6mYm8u29R8N08S6m1r6VlYh78D8/y8C5P9vXWv/P7AnYv7/L4P/98z/P5MvIsO0mU6fU6KImR7pGZ6ZInuWInN29fT/P+66P97GPrK6YI9AnXlFjGgTfUSbiLYPz7N0/A9K0pC2G9pA2q72Hq/YI2K2W9rE69M9n91OtoMtmkAn6N0oVwGg0IAt1Kshm7AByG7S/36f1Y7S6f9z0r91m/O62Xnd7LyuN4/vTfd3vXv8v+v7B/r9gX6vX+vXvK7P6+p1fK4f5P1+Sj9Fz/R6YvT0PNNV65qurvU8uX6qH6PnfH2yv7Xf2K/v1/u1fK0f+G66f4Df709v58K5K8mCstNByVAsuE6XF8lKsmS35ChfC8vE7vF9MsvS3bKnfC0vE8vSPS176p76Z72N76Z7WnbvSnaunYvI+R/B9Y0S529kRfnrWFn+elaxv47V7K9jtTextfX8Pa9texxv1VrGF/GWvSX8aa8pewlvwlrCV/CWvVX8xa9Zew1v3FrE1/CWvbX8za8S9i7fmreBc+Iu+vYzX761jt/lpWv7+KNe6vYo37q1jD/jLWpL+MNeUvYS35S1hL/hLWqr+EtU68N1l/f9D+B8f9f5D13f8LWT8B') format('woff2');
  font-weight: normal;
  font-style: normal;
}

/* Style dédié aux lettres manuscrites */
.ma-lettre {
  font-family: 'La Belle Aurore', cursive !important;
  font-size: 24px !important;
  line-height: 1.3 !important;
  color: #222 !important;
  background-color: #f9f8f4 !important;
  padding: 40px !important;
  border: 1px solid #eee !important;
  max-width: 800px;
  margin: 20px auto;
}

.ma-signature {
  text-align: right !important;
  margin-top: 20px !important;
}

.mes-references {
  font-family: 'Courier New', monospace !important;
  font-size: 11px !important;
  color: #777 !important;
  margin-top: 40px !important;
  border-top: 1px solid #ddd !important;
  padding-top: 10px !important;
}
.post-categories {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    list-style: none !important;
    padding: 0 !important;
    overflow-x: auto !important; /* Permet de scroller horizontalement sur mobile si c'est trop long */
}

.post-categories li {
    white-space: nowrap !important; /* Empêche le texte de revenir à la ligne */
}
/* Affinement du sous-titre du blog */
.site-description {
    font-style: italic !important;
    font-size: 13px !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    opacity: 0.8; /* Pour le rendre un peu plus discret */
}

/* Réduction de l'espace sous la ligne de séparation de l'en-tête */
.site-header {
    padding-bottom: 10px !important;
}
/* Affinement du sous-titre du blog */

.site-description {

    font-style: italic !important;

    font-size: 15px !important;

    margin-top: 5px !important;

    margin-bottom: 5px !important;

    opacity: 0.8 !important;

}

/* Réduction de l'espace de l'en-tête */

.site-header {

    padding-bottom: 10px !important;

}
[class*="reading-time"],
.rt-reading-time-label,
.rt-reading-time,
div.rt-reading-time-label,
span.rt-reading-time-label {
    font-style: italic !important;
    font-size: 13px !important;
    color: #7a7a7a !important;
    margin: 0 0 15px 0 !important;
    display: block !important;
    font-family: inherit !important;
}
.grille-441 {
  display: grid !important;
  grid-template-columns: repeat(21, 1fr) !important;
  gap: 2px !important;
  width: 100% !important;
  max-width: 1200px !important;
  margin: 20px auto !important;
}
/* --- Réglages GRILLE 441 --- */
/* Phrase au-dessus de la grille */
.invite-grille {
  text-align: center;
  font-size: 1.1em;
  font-weight: 500;
  margin: 0 0 12px 0;
  color: #333;
}

/* Remonter un peu la grille */
.grille-441 { margin-top: 0; }

/* Numéros : couleur selon type */
.g441-clair .g441-num, .g441-l .g441-num { color:#111 !important; }
.g441-moyen .g441-num, .g441-fonce .g441-num { color:#fff !important; }
.invite-grille {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
}
.wp-block-separator,
hr {
  margin-top: 8px !important;
  margin-bottom: 10px !important;
}
/* Grille 441 — réduire l’espace sous le titre */
.entry-title,
.wp-block-post-title {
  margin-bottom: 8px !important;
}
/* Réduire l’espace entre le titre de la page et le contenu */
.entry-header {
  margin-bottom: 16px !important;
  padding-bottom: 0 !important;
}
/* 441 — réduire l’espace sous le titre (sans dépendre d’une classe) */
.entry-content > .wp-block-separator,
.entry-content > hr {
  margin-bottom: 10px !important;
}

.entry-content > p:first-of-type {
  margin-top: -18px !important;
}
/* 441 — Responsive robuste :
   - petits écrans (téléphone) : 7 colonnes
   - tablette (même en portrait) + desktop : 21 colonnes
*/

/* défaut : 7 colonnes */
.grille-441{
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
}

/* à partir de 600px de large (tablettes portrait typiquement) : 21 colonnes */
@media (min-width: 600px){
  .grille-441{
    grid-template-columns: repeat(21, minmax(0, 1fr)) !important;
  }
}
/* Mobile uniquement : remettre de l'espace au-dessus de la phrase */
@media (max-width: 599px){
  .entry-content > p:first-of-type{
    margin-top: 10px !important; /* augmente si besoin: 14px, 18px */
  }
}
.page .entry-content .wp-block-html div[style*="border-top: 1px solid #eee"][style*="border-bottom: 1px solid #eee"][style*="text-align: center"] {
    margin: 10px auto 20px auto !important;
}