/* ==========================================================================
   inc-blog_chrome.css — extrait de inc/blog_chrome.php le 03/08/2026.
   Charge a la place exacte qu'occupait le <style> : ces regles surclassent
   app.css et app-light.css parce qu'elles viennent APRES. Ne pas remonter
   ce <link> plus haut dans le <head>.
   ========================================================================== */
.bc-head{ position:sticky; top:0; z-index:900; background:rgba(var(--bz-white-rgb),.94);
  backdrop-filter:saturate(140%) blur(10px); border-bottom:1px solid rgba(var(--bz-ink-rgb),.09); }
.bc-head-in{ max-width:1100px; margin:0 auto; padding:12px 22px; display:flex; align-items:center; gap:20px; }
.bc-logo{ display:inline-flex; align-items:center; gap:9px; color:var(--bz-text); text-decoration:none;
  font-family:'Poppins',sans-serif; font-weight:700; font-size:1.18rem; letter-spacing:-.01em; }
.bc-logo .mk{ width:26px; height:26px; flex:none;
  background:url(/assets/baziloo-mark.svg?v=1) center/contain no-repeat; }
.bc-nav{ display:flex; gap:4px; flex:1; justify-content:center; flex-wrap:wrap; }
.bc-nav a{ padding:7px 13px; border-radius:18px; font-size:.87rem; font-weight:500;
  color:var(--bz-text-2); text-decoration:none; }
.bc-nav a:hover{ color:var(--bz-blue-vif); background:rgba(var(--bz-blue-vif-rgb),.07); }
.bc-cta{ display:inline-flex; align-items:center; gap:6px; padding:9px 17px; border-radius:10px;
  background:var(--bz-blue-vif); color:var(--bz-sur-accent); text-decoration:none; font-size:.87rem; font-weight:600; white-space:nowrap; }
.bc-cta:hover{ background:var(--bz-blue); }
.bc-burger{ display:none; width:38px; height:34px; border:1px solid rgba(var(--bz-ink-rgb),.16);
  border-radius:9px; background:var(--bz-surface); cursor:pointer; padding:8px 9px; }
.bc-burger span{ display:block; height:2px; background:var(--bz-text); border-radius:2px; margin:3px 0; }
@media(max-width:820px){
  .bc-nav{ display:none; width:100%; order:3; justify-content:flex-start; }
  .bc-nav.on{ display:flex; }
  .bc-head-in{ flex-wrap:wrap; }
  .bc-burger{ display:block; }
}
/* Le pied est sombre DANS LES DEUX THEMES : il prenait « --bz-text » comme
   fond, ce qui marchait en clair (l'encre y est sombre) et l'inversait en bleu
   (l'encre y devient claire). Un fond n'est pas une encre. */
.bc-foot{ margin-top:60px; background:var(--bz-fond-sombre); color:rgba(var(--bz-sur-sombre-rgb),.78); padding:44px 22px 26px; }
.bc-foot-in{ max-width:1100px; margin:0 auto; display:grid;
  grid-template-columns:1.4fr 1fr 1fr; gap:30px; }
@media(max-width:700px){ .bc-foot-in{ grid-template-columns:1fr; gap:22px; } }
.bc-foot .bc-logo{ color:var(--bz-sur-sombre); margin-bottom:10px; }
.bc-foot p{ margin:0; font-size:.88rem; line-height:1.6; color:rgba(var(--bz-sur-sombre-rgb),.68); }
.bc-foot h4{ font-family:'Poppins',sans-serif; font-size:.78rem; text-transform:uppercase;
  letter-spacing:.07em; color:rgba(var(--bz-sur-sombre-rgb),.55); margin:0 0 12px; }
.bc-foot a{ display:block; color:rgba(var(--bz-sur-sombre-rgb),.78); text-decoration:none;
  font-size:.89rem; margin-bottom:8px; }
.bc-foot a:hover{ color:var(--bz-sur-sombre); }
.bc-foot-legal{ max-width:1100px; margin:30px auto 0; padding-top:20px;
  border-top:1px solid rgba(var(--bz-sur-sombre-rgb),.12); font-size:.76rem; line-height:1.65;
  color:rgba(var(--bz-sur-sombre-rgb),.5); }

/* Mesure de lecture — 153 signes par ligne sur la mention legale du blog. */
.bc-foot-legal{ max-width:60ch; margin-left:auto; margin-right:auto; }
