/*
 Theme Name:   Write n Blog Child
 Template:     draftly
*/

/* ==========================================================================
   1. BOUTON LIRE LA SUITE & PAGINATION
   ========================================================================== */

/* Bouton "Lire la suite" */
.read-more-blogfeed a,
div.read-more-blogfeed a,
.read-more-blogfeed button {
    background-color: #0693e3 !important;
    background: #0693e3 !important;
    border-color: #0693e3 !important;
    color: #ffffff !important;
}

.read-more-blogfeed a:hover,
div.read-more-blogfeed a:hover,
.read-more-blogfeed button:hover {
    background-color: #0073aa !important;
    background: #0073aa !important;
    border-color: #0073aa !important;
    color: #ffffff !important;
}

/* Liste de pagination */
.pag-wrapper ul.page-numbers {
    list-style: none !important;
    padding: 0 !important;
    margin: 20px 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    background: transparent !important;
}

.pag-wrapper ul.page-numbers li {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

/* Boutons de pagination */
.pag-wrapper a.page-numbers {
    display: inline-block !important;
    background-color: #0693e3 !important;
    background: #0693e3 !important;
    border: 1px solid #0693e3 !important;
    color: #ffffff !important;
    padding: 6px 14px !important;
    text-decoration: none !important;
    border-radius: 3px !important;
    font-weight: 500 !important;
}

.pag-wrapper a.page-numbers:hover {
    background-color: #0073aa !important;
    background: #0073aa !important;
    border-color: #0073aa !important;
    color: #ffffff !important;
}

/* Page courante */
.pag-wrapper .page-numbers.current,
.pag-wrapper span.page-numbers.current {
    display: inline-block !important;
    background-color: #ffffff !important;
    background: #ffffff !important;
    border: 1px solid #0693e3 !important;
    color: #0693e3 !important;
    padding: 6px 14px !important;
    border-radius: 3px !important;
    font-weight: bold !important;
}

/* ==========================================================================
   2. Ajustements de la barre latérale (writenblog-child)
   ========================================================================== */

/* 1. Habillage global de la colonne de droite (fond léger et espace) */
.featured-sidebar {
    background-color: #f8f9fa; /* Fond grisé très doux */
    padding: 24px;              /* Espace interne autour du contenu */
    border-radius: 8px;         /* Coins légèrement arrondis */
    border: 1px solid #e9ecef;  /* Contour très discret */
}

/* 2. Titres des blocs (Articles récents, Catégories, Archives) */
.featured-sidebar .wp-block-heading {
    font-weight: bold;
    text-decoration-line: underline;
    text-decoration-style: double;
    font-family: inherit; /* Utilise la police des titres du thème */
    font-size: 1.15rem;   /* Taille adaptée au menu secondaire */
    margin-bottom: 0.75rem;
}

/* 3. Textes et liens des listes en italique avec taille réduite */
.featured-sidebar .wp-block-latest-posts__post-title,
.featured-sidebar .wp-block-categories-list a,
.featured-sidebar .wp-block-archives-list a,
.featured-sidebar ul li {
    font-style: italic;
    font-size: 0.9rem;   /* Légèrement plus petit que le corps de texte */
    line-height: 1.4;
}

/* 4. Effet au survol des liens */
.featured-sidebar a:hover {
    font-style: normal;  /* Interactivité au survol */
    opacity: 0.85;
}


/* ==========================================================================
   3. PERSONNALISATION DES ARTICLES (POLICES, TITRES, CORPS)
   ========================================================================== */

/* --------------------------------------------------------------------------
   A. POLICES GLOBALES
   -------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6,
.entry-title,
.entry-title a,
.site-title,
.site-title a {
    font-family: 'Archivo', sans-serif !important;
}

body, p, li, .entry-content, .entry-summary {
    font-family: 'Geist', sans-serif !important;
}

/* --------------------------------------------------------------------------
   B. TAILLES ET ESPACEMENTS DES TITRES (H1 à H6)
   -------------------------------------------------------------------------- */

.entry-content h1 {
    font-size: 2.25rem;
    line-height: 1.2;
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-weight: 700;
}

.entry-content h2 {
    font-size: 1.85rem;
    line-height: 1.25;
    margin-top: 2.5rem;
    margin-bottom: 0.8rem;
    font-weight: 700;
}

.entry-content h3 {
    font-size: 1.4rem;
    line-height: 1.3;
    margin-top: 1.8rem;
    margin-bottom: 0.6rem;
    font-weight: 600;
}

.entry-content h4 {
    font-size: 1.15rem;
    line-height: 1.35;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
    font-weight: 600;
}

.entry-content h5 {
    font-size: 1rem;
    line-height: 1.4;
    margin-top: 1.2rem;
    margin-bottom: 0.4rem;
    font-weight: 600;
}

.entry-content h6 {
    font-size: 0.9rem;
    line-height: 1.4;
    margin-top: 1rem;
    margin-bottom: 0.4rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* --------------------------------------------------------------------------
   C. CORPS DE TEXTE
   -------------------------------------------------------------------------- */

p, li, .entry-content p, .entry-summary p {
    font-size: 1.1rem;
    line-height: 1.65;
    margin-bottom: 1.25rem;
    color: #2c2c2c;
}

@media (min-width: 768px) {
    p, li, .entry-content p, .entry-summary p {
        font-size: 1.125rem;
        line-height: 1.7;
    }
}

/* --------------------------------------------------------------------------
   D. ALIGNEMENT ET MARGES MOBILE
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
    article.post,
    .site-main .post {
        padding-left: 10px !important;
        padding-right: 10px !important;
        box-sizing: border-box !important;
    }

    article.post .entry-header,
    article.post .entry-title,
    article.post .entry-meta,
    article.post .post-data-text,
    article.post .posted-on,
    article.post .entry-content,
    article.post .entry-summary,
    article.post .post-thumbnail {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media (min-width: 768px) {
    article.post,
    .site-main .post {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* Alignement à gauche du titre dans les articles */
.single .entry-header,
.single .entry-title {
    text-align: left !important;
}

/* --------------------------------------------------------------------------
   E. FONCTIONS ADDITIONNELLES
   -------------------------------------------------------------------------- */

.rt-reading-time {
  display: block;            /* Permet de bien appliquer la marge du bas */
  font-size: 0.95rem;        /* Légèrement plus petit que le texte principal (ex: ~14px) */
  font-style: italic;
  color: #003366;            /* Bleu foncé */
  margin-top: 0.3rem;        /* Léger espace par rapport à la date/auteur au-dessus */
  margin-bottom: 1.2rem;     /* Espace net avant le début du résumé */
}

.post-data-text .posted-on a time {
  color: #003366 !important;
  font-style: italic;
}

/* Texte du résumé d'article sur la page d'accueil et les listes d'articles */
.home .entry-content p,
.blog .entry-content p,
.archive .entry-content p {
    font-size: 1.2rem !important; /* Augmente légèrement la taille (~19px) */
    color: #111111 !important;    /* Noir plus foncé et lisible au lieu du gris clair */
    line-height: 1.6 !important;   /* Améliore la lisibilité globale */
}