/* ============================================================
   THÈME CLAIR GLOBAL — koatcher.com
   ------------------------------------------------------------
   Bascule tout le site du sombre vers un fond BLANC PUR (#FFFFFF)
   avec texte noir. On agit en redéfinissant les variables des
   différents systèmes de thème coexistant sur le site, plutôt
   qu'en réécrivant chaque feuille :

     --ks-*   : CSS principal (koatcher-sombre.css)
     --c-*    : page de connexion (connexion.css)
     --cds-*  : pages au style Carbon/rankersquare
     --bg/--ink/--surface… : divers

   Chargé sur toutes les pages via le chrome commun.
   ============================================================ */

:root{
  /* --- système principal du site (--ks-*) --- */
  --ks-fond:    #FFFFFF !important;
  --ks-surface: #FFFFFF !important;
  --ks-carte:   #FFFFFF !important;
  --ks-trait:   rgba(17,17,17,.08) !important;
  --ks-bord:    rgba(17,17,17,.14) !important;
  --ks-encre:   #111111 !important;
  --ks-bouton:  #111111 !important;

  /* --- login (--c-*) --- */
  --c-fond:    #FFFFFF !important;
  --c-panneau: #FFFFFF !important;
  --c-carte:   #FFFFFF !important;
  --c-trait:   rgba(17,17,17,.08) !important;
  --c-bord:    rgba(17,17,17,.14) !important;
  --c-encre:   #111111 !important;

  /* --- système sombre générique éventuel --- */
  --bg:      #FFFFFF !important;
  --fond:    #FFFFFF !important;
  --surface: #FFFFFF !important;
  --ink:     #111111 !important;
  --encre:   #111111 !important;
  --muted:   #5a5a5f !important;
  --line:    rgba(17,17,17,.10) !important;
  --white:   #FFFFFF !important;

  /* --- Carbon (--cds-*) pour les pages rankersquare --- */
  --cds-background:   #FFFFFF !important;
  --cds-layer:        #FFFFFF !important;
  --cds-text-primary: #111111 !important;
  --cds-border-subtle:rgba(17,17,17,.10) !important;
}

/* Corps et html en blanc, texte noir, quels que soient les
   sélecteurs qui posaient un fond noir en dur. */
html, body,
body.page-noire, body.is-dark-bg{
  background: #FFFFFF !important;
  color: #111111 !important;
}

/* --- Footer (bpFooter) : ses propres tokens --fInk/--fOnInk --- */
.bpFooter{
  --fInk:      #FFFFFF !important;   /* fond blanc */
  --fInk-soft: #FAFAFA !important;
  --fOnInk:    #111111 !important;   /* texte noir */
  --fMuted:    rgba(17,17,17,.60) !important;
  --fLine:     rgba(17,17,17,.10) !important;   /* le filet du footer (était blanc/noir) */
  background: #FFFFFF !important;
  border-top: 1px solid rgba(17,17,17,.10) !important;
  color: #111111 !important;
}
.bpFooter a{ color: rgba(17,17,17,.72) !important; }
.bpFooter a:hover{ color:#111111 !important; }
/* le logo footer : montrer la version claire (logo noir) et cacher la sombre */
.bpFooter-brandImg.est-sombre{ display:none !important; }
.bpFooter-brandImg.est-claire{ display:inline-block !important; }

/* ============================================================
   HEADER CLAIR — burger visible, panneau mobile lisible, CTA gris
   ------------------------------------------------------------
   Le header d'origine est prévu pour un fond noir : ses icônes et
   son CTA sont blancs, donc invisibles sur blanc.
   ============================================================ */

/* Le hamburger : icône sombre sur fond blanc (il était blanc sur blanc). */
.hdr__burger{
  color: #111111 !important;
  background: transparent !important;
  border: 0 !important;
}
.hdr__burger svg{ color: #111111 !important; fill: currentColor !important; }

/* Bouton d'action du header : pastille grise pleine, sans contour — le
   filet doublait la limite que le fond donne déjà. */
.hdr__cta{
  background: #EDEDF0 !important;
  color: #111111 !important;
  border: 0 !important;
  border-radius: 999px !important;
}
.hdr__cta:hover{
  background: #E2E2E6 !important;
  color: #111111 !important;
}

/* Panneau du menu mobile : fond blanc et texte sombre, sinon il s'ouvrait
   en blanc sur blanc et paraissait « cassé ». */
.hdr__panel,
.hdr__panel-cadre,
.hdr__panel-liste{
  background: #FFFFFF !important;
  color: #111111 !important;
  border-color: rgba(17,17,17,.10) !important;
}
.hdr__panel a,
.hdr__panel-liste a,
.hdr__panel-login{ color: #111111 !important; }
.hdr__panel-cta{
  background: #111111 !important;
  color: #FFFFFF !important;
}
/* Les liens de nav du header, en sombre sur blanc. */
.hdr__lien, .hdr__declencheur, .hdr__logo-mot{ color:#111111 !important; }

/* Aucune bordure sombre en haut des footers (ancien bpFooter et nouveau .ftr). */
.bpFooter, .bpFooter *,
.ftr, .ftr *,
.cta, .cta *{
  border-color: rgba(17,17,17,.10) !important;
}
.ftr, .cta{ background:#FFFFFF !important; color:#111111 !important; }
.ftr a, .ftr p{ color: rgba(17,17,17,.72) !important; }
.ftr__title, .ftr__logo-mot{ color:#111111 !important; }