/* Charte graphique commune Charpiat Conseil
   Logo : picto + « Charpiat » (marron) + « Conseil » (bleu), sur une seule ligne.
   À charger en dernier dans le <head> de chaque page : <link rel="stylesheet" href="/assets/brand.css"> */

@font-face{font-family:'Quicksand';font-style:normal;font-weight:700;font-display:swap;src:url(/bmc/vendor/fonts/quicksand-latin-700-normal.woff2) format('woff2')}

:root{
  --brand-brown:#A38A77;      /* marron du logo */
  --brand-brown-dark:#8A6A52; /* marron lisible pour du texte */
  --brand-brown-soft:#F4EEE9;
  --brand-blue:#007FB0;       /* bleu du logo */
  /* Les accents « chauds » du site passent du orange au marron du logo */
  --warm:#8A6A52;
  --warm-soft:#F4EEE9;
}

/* Logo : en-têtes, barre des questionnaires, en-tête d'impression */
a.logo, .brand > a, div.brand, .pl{
  display:inline-flex !important;align-items:center;
  font-family:'Quicksand',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif !important;
  font-weight:700 !important;letter-spacing:-.01em;
  color:var(--brand-brown) !important;text-decoration:none !important;white-space:nowrap;
}
a.logo{font-size:21px !important}
a.logo::before, .brand > a::before, div.brand::before, .pl::before{
  content:"";flex:none;width:1.5em;height:1.5em;margin-right:.45em;
  background:url(/assets/charpiat-picto.png) center/contain no-repeat;
  -webkit-print-color-adjust:exact;print-color-adjust:exact;
}
a.logo span, a.logo em, .brand > a em, div.brand span, .pl em{
  font:inherit !important;font-style:normal !important;
  color:var(--brand-blue) !important;
  letter-spacing:inherit !important;text-transform:none !important;margin-left:0 !important;
}
/* Nom de l'outil à côté du logo (« · Guide financier ») : aligné sur le logo */
.brand{display:inline-flex;align-items:center;gap:0}
.brand .tname{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;margin-left:.35em}

/* Bordures qui étaient orangées sur la page d'accueil */
.tag-rdv{border-color:#E4D8CE !important}
.tool.expert{border-color:#E4D8CE !important}

/* Page d'accueil : le menu reste sur une ligne à côté du logo */
.nav-links a, .nav-cta .btn{white-space:nowrap}
@media (max-width:1180px){.nav-links{gap:16px !important}.nav-links a{font-size:.9rem !important}}