/*
Theme Name: pourquoicamarrive
Theme URI: https://pourquoicamarrive.com
Author: Jesse Norof
Description: Thème bloc sur mesure du blog pourquoicamarrive. Registre « Textbooks » : Poppins, bleu pervenche, un seul accent corail, page encartée, angles en feuille. Tout le contenu est en blocs natifs, modifiable dans l'éditeur.
Version: 1.0.2
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pourquoicamarrive
Tags: block-theme, full-site-editing, blog, one-column
*/

:root{
  --encre:#1E201F;
  --texte:#4A4F57;
  --corail:#F65E4D;
  --corail-fonce:#E24A39;
  --rose:#FDECEA;
  --pervenche:#C6DCFA;
  --brume:#ECF3FF;
  --givre:#F4FFFF;
  --blanc:#FFFFFF;
  --trait:#D6E4F8;
  --vert-bouteille:#096A09;      /* bouton du formulaire de contact, choix de l'auteur */
  --vert-bouteille-fonce:#064F06;
  --vert-pale:#E4F2E4;
  --feuille:0 96px 0 96px;
  --feuille-m:0 40px 0 40px;
  --icone-loupe:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");
  --icone-telecharger:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11m0 0-4.5-4.5M12 15l4.5-4.5M5 19.5h14'/%3E%3C/svg%3E");
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--pervenche);color:var(--texte);font-family:Poppins,system-ui,sans-serif;
  font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block} /* height:auto obligatoire : sinon l'attribut height des blocs image l'emporte sur aspect-ratio */
h1,h2,h3{margin:0;color:var(--encre);font-weight:600;text-wrap:balance;hyphens:none}
p{margin:0}
a{color:inherit}

/* Gutenberg ajoute des marges entre blocs frères. Neutralisation en deux temps :
   blockGap à 0px dans theme.json, puis ce filet de sécurité À SPÉCIFICITÉ NULLE
   (jamais .wp-block-group > * : ça écraserait les marges des composants).
   Dans l'éditeur, la règle de WordPress passe après cette feuille : assets/editor.css
   en reprend les marges avec un cran de spécificité de plus (outils/marges_editeur.py). */
:where(.wp-block-group)>:where(*),:where(.wp-block-buttons),:where(.wp-site-blocks)>:where(*){margin-block:0}
figure.wp-block-image,.wp-block-post-featured-image{margin:0}

/* Cadre : la page est encartée dans le bleu, comme la référence */
.wp-site-blocks{margin-inline:clamp(0px,5vw,72px);background:var(--givre);min-height:100vh;overflow:clip}
.wrap{max-width:1296px;margin-inline:auto;padding-inline:clamp(20px,5.4vw,70px)}

/* ---------- Boutons ----------
   La classe d'un core/button atterrit sur le conteneur div.wp-block-button : les styles
   visent donc le lien intérieur, et le conteneur reste neutre. Les « boutons » en
   paragraphe (bandeau cookies, filtres) gardent la classe sur le <p>. */
.wp-block-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.wp-block-button{display:inline-block;background:none;border:0;padding:0;border-radius:0}
.wp-block-button .wp-block-button__link,p.bouton{display:inline-flex;align-items:center;justify-content:center;gap:10px;
  border-radius:999px;font-family:inherit;font-weight:500;font-size:16px;line-height:1;text-decoration:none;cursor:pointer;
  height:58px;padding:0 34px;border:0;transition:background-color .2s,color .2s,border-color .2s;white-space:nowrap}
.wp-block-button.bouton-plein .wp-block-button__link,p.bouton-plein{background:var(--corail);color:var(--blanc)}
.wp-block-button.bouton-plein .wp-block-button__link:hover,p.bouton-plein:hover{background:var(--corail-fonce);color:var(--blanc)}
.wp-block-button.bouton-contour .wp-block-button__link,p.bouton-contour{background:transparent;border:1.5px solid var(--encre);color:var(--encre)}
.wp-block-button.bouton-contour .wp-block-button__link:hover,p.bouton-contour:hover{background:var(--encre);color:var(--blanc)}
.wp-block-button.bouton-petit .wp-block-button__link,p.bouton-petit{height:42px;padding:0 22px;font-size:14px}
.wp-block-button.bouton-loupe .wp-block-button__link::before,
.wp-block-button.bouton-telecharger .wp-block-button__link::before{content:"";width:17px;height:17px;background:currentColor;
  -webkit-mask:var(--icone-loupe) center/contain no-repeat;mask:var(--icone-loupe) center/contain no-repeat}
.wp-block-button.bouton-telecharger .wp-block-button__link::before{width:18px;height:18px;
  -webkit-mask-image:var(--icone-telecharger);mask-image:var(--icone-telecharger)}
.wp-block-button.bouton-plein.bouton-petit .wp-block-button__link::after,
a.lien-fleche::after,p.lien-fleche a::after{content:"›";font-size:1.25em;line-height:1;margin-top:-2px}
a.lien-fleche,p.lien-fleche a{display:inline-flex;align-items:center;gap:8px;font-weight:500;font-size:15px;color:var(--encre);text-decoration:none}
a.lien-fleche:hover,p.lien-fleche a:hover{color:var(--corail)}
p.lien-lecture{display:flex}
p.lien-lecture a{display:inline-flex;align-items:center;gap:14px;font-weight:500;font-size:15px;color:var(--encre);text-decoration:none}
p.lien-lecture a::before{content:"";width:44px;height:44px;border-radius:50%;flex:none;
  background:var(--rose) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cpath d='M18 15.5v13l10.5-6.5z' fill='%23F65E4D'/%3E%3C/svg%3E") center/44px no-repeat;
  transition:transform .2s}
p.lien-lecture a:hover::before{transform:scale(1.08)}

.surtitre{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--encre);margin-bottom:12px;line-height:1.7}

