/* Page single actualité (templates/single-actualite.html) */

/* Titre fixe "Enseigner le français" en haut de page — même format que le
   vrai H1 de /enseigner-le-francais/ (police + couleur), bien qu'étant un
   <p> ici : un <p> n'hérite pas automatiquement de la police des titres. */
body.single-actualite .hero-titre-pro {
    /* Séparateur pleine largeur avec le chapo en dessous. */
    border-bottom: 1px solid var(--wp--preset--color--gris, #000);
}

body.single-actualite .hero-titre-pro .is-style-noir {
    font-family: var(--wp--preset--font-family--cabinet-grotesk, "Cabinet Grotesk", sans-serif);
    font-weight: 300;
    font-size: 100px !important;
    /* Même règle que ".is-style-noir h1, h1.is-style-noir" (components.css)
       — "noir" n'y est pas la couleur de preset (#3d3d3d) mais du vrai noir,
       et un <p> n'est pas ciblé par cette règle réservée aux <h1>. */
    color: #000 !important;
}

/* Chapo : aligné à gauche (comme le titre), un peu plus grand, plus d'air
   au-dessus/dessous. */
body.single-actualite .fle2026-chapo .fle2026-chapo__text {
    text-align: left;
    font-size: var(--wp--preset--font-size--xx-large, 2rem);
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    /* Même bord gauche que le titre et la section du bas (voir
       .fle2026-single-actualite-inner) — la règle d'origine du bloc chapo
       (blocks/chapo/style.css) centre ce paragraphe, ce qui le désalignait. */
    margin-left: calc((100% - var(--wp--style--global--wide-size, 1200px)) / 2) !important;
    margin-right: auto !important;
}

.fle2026-single-actualite-contenu {
    padding-top: 0;
    padding-bottom: var(--wp--preset--spacing--50, 2.5rem);
    /* Séparateur pleine largeur avec la section chapo au-dessus (même principe
       que les bordures des autres sections, déjà pleine largeur via alignfull). */
    border-top: 1px solid var(--wp--preset--color--gris, #000);
}

/* Image + titre + texte : plus petits et alignés à gauche, pas pleine
   largeur (cf. maquette) — mais sur le même bord gauche que le titre et le
   chapo au-dessus (pas collé au bord de l'écran). */
.fle2026-single-actualite-inner {
    /* Bat .is-layout-constrained > .alignwide (max-width: wide-size, et
       margin-left/right: auto !important qui centrerait sinon le bloc). */
    max-width: 800px !important;
    margin-left: calc((100% - var(--wp--style--global--wide-size, 1200px)) / 2) !important;
    margin-right: auto !important;
}

.fle2026-actualite-image {
    max-width: 680px;
    margin: 0 0 1.5rem;
}

.fle2026-actualite-image img {
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    display: block;
}

/* Titre de l'actualité (H1 réel de la page) dans la section image/contenu —
   garde la taille "petite" de la maquette, mais en graisse plus faible. */
/* Pas de bande rouge décorative derrière ce H1 (cf. ".archive-evenement-hero
   h1::before/::after" dans components.css, même principe). */
.fle2026-actualite-titre::before,
.fle2026-actualite-titre::after {
    content: none;
}

.fle2026-actualite-titre {
    font-size: 50px;
    font-family: var(--wp--preset--font-family--cabinet-grotesk, "Cabinet Grotesk", sans-serif);
    font-weight: 300;
    line-height: 1.1;
    color: var(--wp--preset--color--noir, #000);
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.fle2026-actualite-date {
    gap: 0.4em;
    font-size: var(--wp--preset--font-size--medium);
    color: var(--wp--preset--color--gris, #6b6b6b);
}

.fle2026-actualite-date p {
    margin: 0;
}

.fle2026-actualite-date .wp-block-post-date {
    font-size: var(--wp--preset--font-size--medium);
}

/* Paragraphes du contenu de l'article : moins d'espace entre eux que le
   blockGap par défaut (:where(.is-layout-flow...) > * + *, 2rem). Les <p>
   gardent en plus leur margin-block-start/end (1em) par défaut du navigateur,
   qui s'ajoutait à ce padding — remis à 0 pour que seul le padding compte. */
.fle2026-single-actualite-inner .entry-content.is-layout-flow > * + * {
    padding-top: 1rem;
}

.fle2026-single-actualite-inner .entry-content p {
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
}