/* ============================================================================
   C4 — PAGES ANNEXES, PAGES AUTEUR, ARTICLES — laboutiquedalexis.com (26/09/2026)
   Copie du modèle Square (RELEVE-MODELE.md §5) : fond blanc / fond-alt #F2F2F2,
   encre #1A1A1A, accent #006AFF, rayon 10px cartes, ombre légère 0 2px 10px
   rgba(0,0,0,.16), Inter. Ce fichier charge APRÈS pages.css/c3-rubriques.css
   (voir functions.php) : il peut surcharger sans jamais modifier ces fichiers.
   Périmètre : page.php (à-propos / doc / générique), page-contact.php,
   author.php, single.php, post_content des pages annexes et des articles.
   ========================================================================== */

/* ---------------------------------------------------------------------------
   1. À PROPOS — page d'entreprise média (ui-ux-pro-max invoqué, voir C4 rapport)
   ------------------------------------------------------------------------- */
.lba-c4-ap-intro{padding-block:2.6rem}
.lba-c4-ap-intro-grille{display:grid;grid-template-columns:260px 1fr;gap:2.6rem;align-items:start}
.lba-c4-ap-intro-grille img{width:100%;max-width:260px;height:auto;border-radius:var(--rayon-carte,10px);
  border:1px solid var(--bordure,#D9D9D9)}
.lba-c4-ap-intro-texte{font-family:'Inter',sans-serif;font-size:17px;line-height:1.7;color:var(--encre,#1A1A1A)}
.lba-c4-ap-intro-texte a{color:var(--accent,#006AFF);text-decoration:underline;text-underline-offset:3px}

.lba-c4-ap-mission{padding-block:3rem;background:var(--fond-alt,#F2F2F2)}
.lba-c4-ap-mission-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}
.lba-c4-ap-carte{background:var(--fond,#FFFFFF);border-radius:var(--rayon-carte,10px);
  box-shadow:0 2px 10px rgba(0,0,0,.10);padding:1.6rem 1.5rem}
.lba-c4-ap-picto{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;
  border-radius:50%;background:color-mix(in srgb, var(--accent,#006AFF) 12%, transparent);
  color:var(--accent,#006AFF);margin-bottom:.9rem}
.lba-c4-ap-picto svg{width:20px;height:20px}
.lba-c4-ap-carte h3{font-family:'Inter',sans-serif;font-weight:600;font-size:17px;margin:0 0 .5rem;color:var(--encre,#1A1A1A)}
.lba-c4-ap-carte p{font-family:'Inter',sans-serif;font-size:14.5px;line-height:1.6;color:var(--encre,#1A1A1A);margin:0}
.lba-c4-ap-carte a{color:var(--accent,#006AFF)}
@media (max-width:900px){.lba-c4-ap-mission-grille{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.lba-c4-ap-mission-grille{grid-template-columns:1fr}
  .lba-c4-ap-intro-grille{grid-template-columns:1fr}.lba-c4-ap-intro-grille img{max-width:180px}}

.lba-c4-ap-chiffres{padding-block:2.8rem;background:var(--fond,#FFFFFF)}
.lba-c4-ap-chiffres-grille{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.4rem;text-align:center}
.lba-c4-ap-chiffre strong{display:block;font-family:'Inter',sans-serif;font-weight:700;
  font-size:clamp(28px,3.4vw,40px);color:var(--accent,#006AFF);line-height:1.1}
.lba-c4-ap-chiffre span{display:block;margin-top:.4rem;font-family:'Inter',sans-serif;font-size:13.5px;
  color:var(--gris-texte,#737373)}
@media (max-width:760px){.lba-c4-ap-chiffres-grille{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.8rem}}

.lba-c4-ap-methode{padding-block:3rem;background:var(--fond-alt,#F2F2F2)}
.lba-c4-ap-methode-titre{font-family:'Inter',sans-serif;font-weight:700;font-size:26px;
  color:var(--encre,#1A1A1A);margin:0 0 1.6rem}
.lba-c4-ap-methode-grille{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.4rem}
.lba-c4-ap-methode-etape{display:flex;flex-direction:column;gap:.5rem}
.lba-c4-ap-methode-num{font-family:'Inter',monospace;font-weight:700;font-size:clamp(26px,2.8vw,36px);color:var(--accent,#006AFF)}
.lba-c4-ap-methode-etape p{font-family:'Inter',sans-serif;font-size:14px;line-height:1.55;color:var(--gris-texte,#737373);margin:0}
.lba-c4-ap-methode-note{margin-top:1.8rem;padding:1rem 1.2rem;background:var(--fond,#FFFFFF);
  border:1px solid var(--bordure,#D9D9D9);border-radius:var(--rayon-carte,10px);
  font-family:'Inter',sans-serif;font-size:14px;color:var(--encre,#1A1A1A)}
@media (max-width:900px){.lba-c4-ap-methode-grille{grid-template-columns:repeat(2,minmax(0,1fr))}}

.lba-c4-ap-equipe{padding-block:3rem;background:var(--fond,#FFFFFF)}
.lba-c4-ap-equipe-titre{font-family:'Inter',sans-serif;font-weight:700;font-size:26px;
  color:var(--encre,#1A1A1A);margin:0 0 1.6rem}
.lba-c4-ap-equipe-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}
.lba-c4-ap-equipe-carte{display:flex;gap:1rem;align-items:flex-start;background:var(--fond-alt,#F2F2F2);
  border-radius:var(--rayon-carte,10px);padding:1.4rem}
.lba-c4-ap-equipe-carte img{width:72px;height:72px;border-radius:50%;object-fit:cover;flex:0 0 auto;
  border:2px solid var(--fond,#FFFFFF);box-shadow:0 0 0 1px var(--bordure,#D9D9D9)}
.lba-c4-ap-equipe-carte h3{font-family:'Inter',sans-serif;font-weight:700;font-size:16px;margin:0;color:var(--encre,#1A1A1A)}
.lba-c4-ap-equipe-role{font-family:'Inter',sans-serif;font-weight:600;font-size:12.5px;color:var(--accent,#006AFF);
  margin:.2rem 0 .5rem}
.lba-c4-ap-equipe-bio{font-family:'Inter',sans-serif;font-size:13px;line-height:1.55;color:var(--gris-texte,#737373);margin:0 0 .6rem}
.lba-c4-ap-equipe-lien{font-family:'Inter',sans-serif;font-weight:600;font-size:13px;color:var(--accent,#006AFF);text-decoration:none}
.lba-c4-ap-equipe-lien:hover{text-decoration:underline}
@media (max-width:900px){.lba-c4-ap-equipe-grille{grid-template-columns:1fr}}

/* ---------------------------------------------------------------------------
   2. CONTACT — texte d'accompagnement (R-0584/R-0592 + retour Mathias 26/09)
   ------------------------------------------------------------------------- */
.lba-c4-contact-intro{padding-block:.15rem 0;max-width:820px}
.lba-c4-contact-intro p{font-family:'Inter',sans-serif;font-size:15.5px;line-height:1.4;color:var(--gris-texte,#737373);margin:0}
/* /peaufiner C6 (26/09/2026), CO-007 : marges resserrées (texte inchangé, conservé en entier —
 * consigne explicite : ne pas raccourcir le texte d'accompagnement, seulement l'espace autour). */
.lba-c4-contact-detail{font-family:'Inter',sans-serif !important;font-size:12.5px !important;
  line-height:1.35 !important;color:var(--gris-texte,#737373) !important;margin:.25rem 0 .35rem !important}
/* /peaufiner C6 (26/09/2026), CO-007 mobile : le paragraphe d'intro (obligatoire, texte
 * inchangé) est le plus gros poste vertical sur 390px — police et interligne resserrés à
 * cette seule largeur, aucun mot retiré. */
@media (max-width:640px){
  .lba-c4-contact-intro p{font-size:14px;line-height:1.3}
}

/* ---------------------------------------------------------------------------
   3. GABARIT ARTICLE — rail resserré + sticky réel (R-1019/R-1064), composants
   visuels (R-0652/R-0657/R-1021/R-0851)
   ------------------------------------------------------------------------- */
@media (min-width:1081px){
  .lba-article-corps-grille{gap:1.6rem !important}
}
.lba-article-rail{position:-webkit-sticky;position:sticky}

/* Checklist visuelle (remplace la liste à puces brute — R-0652) */
.lba-c4-checklist{margin:1.8rem 0}
.lba-c4-checklist ul{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.lba-c4-checklist li{position:relative;background:var(--fond-alt,#F2F2F2);border-radius:10px;
  padding:.75rem 1rem .75rem 2.5rem;font-family:'Inter',sans-serif;font-size:15.5px;line-height:1.5;
  color:var(--encre,#1A1A1A)}
.lba-c4-checklist li::before{content:'';position:absolute;left:.85rem;top:.95rem;width:16px;height:16px;
  border-radius:50%;background:var(--tampon,#006AFF);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12l5 5L20 6'/%3E%3C/svg%3E") center/70% no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12l5 5L20 6'/%3E%3C/svg%3E") center/70% no-repeat}

/* Encart "Le saviez-vous" — fait à partir d'une phrase déjà présente dans l'article */
.lba-c4-saviez{margin:1.8rem 0;padding:1.1rem 1.3rem;background:var(--fond,#FFFFFF);
  border:1px solid var(--bordure,#D9D9D9);border-left:4px solid var(--tampon,#006AFF);border-radius:10px}
.lba-c4-saviez-titre{font-family:'Inter',sans-serif;font-weight:700;font-size:12.5px;
  text-transform:uppercase;letter-spacing:.05em;color:var(--tampon,#006AFF);margin:0 0 .4rem}
.lba-c4-saviez p:last-child{font-family:'Inter',sans-serif;font-size:16px;line-height:1.6;
  color:var(--encre,#1A1A1A);margin:0}

/* Citations (blockquote) — léger renfort de la règle existante (pages.css), citation sourcée
   quand l'article fournit un <cite> (aucune balise nouvelle requise, dégrade proprement) */
.lba-corps blockquote cite{display:block;margin-top:.6rem;font-style:normal;font-size:13px;
  font-weight:600;color:var(--gris-texte,#737373)}

/* ---------------------------------------------------------------------------
   4. PAGE AUTEUR — léger renfort visuel (photo, carte), structure déjà conforme
   ------------------------------------------------------------------------- */
.lba-auteur-photo{box-shadow:0 2px 10px rgba(0,0,0,.16)}
.lba-auteur-domaines .lba-etiquette{background:var(--fond-alt,#F2F2F2);color:var(--encre,#1A1A1A);
  border:1px solid var(--bordure,#D9D9D9)}

/* ---------------------------------------------------------------------------
   5. DOC (mentions / confidentialité / comment nous classons) — aération légère
   ------------------------------------------------------------------------- */
.lba-doc-corps h2{scroll-margin-top:120px}
.lba-lecture h2{scroll-margin-top:120px}

/* ---------------------------------------------------------------------------
   6. ENCART COMPARATEUR COURT (C5, 26/09/2026) — pages-argent uniquement : le plateau du
   1er écran existe déjà (single.php, #lba-comparateur-haut), cet encart mi-article ne répète
   pas un 2e système d'action, juste 1 phrase + une ancre de rappel vers le formulaire du haut.
   ------------------------------------------------------------------------- */
.lba-encart-capture--lien{display:flex; align-items:flex-start; gap:.9rem; padding-top:1.4rem}
.lba-encart-capture--lien .lba-encart-capture-picto{margin-bottom:0; flex-shrink:0}
.lba-encart-capture--lien .lba-encart-capture-chapo{margin:0; max-width:none}
.lba-encart-capture--lien .lba-encart-capture-chapo a{color:var(--tampon,#006AFF); font-weight:600; text-decoration:underline}