/* ---------- En-tête ---------- */
.entete-rangee{display:flex;align-items:center;gap:40px;height:104px}
.marque{display:flex;align-items:center;gap:12px}
.marque-logo{margin:0;flex:none}
.marque-logo img{width:56px;height:56px}
.marque-nom{margin:0;font-weight:600;font-size:19px;letter-spacing:-.01em;line-height:1.7;color:var(--encre)}
.marque-nom a{color:var(--encre);text-decoration:none}
.wp-block-navigation.menu{margin-left:auto}
.wp-block-navigation.menu .wp-block-navigation__container{gap:38px}
.menu .wp-block-navigation-item__content{position:relative;font-size:15px;font-weight:500;color:var(--encre);text-decoration:none;padding-block:6px}
.menu .wp-block-navigation-item__content:hover{color:var(--corail)}
.menu .est-courant>.wp-block-navigation-item__content::after{content:"";position:absolute;left:50%;bottom:-6px;width:6px;height:6px;
  margin-left:-3px;border-radius:50%;background:var(--corail)}
.entete-cta .wp-block-button .wp-block-button__link{height:50px;padding:0 26px;font-size:15px}
/* Bouton d'ouverture du menu mobile et panneau : le CSS du bloc est imprimé APRÈS cette
   feuille, d'où le sélecteur qualifié et le seul !important du thème. */
.wp-block-navigation.menu .wp-block-navigation__responsive-container-open{width:48px;height:48px;border-radius:50%;
  background:var(--brume);color:var(--encre);display:none;align-items:center;justify-content:center}
.wp-block-navigation.menu .wp-block-navigation__responsive-container.is-menu-open{background-color:var(--givre)!important;
  color:var(--encre)!important;padding:28px 24px}
.wp-block-navigation.menu .is-menu-open .wp-block-navigation__container{gap:0;width:100%}
.wp-block-navigation.menu .is-menu-open .wp-block-navigation-item{width:100%;border-bottom:1px solid var(--trait)}
.wp-block-navigation.menu .is-menu-open .wp-block-navigation-item__content{display:block;width:100%;padding:16px 0;font-size:20px}
.wp-block-navigation.menu .is-menu-open .est-courant>.wp-block-navigation-item__content::after{left:auto;right:0;top:50%;bottom:auto;margin:-3px 0 0}

/* ---------- Héros ---------- */
.hero{padding-block:48px 92px}
.hero-grille{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);gap:48px;align-items:center}
.hero-titre{font-size:clamp(40px,4.2vw,58px);line-height:1.24;letter-spacing:-.015em;max-width:600px}
.hero-titre em,.apropos-titre em,.contact-titre em,.section-titre em,.fiche-appel-titre em{font-style:normal;color:var(--corail)}
.hero-chapeau{margin-top:34px;max-width:480px;font-size:16.5px;line-height:1.75}
.hero-actions{display:flex;align-items:center;gap:30px;margin-top:46px;flex-wrap:wrap}

.hero-visuel{position:relative;aspect-ratio:1.18/1}
.hero-panneau{position:absolute;inset:0 0 0 15%;background:var(--pervenche);border-radius:var(--feuille);overflow:hidden}
.hero-pile{position:absolute;left:1%;bottom:5%;width:104%;max-width:none}
.hero-pile img{width:100%}
.hero-encart{position:absolute;left:0;top:27%;width:34%;aspect-ratio:1/1.05;background:var(--pervenche);
  border:9px solid var(--givre);border-radius:0 44px 0 44px;overflow:hidden;box-sizing:content-box}
.hero-encart-img{position:absolute;left:9%;bottom:4%;width:142%;max-width:none}
.hero-encart-img img{width:100%}

/* ---------- Bandeau ---------- */
.bandeau{display:grid;grid-template-columns:1.05fr 1fr .95fr 1.1fr;align-items:center;gap:24px;
  background:var(--brume);border-radius:14px;min-height:300px;padding-inline:40px 56px;position:relative}
.bandeau-illu{align-self:stretch;display:flex;align-items:center;position:relative}
.bandeau-illu::before{content:"";position:absolute;left:4%;top:12%;width:88%;height:76%;
  background:#DCE9FD;border:1.5px solid #BBD2F6;border-radius:58% 42% 55% 45% / 46% 58% 42% 54%}
.bandeau-illu figure{position:relative;width:96%}
.bandeau-illu img{width:100%}
.bandeau-titre{font-size:27px;line-height:1.33;letter-spacing:-.01em}
.pastilles{display:flex;align-items:center;gap:14px;margin-top:22px}
.pastille-groupe{display:flex}
.pastille-groupe figure{margin-left:-11px;flex:none}
.pastille-groupe figure:first-child{margin-left:0}
.pastille-groupe img{width:38px;height:38px;border-radius:50%;object-fit:cover;object-position:50% 20%;border:3px solid var(--brume)}
.pastilles-note{font-size:11.5px;line-height:1.45;color:var(--texte);white-space:nowrap}
.bandeau-tablette{align-self:stretch;position:relative;display:flex;align-items:flex-end;justify-content:center}
/* L'arche était un <span> vide dans la maquette : c'est devenu un pseudo-élément. */
.bandeau-tablette::before{content:"";position:absolute;bottom:0;left:50%;width:min(230px,90%);height:170px;transform:translateX(-50%);
  background:var(--pervenche);border-radius:115px 115px 0 0}
/* figure.wp-block-image : passe devant « :root :where(.is-layout-flow) > :first-child » de WordPress */
.bandeau-tablette figure.wp-block-image{position:relative;flex:none;width:132%;max-width:none;margin:-40px 0 -2px}
.bandeau-tablette img{width:100%}
.bandeau-texte{font-size:14px;line-height:1.6;margin:10px 0 22px}

/* ---------- Ebooks et vignettes ---------- */
.ebooks{padding-top:136px}
.section-tete{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end}
.section-titre{font-size:clamp(32px,3.3vw,46px);line-height:1.22;letter-spacing:-.015em}
.section-chapeau{font-size:16px;line-height:1.75;max-width:520px}
.filtres{display:flex;flex-wrap:wrap;gap:12px;margin-top:44px}
p.filtre{height:44px;display:inline-flex;align-items:center;padding:0 22px;border-radius:999px;cursor:pointer;
  border:1.5px solid var(--trait);background:var(--blanc);color:var(--encre);font-size:14px;font-weight:500;
  transition:background-color .2s,border-color .2s,color .2s;user-select:none}
p.filtre:hover{border-color:var(--corail)}
p.filtre.est-actif{background:var(--corail);border-color:var(--corail);color:var(--blanc)}
/* Pas encore d'article : ni filtres, ni lien « tous les articles ». */
.ebooks:has(.articles-attente) .filtres,.ebooks:has(.articles-attente) .ebooks-suite,
.articles:has(.articles-attente:not(.attente-tpg)) .filtres,.articles:has(.no_posts_found_text) .filtres{display:none}

.wp-block-query .grille-ebooks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:40px 0 0;padding:0;list-style:none}
.grille-ebooks>li{margin:0;display:flex}
.grille-ebooks>li.est-masquee{display:none}
.carte-ebook{flex:1;background:var(--brume);border-radius:var(--feuille-m);overflow:hidden;display:flex;flex-direction:column;
  transition:transform .25s ease}
