/* =====================================================
   Anaëlle – page mère (template-anaelle-pilier.php)
   Complète anaelle-accueil-v2.css (hero, 5 cartes, pré-formulaire) et
   anaelle-charte-v2-articles.css (partie « article »). Créé le 2026-10-29 (Claude / Yoann).
   ===================================================== */

body.page-template-template-anaelle-pilier {
    overflow-x: hidden;
}

body.page-template-template-anaelle-pilier #main {
    padding-top: 0;
    padding-bottom: 0;
    background: #fff;
}

body.page-template-template-anaelle-pilier #main .wf-container-main {
    display: block;
}

body.page-template-template-anaelle-pilier #main #content {
    width: 100%;
    max-width: none;
}

body.page-template-template-anaelle-pilier #main #sidebar {
    display: none;
}

/* Fil d'ariane au-dessus du titre du hero. */
#main .am-pilier .am-pilier__crumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 10px;
    margin: 0 0 -4px;
    color: #56524f;
    font-family: "Special Elite", "courier-new", monospace;
    font-size: 13px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

#main .am-pilier .am-pilier__crumbs a {
    color: #56524f;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Partie « article » sous les cartes. */
body.page-template-template-anaelle-pilier .am-pilier__article {
    padding: clamp(40px, 5vw, 80px) 20px clamp(40px, 5vw, 80px);
}

body.page-template-template-anaelle-pilier .am-pilier__article .anaelle-article__intro-card {
    margin-top: 0;
}

/* Les 4 signes : liste en cases. */
body.am-charte-v2 .anaelle-article__wysiwyg ul.am-pilier__signes {
    margin: 0 0 1.1em;
    padding: 0;
    border-top: 0.5px solid #56524f;
    list-style: none;
}

body.am-charte-v2 .anaelle-article__wysiwyg ul.am-pilier__signes li {
    margin: 0;
    padding: 12px 4px;
    border-bottom: 0.5px solid #56524f;
}

@media (max-width: 860px) {
    body.page-template-template-anaelle-pilier .am-pilier__article {
        padding: 32px 0 40px;
    }
}

/* Mobile : intro + sommaire sur toute la largeur de la colonne de texte. */
@media (max-width: 900px) {
    body.page-template-template-anaelle-pilier .am-pilier__article .anaelle-article__intro-card {
        width: 100%;
    }

    body.page-template-template-anaelle-pilier .am-pilier__article .anaelle-article__summary:not(.is-sticky) {
        padding: 0;
    }
}

/* =====================================================
   [2026-10-29] Version « modèle article » de la page mère
   ===================================================== */
body.page-template-template-anaelle-pilier .am-pilier-v2 {
    padding-top: 40px;
}

/* En bref : 4 repères en ligne, juste sous le tableau intro + sommaire. */
body.am-charte-v2 .am-bref {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: min(100%, 688px);
    margin: -14px auto 40px;
    border: 0.5px solid #56524f;
    border-top: 0;
    background: #e2dad3;
}

body.am-charte-v2 .am-bref__item {
    margin: 0;
    padding: 14px 12px;
    border-left: 0.5px solid #56524f;
}

body.am-charte-v2 .am-bref__item:first-child {
    border-left: 0;
}

body.am-charte-v2 .am-bref dt {
    margin: 0;
    color: #56524f;
    font-family: "Special Elite", "courier-new", monospace;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.25;
    text-transform: uppercase;
}

body.am-charte-v2 .am-bref dd {
    margin: 4px 0 0;
    color: #56524f;
    font-size: 14px;
    line-height: 1.35;
}

/* Le sommaire est collé à l'intro ; « En bref » vient fermer le tableau. */
body.am-charte-v2 .am-pilier-v2 .anaelle-article__summary {
    margin-bottom: 14px;
}

/* Qui suis-je + avis. */
body.am-charte-v2 .am-avis {
    display: grid;
    gap: 0;
    margin: 18px 0 22px;
    padding: 0;
    border-top: 0.5px solid #56524f;
    list-style: none;
}

body.am-charte-v2 .am-avis__item {
    margin: 0;
    padding: 16px 4px;
    border-bottom: 0.5px solid #56524f;
}

body.am-charte-v2 .am-avis blockquote {
    margin: 0;
    padding: 0;
    border: 0;
}

body.am-charte-v2 .am-avis blockquote p {
    margin: 0;
    color: #56524f;
    font-family: "Playfair Display", Georgia, serif;
    font-size: 18px;
    font-style: italic;
    line-height: 1.45;
}

