/* ==========================================================================
   Playbook ISM — habillage des pages natives du LMS.
   Chargé par gabarits/footer.html, seul point d'injection global.

   Palette MESURÉE dans le logo de l'école (playbook-ism/marque/palette.js,
   2026-09-12) : brun #442a1b (63 % de l'image), orange #fa9620 (4,1 %).
   ⭐ C'est bien l'identité du groupe : ISM Online mesurait #F09201 et la charte
   d'ISM Mbour documente #F09020 — à un chiffre hexadécimal près.

   ⛔ L'ORANGE NE PORTE JAMAIS DE TEXTE : #fa9620 sur blanc ne contraste qu'à
      ~2,3:1. Tout ce qui porte du texte prend #A85F00 (~5,3:1). Sur fond brun,
      c'est #f0c894 qui sert.
   ⚠️ Les !important ne sont pas de la paresse : les sélecteurs d'Indigo
      (.nav-colophon a, footer a) sont plus spécifiques qu'un « a { color } ».
   ========================================================================== */
:root {
  --ism-brun: #442a1b;
  --ism-brun-fonce: #2e1b10;
  --ism-orange: #fa9620;
  --ism-orange-txt: #A85F00;
  --ism-creme: #f0c894;
}

/* ⛔ Correctif du mode sombre, repris de todayskool-branding et ABSENT de la
   chaîne ISM Online : en navigation privée Firefox et sous un thème mobile
   sombre, le fond passait en sombre ET le texte restait sombre — illisible. */
:root { color-scheme: light !important; }

/* ---- le pied de page ---- */
.ism-wrapper-footer { background: var(--ism-brun) !important; border: 0 !important; }
.ism-footer {
  max-width: 1180px; margin: 0 auto; padding: 26px 24px 20px;
  color: #f6efe9 !important; background: transparent !important;
}
.ism-footer-haut {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: 18px; padding-bottom: 16px; border-bottom: 1px solid rgba(250,150,32,.28);
}
.ism-footer-marque img { height: 40px; width: auto; display: block; }
.ism-footer-liens ul { display: flex; flex-wrap: wrap; gap: 22px; margin: 0; padding: 0; list-style: none; }
.ism-footer-liens a,
.ism-footer .ism-exploitant a {
  color: var(--ism-creme) !important; text-decoration: none;
  font-size: 14px; border-bottom: 1px solid transparent;
}
.ism-footer-liens a:hover,
.ism-footer .ism-exploitant a:hover {
  color: #fff !important; border-bottom-color: var(--ism-orange);
}
.ism-footer-bas {
  display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between;
  gap: 10px; margin-top: 16px;
}
.ism-footer-bas p { margin: 0; font-size: 13px; }
.ism-copyright { color: rgba(246,239,233,.80) !important; }
.ism-exploitant { font-size: 12px; }
.ism-footer-langue { margin-top: 14px; }
.ism-footer-langue select { max-width: 220px; }

/* ---- l'en-tête : le logo doit avoir la place de sa signature ---- */
.wrapper-header .logo img, header.global-header .logo img, .global-header .logo img {
  height: 34px !important; width: auto !important; max-width: none !important;
}

/* ---- les liens du corps, aux couleurs de l'école ---- */
a, a:visited { color: var(--ism-orange-txt); }
a:hover, a:focus { color: var(--ism-brun); }

@media (max-width: 640px) {
  .ism-footer-haut, .ism-footer-bas { flex-direction: column; align-items: flex-start; }
  .ism-footer-liens ul { gap: 14px; }
}