.carte-ebook:hover{transform:translateY(-4px)}
.carte-scene{margin:0;background:var(--pervenche);height:268px;display:flex;align-items:flex-end;justify-content:center;padding-top:34px;position:relative}
.carte-scene::after{content:"";position:absolute;bottom:0;left:50%;width:62%;height:18px;transform:translateX(-50%);
  background:radial-gradient(closest-side,rgba(47,79,154,.28),transparent)}
.carte-couverture{position:relative;z-index:1;margin:0 0 22px}
.carte-scene img{width:150px;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:3px 8px 8px 3px;
  box-shadow:-6px 0 0 -2px rgba(0,0,0,.08) inset,0 18px 30px -12px rgba(30,40,80,.35);transition:transform .25s}
.carte-ebook:hover .carte-scene img{transform:translateY(-6px)}
.carte-corps{padding:26px 28px 28px;display:flex;flex-direction:column;flex:1}
.carte-sujet{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--corail)}
.carte-sujet a{color:inherit;text-decoration:none}
.carte-titre{font-size:21px;line-height:1.35;margin-top:8px}
.carte-titre a{color:inherit;text-decoration:none}
.carte-titre a:hover{color:var(--corail)}
.carte-texte{font-size:14.5px;line-height:1.65;margin-top:10px}
.carte-texte p{margin:0}
.carte-pied{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:22px}
p.badge{font-size:12px;font-weight:600;color:var(--encre);background:var(--blanc);border-radius:999px;padding:6px 14px;line-height:1.7}
.wp-block-buttons.ebooks-suite{justify-content:center;margin-top:52px}

.articles-attente{display:grid;gap:8px;justify-items:start;margin-top:40px;max-width:520px;
  background:var(--brume);border-radius:var(--feuille-m);padding:30px 32px}
.attente-titre{font-size:20px;font-weight:600;line-height:1.4;color:var(--encre)}
.attente-texte{font-size:15px;line-height:1.7;margin-bottom:12px}

/* ---------- Grille The Post Grid (page Articles) ----------
   L'extension fournit le balisage, le thème lui donne l'allure des vignettes .carte-ebook.
   Le préfixe .grille-tpg .rt-tpg-container passe devant les règles de l'extension. */
.grille-tpg .rttpg-block-postgrid.rttpg-block-wrapper,.grille-tpg .rt-tpg-container{padding:0;margin:0}
.grille-tpg .tpg-header-wrapper{display:none}
.grille-tpg .rt-tpg-container .rt-content-loader{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;align-items:stretch;margin:40px 0 0;padding:0}
.grille-tpg .rt-tpg-container .rt-content-loader::before,.grille-tpg .rt-tpg-container .rt-content-loader::after{display:none}
.grille-tpg .rt-tpg-container .rt-grid-item{width:auto;max-width:none;float:none;padding:0;margin:0;display:flex}
.grille-tpg .rt-tpg-container .rt-grid-item.est-masquee{display:none}
.grille-tpg .rt-tpg-container .rt-holder{flex:1;display:flex;flex-direction:column;height:auto;margin:0;padding:0;border:0;box-shadow:none;
  background:var(--brume);border-radius:var(--feuille-m);overflow:hidden;transition:transform .25s ease}
.grille-tpg .rt-tpg-container .rt-holder:hover{transform:translateY(-4px)}
.grille-tpg .rt-tpg-container .rt-holder .rt-detail{flex:1;display:flex;flex-direction:column;padding:0;margin:0;background:none;border:0}
.grille-tpg .rt-tpg-container .rt-holder .rt-detail>*{padding-inline:28px}
.grille-tpg .rt-tpg-container .rt-holder .rt-img-holder{order:0;margin:0;padding:34px 0 0;height:268px;overflow:visible;border-radius:0;
  background:var(--pervenche);display:flex;align-items:flex-end;justify-content:center;position:relative}
.grille-tpg .rt-tpg-container .rt-holder .rt-img-holder::after{content:"";position:absolute;bottom:0;left:50%;width:62%;height:18px;transform:translateX(-50%);
  background:radial-gradient(closest-side,rgba(47,79,154,.28),transparent)}
.grille-tpg .rt-tpg-container .rt-holder .rt-img-holder>a{position:relative;z-index:1;margin:0 0 22px;padding:0;display:flex;width:auto;height:auto;line-height:0}
.grille-tpg .rt-tpg-container .rt-holder .rt-img-holder img{width:150px!important;min-width:0;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:3px 8px 8px 3px;
  box-shadow:-6px 0 0 -2px rgba(0,0,0,.08) inset,0 18px 30px -12px rgba(30,40,80,.35);transform:none;transition:transform .25s}
