/* ─────────────────────────────────────────────────────────────────────────────
   Habillage ISM Online des pages NATIVES du LMS (tableau de bord, compte, profil).
   Les micro-frontaux (learning, authn) ont leur propre habillage — voir le README.

   ⚠️ Couleurs relevées dans le logo fourni par l'école : #F09201 / #3A2313.
   ⛔ L'orange pur ne contraste qu'à 2,3:1 sur blanc : il ne sert JAMAIS de couleur de
      texte. Les liens prennent #A85F00 (≈ 5,3:1), même famille, lisible.
   ⚠️ Les « !important » ne sont pas de la paresse : les règles d'origine sont plus
      spécifiques (.tab-nav-link, .course-target-link…) et gagneraient sinon. Mesuré :
      les liens restaient en #1B6D99 malgré une règle « a { color: … } ».
   ⭐ Fichier SÉPARÉ du gabarit : une retouche de couleur ne demande alors ni
      redémarrage du LMS ni recompilation — le fichier statique est relu à chaque appel.
   ───────────────────────────────────────────────────────────────────────────── */
:root { --ism-or:#F09201; --ism-or-fonce:#A85F00; --ism-brun:#3A2313; }

/* liens */
a, a:visited { color: var(--ism-or-fonce) !important; }
a:hover, a:focus { color: var(--ism-brun) !important; }
.course-title, .course-title a, h1, h2, h3 { color: var(--ism-brun) !important; }

/* onglet actif et en-tête */
.tab-nav-link.active, .nav-tabs .nav-link.active { border-bottom-color: var(--ism-or) !important; }
header.global-header, .wrapper-header, .header-global { border-bottom: 3px solid var(--ism-or); }

/* boutons pleins */
.btn-primary, .action-primary, button[type="submit"], input[type="submit"],
.button.action-primary, .search-button, button.search-button {
  background: var(--ism-or) !important; border-color: var(--ism-or) !important;
  color: var(--ism-brun) !important; font-weight: 600;
}
.btn-primary:hover, .action-primary:hover, button[type="submit"]:hover,
input[type="submit"]:hover, .search-button:hover {
  background: var(--ism-brun) !important; border-color: var(--ism-brun) !important;
  color: #fff !important;
}

/* boutons en contour — « Reprendre le cours » en fait partie */
.btn-outline-primary, .btn-secondary, .course-target-link.enter-course, a.enter-course {
  color: var(--ism-or-fonce) !important; border-color: var(--ism-or) !important;
  background: #fff !important;
}
.btn-outline-primary:hover, .btn-secondary:hover,
.course-target-link.enter-course:hover, a.enter-course:hover {
  background: var(--ism-or) !important; color: var(--ism-brun) !important;
  border-color: var(--ism-or) !important;
}

/* ── le pied de page lui-même ── */
.ism-pied { background: var(--ism-brun); color:#fff; padding:34px 0 26px; margin-top:48px; }
.ism-pied .ism-dedans { max-width:1180px; margin:0 auto; padding:0 24px;
    display:flex; flex-wrap:wrap; gap:24px; align-items:center; justify-content:space-between; }
.ism-pied img { height:46px; display:block; }
.ism-pied .ism-liens a { opacity:.86; text-decoration:none; margin-left:22px; font-size:14px; }
.ism-pied .ism-liens a:hover { opacity:1; text-decoration:underline; }
.ism-pied .ism-bas { max-width:1180px; margin:22px auto 0; padding:16px 24px 0;
    border-top:1px solid rgba(255,255,255,.18); font-size:13px; opacity:.82; }
@media (max-width:640px){ .ism-pied .ism-dedans{ flex-direction:column; align-items:flex-start; }
    .ism-pied .ism-liens a{ margin:0 22px 0 0; } }

/* ⛔ Ces deux règles n'ont de sens QU'AVEC le fond brun ci-dessus : séparées de lui,
   elles rendent les liens du pied de page invisibles. Ne jamais les déplacer seules. */
.ism-pied a, .ism-pied a:visited { color: #fff !important; }
.ism-pied a:hover { color: var(--ism-or) !important; }