/* Bandeau Cutup des pages secondaires (2026-10-21) — /blog, /aide, /stats, /pricing, /integration,
   /dashboard, /conditions, /policy. Même <nl-custom-toolbar id="cnHeader"> que la page principale
   (cutup.html), posé par /js/site-header.js ; ces réglages reprennent ceux du bloc « Top bar » de
   cutup.html (jetons --nlct-*, logo, anneaux) — garder les deux alignés. Variables posées sur
   #cnHeader (et non :root) pour ne pas entrer en collision avec --ink/--paper des gabarits. */
#cnHeader {
  --cn-accent: #fec303;
  --cn-accent-ink: #201e1d;
  --cn-ink: #201e1d;
  --cn-card-bg: #ffffff;
  --cn-rule-soft: rgba(26, 25, 22, .10);
  --nlct-font-brand: 'Nunito', sans-serif;
  --nlct-brand-weight: 900;
  --nlct-font-ui: 'Nunito', sans-serif;
  --nlct-font-mono: 'Nunito', sans-serif;
  --nlct-accent: #fec303;
  --nlct-bg: #ffffff;
  --nlct-text: #201e1d;
  --nlct-muted: #3A3732;
  --nlct-nav-color: #3A3732;
  --nlct-pill-bg: #ffffff;
  --nlct-pill-border: rgba(26, 25, 22, .18);
  --nlct-pill-inactive: #3A3732;
  --nlct-viewtab-radius: 999px;
  --nlct-nav-pill-radius: 999px;
  --nlct-pill-radius: 32px;
  --nlct-pill-icon-radius: 999px;
  --nlct-pill-active-icon: #201e1d;
  --nlct-pill-active-label: #fec303;
  --nlct-nav-pill-active-color: #201e1d;
  --nlct-session-in-color: #201e1d;
}

[data-cn-theme="dark"] #cnHeader {
  --cn-ink: #f0ece2;
  --cn-card-bg: #1d1b18;
  --cn-rule-soft: rgba(240, 236, 226, .12);
  --nlct-bg: #1d1b18;
  --nlct-text: #f0ece2;
  --nlct-muted: #cfc9bd;
  --nlct-nav-color: #cfc9bd;
  --nlct-pill-bg: #1d1b18;
  --nlct-pill-border: rgba(240, 236, 226, .12);
  --nlct-pill-inactive: #cfc9bd;
}

#cnHeader .nlct-brand {
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0;
  /* Icône carrée /icon.png (2026-10-21), même hauteur que l'ancien logotype, calée à gauche. */
  height: 38px;
  width: 38px;
  background-image: url('/icon.png');
  background-size: contain;
  background-position: left center;
}

/* Thème sombre : icon_dark.png (noir et blanc inversés, jaune inchangé). */
[data-cn-theme="dark"] #cnHeader .nlct-brand {
  background-image: url('/icon_dark.png');
}

@media (max-width: 600px) {
  #cnHeader .nlct-brand {
    max-width: 100%;
    min-width: 0;
    flex-shrink: 1;
    background-size: contain;
    background-position: left center;
  }
}

#cnHeader .nlct-viewtab { border-color: rgba(26, 25, 22, .18); }
[data-cn-theme="dark"] #cnHeader .nlct-viewtab { border-color: rgba(255, 255, 255, .16); }

#cnHeader .nlct-session:not(.in):not([aria-expanded="true"]) {
  border-color: rgba(26, 25, 22, .18);
  background: rgba(26, 25, 22, .04);
}

[data-cn-theme="dark"] #cnHeader .nlct-session:not(.in):not([aria-expanded="true"]) {
  border-color: rgba(255, 255, 255, .16);
  background: rgba(255, 255, 255, .06);
}

/* Le bandeau est fixe : le contenu commence sous lui (hauteur mesurée par le composant). */
body { padding-top: var(--nlct-header-h, 64px); }