/* Friday : mise en page « tout centré » validée sur Face Clinique (texte, listes, formulaire, pied de page, articles, logo). À charger après les styles du site. Les sélecteurs (.qf, .checks, .foot, .post-body, .header-in…) viennent du modèle de site Naëlle / Atelier / Face Clinique. */
/* 08/11/2026 : tout le texte centré, sur toutes les pages (demande de l'utilisateur) */
.qf,.qf *,.qf .qf-title,.qf .qf-sub,.qf small,.qf label,.qf legend,.qf .lp-privacy,.qf .lp-error{text-align:center}
.qf .qf-progress{margin-inline:auto}
.checks,.tp-keys{display:flex;flex-direction:column;align-items:center;text-align:center;margin-inline:auto}
.checks li{padding-left:0;text-align:center}
.checks li:before{position:static;display:inline-grid;vertical-align:-4px;margin-right:8px}
.quotes li{justify-content:center;text-align:center}
.hx-mosaic figcaption,.hx-mosaic .hx-m figcaption{text-align:center}
.hx-price li,.hx-price-main li{text-align:center}
.foot,.foot h2,.foot p,.foot li{text-align:center}
.foot .brand{display:inline-flex;margin-inline:auto}
.foot ul{justify-items:center}
.post-body.legal,.post-body.legal p,.post-body.legal h2,.post-sec h2,.post-sec p,.post-sec li{text-align:center}
.post-table th,.post-table td{text-align:center}
@media(max-width:760px){.post-body p,.post-body li,.post-sec h2,.post-head h1{text-align:center}}
/* 08/11/2026 : logo centré dans l'en-tête (menu à gauche, bouton devis à droite ; sur téléphone, menu ☰ à droite) */
.header-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
.header-in .brand{grid-column:2;grid-row:1;justify-self:center}
.header-in .main-nav{grid-column:1;grid-row:1;justify-self:start;margin-left:0}
.header-in .header-cta{grid-column:3;grid-row:1;justify-self:end}
.header-in .menu-toggle{grid-column:3;grid-row:1;justify-self:end;margin-left:0}
@media (min-width:901px) and (max-width:1180px){.header-in{gap:14px}.header-in .main-nav{gap:16px;font-size:13px}.header-in .header-cta{padding:10px 14px;font-size:13px}}
/* Articles du blog : tout le texte centré (demande du 08/11/2026), titres espacés */
.post-body,.post-body p,.post-body li,.post-body h2,.post-body h3,.post-body td,.post-body th,.post-body .post-note,.post-head h1{text-align:center}
.post-body ul,.post-body ol{padding-left:0;list-style-position:inside}.post-body li{list-style-position:inside!important;display:list-item}
.post-aside{text-align:center}.post-aside ol,.post-aside ul{padding-left:0;list-style-position:inside;justify-items:center}

/* En-tête avec un bloc à droite (téléphone + bouton, modèle Naëlle) : le logo reste au centre */
.header-in .header-right{grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;gap:18px}
.header-in .header-right .header-cta{margin-left:0}
/* Articles écrits dans WordPress (.post-content) : texte centré, puces collées au texte */
.post-content,.post-content p,.post-content li,.post-content h2,.post-content h3,.post-content h4,.post-content td,.post-content th,.post-content figcaption,.post-head,.post-head h1,.post-meta{text-align:center}
.post-content ul,.post-content ol{padding-left:0;list-style-position:inside}.post-content li{list-style-position:inside}

/* Écrans intermédiaires (901–1320 px), en-tête avec bloc à droite : menu ☰ à gauche, logo au centre, bouton à droite */
@media (min-width:901px) and (max-width:1320px){
  .header-in:has(.header-right) .main-nav{display:none}
  .header-in:has(.header-right) .menu-toggle{display:flex;grid-column:1;justify-self:start}
}
.header-in .main-nav a{white-space:nowrap}

/* Logo toujours au centre : colonnes gauche et droite de largeur égale, liens un peu plus serrés */
.header-in{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.header-in:has(.header-right) .main-nav{gap:18px}