/* =====================================================================
   Braillard — Design tokens (refonte 2026)
   Polices : corps = Helvetica Neue (native macOS = match exact Figma ; fallback Arial).
             titres = Fraunces (substitut provisoire de PP Eiko — police commerciale,
             fournir les .woff2 pour un rendu exact).
   Couleurs : relevées depuis la maquette Figma (collection « Colors »).
   ===================================================================== */
:root{
  --br-black: #000000;
  --br-white: #ffffff;

  /* Piliers (couleurs nommées Figma) */
  --br-origines:     #b85d43; /* Terracotta */
  --br-dialogues:    #c98f3d; /* Paille */
  --br-transmissions:#678562; /* Mousse */
  --br-expertises:   #4d6b72; /* Ardoise */
  /* alias historique */
  --br-mousse: var(--br-transmissions);

  /* Typographies */
  --br-font-display: "PP Eiko", Georgia, "Times New Roman", serif;
  --br-font-body: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;

  --br-fs-body: 20px;
  --br-lh-body: 1.4;
}

body{
  font-family: var(--br-font-body);
  font-size: var(--br-fs-body);
  line-height: var(--br-lh-body);
  color: var(--br-black);
}
h1, h2, h3, h4, h5, h6{
  font-family: var(--br-font-display);
  font-weight: 300;
  letter-spacing: -0.01em;
  line-height: 1;
}

/* ---- Contenu éditorial (widgets Texte / contenu d'article) ---- */
/* H2 = SANS-SERIF (Helvetica Neue), pas le serif italique (décision client).
   Liens = NOIR souligné (le rose #c36 vient d'un réglage hors charte ; le Figma
   n'a pas de couleur sur les liens inline). */
.elementor-widget-text-editor h2,
.elementor-widget-heading h2.elementor-heading-title,
.elementor-widget-theme-post-content h2{
  font-family: var(--br-font-body);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  font-size: clamp(26px, 2.4vw, 40px);
  line-height: 1.15;
  color: var(--br-black);
  margin: clamp(28px, 3.2vw, 52px) 0 clamp(12px, 1.2vw, 20px);
}
/* spécificité 0,3,0 (double classe) pour battre `.elementor a{text-decoration:none}`
   de frontend.min.css (0,2,0), chargé après custom.css. */
.elementor-widget.elementor-widget-text-editor a,
.elementor-widget.elementor-widget-theme-post-content a{
  color: inherit;
  text-decoration: underline;
  text-underline-position: from-font;
  text-decoration-thickness: from-font;
}
.elementor-widget.elementor-widget-text-editor a:hover,
.elementor-widget.elementor-widget-theme-post-content a:hover{ opacity: .6; }

/* Couleur de sélection (neutre, hors accent OS rose) */
::selection{ background: rgba(0,0,0,.12); color: inherit; }
::-moz-selection{ background: rgba(0,0,0,.12); color: inherit; }

/* Neutraliser le fond rose #c36 (hors charte, herite de reset.css) sur hover/focus des boutons.
   Specificite "body button:hover" (12) > "button:hover" (11) => gagne quel que soit lordre,
   sans ecraser les boutons ayant leur propre style (.elementor-button:hover, etc. = 20). */
body button:hover, body button:focus,
body [type="button"]:hover, body [type="button"]:focus,
body [type="submit"]:hover, body [type="submit"]:focus,
body [type="reset"]:hover, body [type="reset"]:focus {
  background-color: transparent;
  color: inherit;
}

/* =====================================================================
   Utilitaire : container BORD À BORD (full-bleed)
   À ajouter sur n'importe quel container Elementor :
   Avancé > Disposition > Classes CSS  ->  br-bleed
   Le container s'étend de 0 à 100vw quelle que soit la grille parente.
   ===================================================================== */
.br-bleed{
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

/* Ancres de section sous le header sticky (TW lot 3, Option A) */
html { scroll-padding-top: 120px; }

/* ---- Listes des shortcodes hérités (module 36 : postCat/activiteCat/personnes…)
   — bios trombinoscope, pages non reconstruites. Sobres : liens noirs
   soulignés au survol, méta (année, poste) en gris note. ---- */
.br-legacy-list{ list-style: none; margin: 1em 0; padding: 0; }
.br-legacy-list li{ margin: 0 0 .45em; }
.br-legacy-list a{ color: var(--br-black); text-decoration: none; }
.br-legacy-list a:hover{ text-decoration: underline; }
.br-legacy-list__meta{ color: #6b6660; font-size: .85em; margin-left: .5em; }

/* Page Partenaires (#89) : logos posés dans des widgets image nus (14.07) —
   sans borne ils s'affichent pleine largeur. Hauteur plafonnée, largeur auto
   (le réglage de taille par widget ne se rend pas en écriture programmatique,
   cf. piège _css_classes). */
body.page-id-89 .elementor-widget-image img{
  max-height: 110px; width: auto; max-width: min(70%, 420px);
}