.grille-tpg .rt-tpg-container .rt-holder:hover .rt-img-holder img{transform:translateY(-6px)}
.grille-tpg .rt-tpg-container .rt-holder .rt-img-holder .overlay{display:none}
.grille-tpg .rt-tpg-container .rt-holder .post-meta-tags{order:1;margin:26px 0 0;display:block;font-size:12px;font-weight:600;line-height:1.7;
  letter-spacing:.06em;text-transform:uppercase;color:var(--corail)}
.grille-tpg .rt-tpg-container .rt-holder .post-meta-tags>span{display:inline;margin:0;padding:0;line-height:inherit}
.grille-tpg .rt-tpg-container .rt-holder .post-meta-tags a{color:inherit;text-decoration:none;margin:0}
.grille-tpg .rt-tpg-container .rt-holder .rt-detail .entry-title-wrapper{order:2;margin:8px 0 0}
.grille-tpg .rt-tpg-container .rt-holder .entry-title-wrapper .entry-title{font-size:21px;font-weight:600;line-height:1.35;margin:0;padding:0;color:var(--encre)}
.grille-tpg .rt-tpg-container .rt-holder .entry-title a{color:inherit;text-decoration:none}
.grille-tpg .rt-tpg-container .rt-holder .entry-title a:hover{color:var(--corail)}
.grille-tpg .rt-tpg-container .rt-holder .tpg-excerpt{order:3;margin:10px 0 0;font-size:14.5px;line-height:1.65;color:var(--texte)}
.grille-tpg .rt-tpg-container .rt-holder .rt-detail>.post-footer{order:4;margin-top:auto;padding-top:22px;padding-bottom:28px;
  display:flex;align-items:center;justify-content:space-between}
.grille-tpg .rt-tpg-container .rt-holder .rt-detail>.post-footer::after{content:"Gratuit";order:99;font-size:12px;font-weight:600;line-height:1.7;
  color:var(--encre);background:var(--blanc);border-radius:999px;padding:6px 14px}
.grille-tpg .rt-tpg-container .rt-holder .post-footer .post-footer{padding:0;margin:0}
.grille-tpg .rt-tpg-container .rt-holder .rt-detail .read-more{margin:0;padding:0}
.grille-tpg .rt-tpg-container .rt-holder .rt-detail .read-more a{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;border-radius:0;
  background:none;font-weight:500;font-size:15px;line-height:1.7;color:var(--encre);text-decoration:none}
.grille-tpg .rt-tpg-container .rt-holder .rt-detail .read-more a::after{content:"›";font-size:1.25em;line-height:1;margin-top:-2px}
.grille-tpg .rt-tpg-container .rt-holder .rt-detail .read-more a:hover{color:var(--corail);background:none}
.grille-tpg .rt-tpg-container .no_posts_found_text{display:none}
/* Le message d'attente n'apparaît que si la grille est vide. */
.grille-tpg .attente-tpg{display:none}
.grille-tpg:has(.no_posts_found_text) .attente-tpg{display:grid}

/* ---------- Comment ça marche ---------- */
.comment{padding-top:128px}
.comment-panneau{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:72px;align-items:center;
  background:var(--pervenche);border-radius:var(--feuille);padding:76px 80px}
.comment-intro .section-chapeau{margin-top:22px}
.etapes{counter-reset:etape;display:grid;gap:18px}
.etape{counter-increment:etape;display:grid;grid-template-columns:64px 1fr;column-gap:24px;align-items:start;
  background:var(--givre);border-radius:0 28px 0 28px;padding:26px 30px}
.etape::before{content:counter(etape);grid-row:1 / span 2;width:56px;height:56px;border-radius:50%;background:var(--rose);color:var(--corail);
  display:grid;place-items:center;font-size:22px;font-weight:600}
.etape-titre{font-size:20px;line-height:1.35}
.etape-texte{font-size:14.5px;line-height:1.65;margin-top:6px}

/* ---------- À propos (accueil) ---------- */
.apropos{padding-block:136px 120px}
.apropos-titre{font-size:clamp(38px,5vw,72px);line-height:1.15;letter-spacing:-.02em;max-width:1000px}
.apropos-bas{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:64px;align-items:end;margin-top:48px;
  padding-top:40px;border-top:1.5px solid var(--trait)}
.apropos-texte{font-size:17px;line-height:1.8;max-width:640px}
.apropos-actions{display:flex;align-items:center;gap:30px;justify-content:flex-end;flex-wrap:wrap}

/* ---------- Contact ---------- */
/* Écart autorisé par le client : bouton vert bouteille, rectangulaire à coins arrondis. */
.contact{padding-block:48px 24px}
.contact-grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:56px}
.contact-titre{font-size:clamp(38px,4.2vw,58px);line-height:1.22;letter-spacing:-.015em;max-width:560px}
.contact-chapeau{margin-top:26px;max-width:470px;font-size:16.5px;line-height:1.75}
.formulaire-carte{position:relative;z-index:2;margin-top:42px;width:calc(100% + 96px);max-width:none;background:var(--blanc);
  border-radius:0 40px 0 40px;padding:38px 40px 32px;box-shadow:0 34px 70px -40px rgba(30,40,80,.45),0 0 0 1px rgba(30,40,80,.05)}
