/* RBOOST 971 — adaptation du balisage des blocs WordPress à la maquette v15m.
   Règle : ce fichier ne change pas l'apparence de la maquette, il neutralise les styles par défaut de WordPress
   et applique les styles de la maquette aux classes générées par les blocs (boutons, liens, images, légendes). */

/* Conteneurs WordPress neutres */
.wp-site-blocks{padding:0}
.wp-block-post-content,.site-main{margin:0}
.wp-block-group{box-sizing:border-box}

/* Images (bloc Image) : mêmes règles que les <picture> de la maquette */
:where(.wp-block-image){margin:0} /* poids nul : les marges des classes de la maquette (.ph-mini…) s'appliquent */
.wp-block-image img{vertical-align:bottom}
.wp-block-image .wp-element-caption,.wp-block-image figcaption{margin:.45rem 0 0;font-size:.92rem;line-height:1.6;color:var(--muted);text-align:inherit}
.sec-navy .wp-block-image figcaption{color:#c5c8e3}

/* Boutons (bloc Boutons) : reprennent .btn / .btn-primary / .btn-ghost / .btn-ghost-light / .btn-navy */
:where(.wp-block-buttons).actions{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.2rem 0 0} /* même poids que .actions : les règles contextuelles de la maquette (.tarifs .actions…) s'appliquent */
.final .wp-block-buttons.actions{justify-content:center}
.wp-block-buttons>.wp-block-button{margin:0}
/* Les enveloppes <div> des boutons WordPress sont « transparentes » : le lien devient l'élément de mise en page, exactement comme le <a class="btn"> de la maquette. */
.wp-block-buttons.actions>.wp-block-button,.pro-door>.wp-block-buttons,.pro-door>.wp-block-buttons>.wp-block-button{display:contents}
:root .wp-block-button .wp-block-button__link.wp-element-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.7rem 1.25rem;border-radius:10px;font-family:inherit;font-weight:700;font-size:1rem;text-decoration:none;border:2px solid transparent;line-height:1.2;text-align:center;box-shadow:none;height:auto;width:auto;word-break:normal}
:root .wp-block-button.is-style-principal .wp-block-button__link{background:var(--orange);color:var(--navy);border-color:var(--orange)}
:root .wp-block-button.is-style-principal .wp-block-button__link:hover{background:#ff875c}
:root .wp-block-button.is-style-contour .wp-block-button__link{background:transparent;color:var(--navy);border-color:var(--navy)}
:root .wp-block-button.is-style-contour .wp-block-button__link:hover{background:rgba(25,26,60,.06)}
:root .wp-block-button.is-style-contour-clair .wp-block-button__link{background:transparent;color:#fff;border-color:rgba(255,255,255,.8)}
:root .wp-block-button.is-style-contour-clair .wp-block-button__link:hover{background:rgba(255,255,255,.1)}
:root .wp-block-button.is-style-bleu-nuit .wp-block-button__link{background:var(--navy);color:#fff}
:root .wp-block-button.is-style-bleu-nuit .wp-block-button__link:hover{background:var(--navy2)}
@media (max-width:640px){
 .actions>.wp-block-button>.wp-block-button__link.wp-element-button{flex:1 1 100%}
}

/* Lien avec flèche (style de paragraphe) = .more de la maquette */
main p.is-style-lien-fleche{margin:0;display:flex;align-items:center;min-height:44px;text-align:inherit;hyphens:manual;-webkit-hyphens:manual}
p.is-style-lien-fleche a{font-weight:700;color:var(--turq-d);display:inline-flex;align-items:center;min-height:44px}
p.is-style-lien-fleche a::after{content:"→";margin-left:.4rem}
.card p.is-style-lien-fleche{margin-top:auto}

/* Avis client */
.avis .stars-p{margin:0}
.avis .wp-block-quote{margin:.6rem 0 1rem;font-size:1.2rem;line-height:1.55;padding:0;border:0}
.avis .wp-block-quote p{margin:0}
main .avis p.avis-auteur{font-size:1rem;color:var(--muted);margin:0;text-align:inherit;hyphens:manual}

/* Bloc de l'éditeur : aperçu de l'en-tête non collant */
.editor-styles-wrapper .hd{position:relative}

/* Liens fléchés des cartes : zone cliquable sur toute la largeur, comme .card .more */
.card p.is-style-lien-fleche a{flex:1 1 auto}

/* Sommaire en pastilles (paragraphe .toc = <nav class="toc"> de la maquette) */
main p.toc{margin-bottom:0;text-align:inherit;hyphens:manual;-webkit-hyphens:manual}

/* Bouton pleine largeur dans les petites cartes (.mini .btn de la maquette) */
:root .mini .wp-block-button .wp-block-button__link.wp-element-button{width:100%}

/* 0.2.3 — barre du bas sur téléphone (Rick, 03/11/2026) : texte centré, « Demander » / « un rendez-vous » sur deux lignes,
   bords extérieurs des boutons alignés sur ceux du bouton « Découvrir le studio » de la page de garde (1rem du bord). */
@media (max-width:640px){
 .mbar{padding-left:1rem;padding-right:1rem}
 .bar-a{text-align:center;line-height:1.2}
 .bar-t span{display:block}
}