body.am-charte-v2 .am-avis__nom {
    margin: 8px 0 0;
    color: #56524f;
    font-family: "Special Elite", "courier-new", monospace;
    font-size: 13px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

body.am-charte-v2 .am-avis__nom span {
    opacity: 0.7;
}

/* Cartes du thème en bas de page. */
body.page-template-template-anaelle-pilier .am-pilier-cartes {
    margin-top: 30px;
}

@media (max-width: 900px) {
    body.am-charte-v2 .am-bref {
        grid-template-columns: 1fr 1fr;
        width: 100%;
    }

    body.am-charte-v2 .am-bref__item:nth-child(3) {
        border-left: 0;
    }

    body.am-charte-v2 .am-bref__item:nth-child(n+3) {
        border-top: 0.5px solid #56524f;
    }

    body.page-template-template-anaelle-pilier .am-pilier-v2 {
        padding-top: 24px;
    }

    body.page-template-template-anaelle-pilier .am-pilier-v2 .anaelle-article__intro-card {
        width: 100%;
    }

    body.page-template-template-anaelle-pilier .am-pilier-v2 .anaelle-article__summary:not(.is-sticky) {
        padding: 0;
    }
}

/* Corrections après captures : texte du bouton (le style des liens le rendait foncé sur foncé)
   et fond gris des citations du thème. */
body.am-charte-v2 .anaelle-article__section a.anaelle-article__button,
body.am-charte-v2 .anaelle-article__section a.anaelle-article__button:hover {
    padding: 14px 22px;
    background: #56524f;
    color: #e2dad3;
    text-decoration: none;
}

body.am-charte-v2 .am-avis blockquote,
body.am-charte-v2 .am-avis blockquote p {
    background: transparent;
}

body.am-charte-v2 .am-avis blockquote {
    padding: 0;
    font-style: normal;
}

/* [2026-10-30] « À lire aussi » moins haute : pas de pleine hauteur d'écran comme sur l'accueil,
   titre et cartes resserrés. */
body.page-template-template-anaelle-pilier #main .am-home.am-pilier-cartes .am-cards5 {
    min-height: 0;
}

body.page-template-template-anaelle-pilier #main .am-pilier-cartes .am-cards5__title {
    padding-top: 28px;
    padding-bottom: 20px;
}

@media (min-width: 861px) {
    body.page-template-template-anaelle-pilier #main .am-pilier-cartes .am-card5 {
        min-height: 300px;
    }

    body.page-template-template-anaelle-pilier #main .am-pilier-cartes .am-card5__title {
        margin-top: 36px;
        margin-bottom: 18px;
    }
}

/* [2026-10-30] Photo de la section « Qui suis-je ? ». */
body.am-charte-v2 .am-about2__photo {
    margin: 0 0 22px;
}

body.am-charte-v2 .am-about2__photo img {
    display: block;
    width: 100%;
    height: auto;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

/* Image à la une : la balise porte maintenant largeur/hauteur réelles. */
body.page-template-template-anaelle-pilier .anaelle-article__image img {
    height: auto;
}

/* [2026-10-30] Vidéo YouTube dans le corps de la page : pleine largeur de la colonne, format 16/9. */
body.am-charte-v2 .anaelle-article__wysiwyg iframe[src*="youtube"],
body.am-charte-v2 .anaelle-article__wysiwyg iframe[data-src-cmplz*="youtube"],
body.am-charte-v2 .anaelle-article__wysiwyg .cmplz-placeholder-element {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    margin: 0 0 1.2em;
    border: 0;
}

/* [2026-10-30] Page sans image à la une : l'intro ne remonte plus sur le fil d'ariane (marge négative prévue pour chevaucher la photo). */
body.page-template-template-anaelle-pilier .anaelle-article__hero.is-sans-image .anaelle-article__intro-card {
    margin-top: 28px;
}

/* [2026-10-30] Mobile : titre assez petit pour que « transgénérationnelle » tienne sur une ligne (sinon coupé en « …NELL / E »). */
@media (max-width: 480px) {
    body.page-template-template-anaelle-pilier .anaelle-article__title {
        font-size: min(26px, 6.2vw);
        letter-spacing: 0.03em;
        overflow-wrap: normal;
        word-break: normal;
        hyphens: manual;
    }
}

/* [2026-10-30] Carte Google Maps dans le corps des pages (adresse du cabinet). */
body.am-charte-v2 .anaelle-article__map iframe,
body.am-charte-v2 .anaelle-article__map .cmplz-placeholder-element {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 10;
    border: 0.5px solid #56524f;
}

body.am-charte-v2 .anaelle-article__map p {
    margin: 10px 0 1.2em;
}