/* Contact Form 7 : le gabarit du formulaire reprend les classes de la maquette. */
.formulaire{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.champ{display:grid;gap:8px;min-width:0}
.champ-etiquette{font-size:14px;font-weight:600;color:var(--encre)}
.formulaire .wpcf7-form-control-wrap{display:block}
.champ-saisie{display:block;width:100%;height:56px;padding:0 18px;border:1.5px solid var(--trait);border-radius:12px;background:var(--givre);
  font:inherit;font-size:16px;color:var(--encre);transition:border-color .2s,box-shadow .2s}
.champ-saisie::placeholder{color:#8A93A3}
.champ-large{grid-column:1 / -1}
.champ-texte{height:auto;min-height:168px;padding:15px 18px;line-height:1.6;resize:vertical}
.champ-saisie:focus{outline:none;border-color:var(--vert-bouteille);box-shadow:0 0 0 4px rgba(9,106,9,.13)}
.champ-saisie.wpcf7-not-valid{border-color:var(--corail)}
.wpcf7-not-valid-tip{display:block;margin-top:6px;font-size:12.5px;color:var(--corail-fonce)}
.bouton-envoyer{grid-column:1 / -1;width:100%;height:58px;border:0;border-radius:12px;background:var(--vert-bouteille);color:var(--blanc);
  font:inherit;font-size:16px;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:background-color .2s;margin-top:4px}
.bouton-envoyer:hover{background:var(--vert-bouteille-fonce)}
.bouton-envoyer:focus-visible{outline:3px solid var(--vert-bouteille);outline-offset:3px}
.formulaire .wpcf7-spinner{display:none}
.formulaire-mention{grid-column:1 / -1;font-size:12.5px;line-height:1.6}
.formulaire-mention a{color:var(--encre)}
.wpcf7 form .wpcf7-response-output{margin:20px 0 0;padding:14px 18px;border:0;border-radius:12px;background:var(--rose);
  color:var(--encre);font-size:14.5px;line-height:1.6}
.wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output{display:none}
/* Message envoyé : le formulaire laisse la place à la carte de remerciement de la maquette. */
.wpcf7 form.sent .formulaire{display:none}
.wpcf7 form.sent .wpcf7-response-output{position:relative;margin:0;padding:6px 0 6px 76px;background:none;
  font-size:15px;min-height:56px;display:flex;align-items:center}
.wpcf7 form.sent .wpcf7-response-output::before{content:"";position:absolute;left:0;top:50%;margin-top:-28px;width:56px;height:56px;border-radius:50%;
  background:var(--vert-pale) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23096A09' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/26px no-repeat}
.contact-visuel{position:relative;min-height:600px}
.contact-panneau{position:absolute;inset:0;background:var(--pervenche);border-radius:var(--feuille);overflow:hidden;
  display:flex;align-items:center;justify-content:center}
.contact-enveloppe{width:94%}
.contact-enveloppe img{width:100%}

.faq{padding-block:120px}
.faq .section-titre{max-width:620px}
.faq-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:44px}
.faq-item{background:var(--brume);border-radius:0 32px 0 32px;padding:32px 30px}
.faq-question{font-size:19px;line-height:1.4}
.faq-reponse{font-size:14.5px;line-height:1.7;margin-top:12px}

/* ---------- Page À propos ---------- */
/* Texte de l'auteur repris tel quel : seuls les passages en gras de son document sont en gras. */
.apropos-intro{padding-block:48px 96px}
.apropos-grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:56px;align-items:center}
h1.surtitre{font-size:13px;line-height:1.7}
.apropos-h2{font-size:clamp(40px,4.4vw,62px);line-height:1.18;letter-spacing:-.015em;max-width:560px}
.apropos-h2 strong{font-weight:inherit}
.recit{display:grid;gap:10px;align-content:start}
.recit p{font-size:17px;line-height:1.75}
.recit strong{color:var(--encre);font-weight:700}
.recit-intro{margin-top:30px;max-width:500px}
.recit-intro p{font-size:17.5px}
.apropos-visuel{position:relative;aspect-ratio:1.1/1}
.apropos-panneau{position:absolute;inset:0;background:var(--pervenche);border-radius:var(--feuille);overflow:hidden;
  display:flex;align-items:center;justify-content:center}
.apropos-panneau figure{width:90%}
.apropos-panneau img{width:100%}

.apropos-methode{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;
  background:var(--brume);border-radius:14px;padding:76px 72px}
.recit .recit-fort{font-size:24px;line-height:1.4;margin-block:10px}
.recit-promesse{gap:16px;background:var(--blanc);border-radius:var(--feuille-m);padding:52px 44px;
  box-shadow:0 34px 70px -44px rgba(30,40,80,.4)}
.recit-promesse p{font-size:clamp(21px,1.85vw,26px);line-height:1.35;color:var(--encre);letter-spacing:-.01em}

.apropos-fin{padding-block:112px 120px}
.apropos-fin-grille{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px;align-items:start}
.recit-appel p{font-size:18px}
.recit-appel .signature{margin-top:22px;font-size:21px}
.apropos-citation{display:grid;gap:40px;justify-items:start}
.wp-block-quote.citation{margin:0;padding:0;border:0}
.citation p{font-size:clamp(30px,3.4vw,48px);line-height:1.24;letter-spacing:-.015em;color:var(--encre);text-wrap:balance}
.citation p strong{font-weight:600}
.citation cite{display:block;margin-top:22px;font-style:normal;font-size:17px;color:var(--encre)}
.citation cite strong{font-weight:600}

/* ---------- Mentions légales et confidentialité ---------- */
.legal{padding-block:48px 120px}
.legal-grille{display:grid;grid-template-columns:250px minmax(0,1fr);column-gap:80px;row-gap:56px}
.legal-tete{grid-column:1 / -1;max-width:860px}
.legal-titre{font-size:clamp(34px,3.6vw,52px);line-height:1.2;letter-spacing:-.015em}
.legal-titre strong{font-weight:inherit}
.legal-date{margin-top:18px;font-size:15px;color:var(--encre)}
.legal-date strong{font-weight:600}
.legal-sommaire{position:sticky;top:32px;align-self:start;display:flex;flex-direction:column;
  background:var(--brume);border-radius:0 28px 0 28px;padding:24px 22px}
.legal-sommaire-titre{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--encre);margin-bottom:8px}
.legal-sommaire a{display:block;font-size:14px;line-height:1.45;color:var(--texte);text-decoration:none;padding-block:6px}
.legal-sommaire a:hover{color:var(--corail)}
.legal-texte{max-width:720px;min-width:0}
.legal-texte h2{font-size:22px;line-height:1.35;margin:52px 0 6px;scroll-margin-top:24px}
.legal-texte h2:first-child{margin-top:0}
.legal-texte h2 strong{font-weight:inherit}
.legal-texte p{font-size:16px;line-height:1.75;margin-top:12px}
.legal-texte strong{color:var(--encre);font-weight:600}
.legal-texte a{color:var(--encre);overflow-wrap:anywhere}
.legal-texte ul{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.legal-texte li{position:relative;padding-left:24px;font-size:16px;line-height:1.65}
.legal-texte li::before{content:"";position:absolute;left:4px;top:.66em;width:7px;height:7px;border-radius:50%;background:var(--corail)}
.legal-carte{display:grid;gap:12px;margin-top:16px;background:var(--brume);border-radius:0 28px 0 28px;padding:24px 28px}
.legal-texte .legal-carte p{margin-top:0}
.legal-texte .legal-mail{font-size:18px}
.legal-texte .legal-signature{margin-top:64px;margin-bottom:6px;padding-top:28px;border-top:1.5px solid var(--trait);font-size:18px}

/* ---------- Page Articles, archives, 404 ---------- */
.articles{padding-block:48px 120px}
.page-404-texte{margin-top:22px}
.page-404-actions{margin-top:36px}

/* ---------- Article (fiche d'un mini-guide) ---------- */
.fiche{padding-block:28px 72px}
.fil{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13.5px;margin-bottom:40px}
.fil a{color:var(--texte);text-decoration:none}
.fil a:hover{color:var(--corail)}
.fil-sep{color:#9AA3B2}
.fiche-grille{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
.fiche-titre{font-size:clamp(40px,4.4vw,62px);line-height:1.18;letter-spacing:-.015em;margin-top:10px;max-width:600px}
.fiche-chapeau{margin-top:24px;max-width:520px;font-size:17.5px;line-height:1.75}
.fiche-chapeau p{margin:0}
.wp-block-list.fiche-infos{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.fiche-infos li{background:var(--brume);border-radius:999px;padding:8px 16px;font-size:13.5px;font-weight:500;color:var(--encre)}
.fiche-actions{margin-top:36px}
.fiche-actions .wp-block-button .wp-block-button__link{padding:0 26px}
.fiche-visuel{position:relative;aspect-ratio:1.05/1}
.fiche-panneau{position:absolute;inset:0;background:var(--pervenche);border-radius:var(--feuille);overflow:hidden;
  display:flex;align-items:center;justify-content:center}
.fiche-panneau::after{content:"";position:absolute;left:50%;bottom:13%;width:46%;height:26px;transform:translateX(-50%);
  background:radial-gradient(closest-side,rgba(47,79,154,.3),transparent)}
.fiche-panneau .fiche-couverture{position:relative;z-index:1;width:44%;margin:0 0 4%}
.fiche-couverture img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:4px 10px 10px 4px;
  box-shadow:-8px 0 0 -3px rgba(0,0,0,.08) inset,0 40px 60px -26px rgba(30,40,80,.5)}

.fiche-corps{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:80px;align-items:start;padding-block:24px 96px}
.contenu{max-width:700px;min-width:0}
.contenu h2{font-size:30px;line-height:1.3;letter-spacing:-.01em;margin-top:56px}
.contenu h2:first-child{margin-top:0}
.contenu h3{font-size:22px;line-height:1.35;margin-top:40px}
.contenu p{font-size:17.5px;line-height:1.8;margin-top:16px}
.contenu strong{color:var(--encre);font-weight:600}
.contenu a{color:var(--encre);text-decoration-color:var(--corail);text-underline-offset:3px}
.contenu ul,.contenu ol{margin:20px 0 0;padding:0;list-style:none;display:grid;gap:12px}
.contenu ul li{position:relative;padding-left:28px;font-size:17px;line-height:1.7}
.contenu ul li::before{content:"";position:absolute;left:6px;top:.7em;width:8px;height:8px;border-radius:50%;background:var(--corail)}
.contenu ol{counter-reset:point}
.contenu ol li{counter-increment:point;position:relative;padding-left:48px;min-height:32px;font-size:17px;line-height:1.7}
.contenu ol li::before{content:counter(point);position:absolute;left:0;top:-1px;width:32px;height:32px;border-radius:50%;
  background:var(--rose);color:var(--corail);display:grid;place-items:center;font-size:14px;font-weight:600;line-height:1}
.contenu blockquote{margin:36px 0 0;background:var(--brume);border:0;border-radius:var(--feuille-m);padding:36px 40px}
.contenu blockquote p{margin:0;font-size:24px;line-height:1.45;font-weight:500;color:var(--encre)}
.contenu blockquote cite{display:block;margin-top:14px;font-style:normal;font-size:14px;font-weight:600;color:var(--corail)}
.contenu .contenu-avertissement{margin-top:48px;padding-top:24px;border-top:1.5px solid var(--trait);font-size:14px;line-height:1.7}

.fiche-encart{position:sticky;top:32px;display:grid;gap:10px;justify-items:center;text-align:center;
  background:var(--blanc);border-radius:var(--feuille-m);padding:30px 26px;
  box-shadow:0 34px 70px -44px rgba(30,40,80,.45),0 0 0 1px rgba(30,40,80,.05)}
.encart-couverture{margin:0 0 8px;width:120px}
.encart-couverture img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:3px 7px 7px 3px;
  box-shadow:0 18px 30px -14px rgba(30,40,80,.4)}
.encart-titre{font-size:18px;font-weight:600;line-height:1.35;color:var(--encre)}
.encart-infos{font-size:13.5px;margin-bottom:8px}
.fiche-encart .wp-block-buttons,.fiche-encart .wp-block-button{width:100%}
.fiche-encart .wp-block-button .wp-block-button__link{width:100%;height:50px;padding:0 20px;font-size:15px}

.fiche-appel{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:32px 40px;
  background:var(--pervenche);border-radius:var(--feuille);padding:72px 80px}
.fiche-appel-titre{font-size:clamp(28px,3vw,42px);line-height:1.25;letter-spacing:-.015em;max-width:620px}
.autres{padding-block:110px 120px}
/* Article écrit sans le motif « Fiche mini-guide » : une colonne lisible malgré tout. */
.single .wp-block-post-content>:where(p,h2,h3,ul,ol,blockquote,figure,.wp-block-buttons){max-width:760px;margin-inline:auto;
  padding-inline:20px;margin-top:20px}

/* ---------- Pied de page ---------- */
.pied{background:var(--brume);padding-top:76px}
.pied-haut{display:grid;grid-template-columns:1.5fr 1fr 1.2fr 1.3fr;gap:40px;padding-bottom:56px}
.pied-marque>.pied-phrase{margin-top:24px} /* la maquette pose le logo en inline-flex : 8 px de ligne en plus */
.pied-phrase{font-size:14px;line-height:1.65;margin-top:16px;max-width:300px}
.pied-titre{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--encre);margin-bottom:16px}
.pied-colonne{display:flex;flex-direction:column;gap:10px}
.wp-block-navigation.pied-menu .wp-block-navigation__container{flex-direction:column;align-items:flex-start;gap:10px}
.pied-menu .wp-block-navigation-item__content{font-size:14.5px;line-height:1.7;text-decoration:none;color:var(--texte)}
.pied-menu .wp-block-navigation-item__content:hover{color:var(--corail)}
.pied-contact .pied-phrase{margin:0 0 20px}
.pied-bas{display:flex;justify-content:space-between;gap:20px;padding-block:24px 30px;border-top:1.5px solid var(--trait);font-size:13px}

/* ---------- Bandeau cookies ---------- */
.cookies{position:fixed;left:clamp(12px,calc(5vw + 24px),96px);bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:50;width:min(480px,calc(100vw - 24px));
  background:var(--blanc);border-radius:0 28px 0 28px;padding:26px 28px 24px;
  box-shadow:0 24px 60px -20px rgba(30,40,80,.35),0 0 0 1px rgba(30,40,80,.04);
  display:none}
.cookies.est-actif{display:block}
.cookies-titre{font-size:17px;font-weight:600;color:var(--encre)}
.cookies-texte{font-size:13.5px;line-height:1.6;margin-top:8px}
.cookies-texte a{color:var(--encre)}
.cookies-actions{display:flex;align-items:center;gap:12px;margin-top:18px;flex-wrap:wrap}
.cookies-perso{font-size:13.5px;font-weight:500;margin-left:auto}
.cookies-perso a{color:var(--encre)}

:where(a,button,[tabindex]):focus-visible{outline:3px solid var(--corail);outline-offset:3px;border-radius:8px}

/* ---------- Adaptatif ---------- */
@media (max-width:1100px){
  .wp-block-navigation.menu .wp-block-navigation__container{gap:26px}
  .wp-block-buttons.entete-cta{display:none}
  .bandeau{grid-template-columns:1fr 1fr;padding:32px;gap:28px 32px}
  .bandeau-tablette{min-height:260px}
  .comment-panneau{grid-template-columns:1fr;gap:44px;padding:64px 48px}
  .pied-haut{grid-template-columns:1fr 1fr}
  .formulaire-carte{width:calc(100% + 64px)}
  .faq-grille{gap:20px}
  .fiche-corps{grid-template-columns:minmax(0,1fr) 260px;gap:48px}
  .apropos-methode{grid-template-columns:1fr;gap:44px;padding:56px 48px}
  .apropos-fin-grille{gap:48px}
}
@media (max-width:860px){
  .entete-rangee{height:84px;gap:16px}
  .marque-logo img{width:48px;height:48px}
  .marque-nom{font-size:17px}
  .hero{padding-block:24px 64px}
  .hero-grille{grid-template-columns:1fr;gap:44px}
  .hero-chapeau{margin-top:22px}
  .hero-actions{margin-top:32px;gap:22px}
  .section-tete{grid-template-columns:1fr;gap:18px}
  .wp-block-query .grille-ebooks{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .grille-tpg .rt-tpg-container .rt-content-loader{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .ebooks,.comment{padding-top:88px}
  .apropos{padding-block:88px 80px}
  .apropos-bas{grid-template-columns:1fr;gap:28px}
  .apropos-actions{justify-content:flex-start}
  .contact{padding-top:24px}
  .contact-grille{grid-template-columns:1fr;gap:40px}
  .formulaire-carte{width:100%;max-width:none;margin-top:32px}
  .contact-visuel{min-height:0;aspect-ratio:1.25/1}
  .faq{padding-block:88px}
  .faq-grille{grid-template-columns:1fr}
  .apropos-intro{padding-block:24px 64px}
  .apropos-grille{grid-template-columns:1fr;gap:40px}
  .apropos-fin{padding-block:80px 88px}
  .apropos-fin-grille{grid-template-columns:1fr}
  .legal{padding-block:24px 88px}
  .legal-grille{grid-template-columns:1fr;row-gap:32px}
  .legal-sommaire{position:static;display:grid;grid-template-columns:1fr 1fr;column-gap:20px}
  .legal-sommaire-titre{grid-column:1 / -1}
  .articles{padding-block:24px 88px}
  .fiche-grille,.fiche-corps{grid-template-columns:1fr;gap:40px}
  .fiche-encart{display:none}
  .fiche-appel{padding:52px 44px}
  .autres{padding-block:80px 88px}
}
@media (max-width:599px){
  /* En dessous de 600 px, le bloc Navigation affiche son bouton de menu. */
  .wp-block-navigation.menu .wp-block-navigation__responsive-container-open{display:flex}
}
@media (max-width:560px){
  .wp-site-blocks{margin-inline:0}
  .wp-block-button .wp-block-button__link,p.bouton{height:54px;padding:0 28px}
  .wp-block-button.bouton-petit .wp-block-button__link,p.bouton-petit{height:42px;padding:0 20px}
  .hero-titre{font-size:36px;line-height:1.25}
  .hero-encart{border-width:6px;border-radius:0 28px 0 28px}
  .hero-panneau{border-radius:0 56px 0 56px}
  .bandeau{grid-template-columns:1fr;padding:28px 24px 0;text-align:left}
  .bandeau-illu{max-width:320px}
  .bandeau-tablette{order:4;min-height:250px}
  .wp-block-query .grille-ebooks{grid-template-columns:1fr}
  .carte-ebook{display:grid;grid-template-columns:118px minmax(0,1fr);border-radius:0 28px 0 28px}
  .carte-scene{height:auto;padding:22px 0 0;align-items:flex-start}
  .carte-scene::after{bottom:auto;top:150px;width:80%}
  .carte-couverture{margin-bottom:0}
  .carte-scene img{width:84px}
  .carte-corps{padding:20px 20px 22px}
  .carte-titre{font-size:18px;margin-top:6px}
  .carte-texte{font-size:14px;margin-top:6px}
  .carte-pied{padding-top:14px;gap:10px}
  .carte-pied .badge{display:none}
  .grille-tpg .rt-tpg-container .rt-content-loader{grid-template-columns:1fr}
  .grille-tpg .rt-tpg-container .rt-holder{border-radius:0 28px 0 28px}
  .grille-tpg .rt-tpg-container .rt-holder .rt-detail{display:grid;grid-template-columns:118px minmax(0,1fr);grid-template-rows:auto auto auto 1fr;align-content:start}
  .grille-tpg .rt-tpg-container .rt-holder .rt-detail>*{grid-column:2;padding-inline:20px}
  .grille-tpg .rt-tpg-container .rt-holder .rt-img-holder{grid-column:1;grid-row:1 / -1;padding:22px 0 0;height:auto;align-items:flex-start}
  .grille-tpg .rt-tpg-container .rt-holder .rt-img-holder::after{bottom:auto;top:150px;width:80%}
  .grille-tpg .rt-tpg-container .rt-holder .rt-img-holder>a{margin-bottom:0}
  .grille-tpg .rt-tpg-container .rt-holder .rt-img-holder img{width:84px!important}
  .grille-tpg .rt-tpg-container .rt-holder .post-meta-tags{margin-top:20px}
  .grille-tpg .rt-tpg-container .rt-holder .rt-detail .entry-title-wrapper{margin-top:6px}
  .grille-tpg .rt-tpg-container .rt-holder .entry-title-wrapper .entry-title{font-size:18px}
  .grille-tpg .rt-tpg-container .rt-holder .tpg-excerpt{font-size:14px;margin-top:6px}
  .grille-tpg .rt-tpg-container .rt-holder .rt-detail>.post-footer{padding-top:14px;padding-bottom:22px;gap:10px}
  .grille-tpg .rt-tpg-container .rt-holder .rt-detail>.post-footer::after{display:none}
  .wp-block-buttons.ebooks-suite{margin-top:36px}
  .filtres{flex-wrap:nowrap;overflow-x:auto;margin-inline:-20px;padding-inline:20px;scrollbar-width:none}
  p.filtre{flex:none}
  .comment-panneau{padding:48px 22px;border-radius:0 56px 0 56px}
  .etape{grid-template-columns:48px 1fr;column-gap:16px;padding:22px}
  .etape::before{width:46px;height:46px;font-size:19px}
  .apropos-titre{font-size:36px}
  .pied-haut{grid-template-columns:1fr;gap:32px}
  .pied-bas{flex-direction:column;gap:4px}
  .cookies{left:12px;bottom:12px;padding:22px}
  .cookies-perso{margin-left:0}
  .contact-titre{font-size:36px}
  .formulaire-carte{padding:28px 22px 24px;border-radius:0 28px 0 28px}
  .formulaire{grid-template-columns:1fr;gap:18px}
  .contact-panneau{border-radius:0 56px 0 56px}
  .faq-item{padding:26px 22px}
  .apropos-h2{font-size:36px}
  .apropos-panneau{border-radius:0 56px 0 56px}
  .apropos-methode{padding:40px 22px}
  .recit-promesse{padding:32px 24px;border-radius:0 28px 0 28px}
  .recit .recit-fort{font-size:21px}
  .legal-titre{font-size:32px}
  .legal-sommaire{padding:20px 18px}
  .legal-sommaire a{font-size:13.5px}
  .legal-carte{padding:20px}
  .articles-attente{padding:24px 22px;border-radius:0 28px 0 28px}
  .fiche-titre{font-size:36px}
  .fiche-actions .wp-block-button,.fiche-actions .wp-block-button .wp-block-button__link{width:100%}
  .fiche-panneau{border-radius:0 56px 0 56px}
  .contenu h2{font-size:25px;margin-top:44px}
  .contenu p{font-size:16.5px}
  .contenu blockquote{padding:26px 22px;border-radius:0 28px 0 28px}
  .contenu blockquote p{font-size:20px}
  .fiche-appel{padding:40px 24px;border-radius:0 56px 0 56px}
  .fiche-appel .wp-block-button,.fiche-appel .wp-block-button .wp-block-button__link{width:100%}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}