/**
 * assets/css/style.css
 * CSS personnalise, utilise en complement de Bootstrap (charge en priorite).
 */

:root {
  --mgt-green: #1b6b3c;
  --mgt-green-dark: #114a29;
  --mgt-green-light: #e8f5ee;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background-color: #ffffff;
  color: #1f2a24;
}

/* ===================== NAVBAR ===================== */
.navbar-brand {
  letter-spacing: -0.02em;
}

/* ===================== BOUTONS ===================== */
.btn-success {
  background-color: var(--mgt-green);
  border-color: var(--mgt-green);
}
.btn-success:hover,
.btn-success:focus {
  background-color: var(--mgt-green-dark);
  border-color: var(--mgt-green-dark);
}
.btn-outline-success {
  color: var(--mgt-green);
  border-color: var(--mgt-green);
}
.btn-outline-success:hover {
  background-color: var(--mgt-green);
  border-color: var(--mgt-green);
}

/* ===================== TEXTES / BADGES ===================== */
.text-success {
  color: var(--mgt-green) !important;
}
.bg-success {
  background-color: var(--mgt-green) !important;
}
.bg-success-subtle {
  background-color: var(--mgt-green-light) !important;
}

/* ===================== CARTES ===================== */
.card {
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.card.shadow-sm:hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1) !important;
}

/* ===================== CONTENU DE COURS ===================== */
.course-content {
  font-size: 1.05rem;
  line-height: 1.75;
}

/* ===================== HERO ===================== */
section.bg-success.bg-gradient {
  background: linear-gradient(135deg, var(--mgt-green) 0%, var(--mgt-green-dark) 100%) !important;
}

/* ===================== SIDEBAR ADMIN (complement) ===================== */
.admin-sidebar a.nav-link {
  transition: background-color 0.15s ease;
}

/* ===================== RESPONSIVE : mobile-first adjustments ===================== */
@media (max-width: 576px) {
  .display-5 {
    font-size: 2rem;
  }
  .card-body {
    padding: 1.25rem;
  }
}

/* ===================== PROGRESS BARS ===================== */
.progress {
  border-radius: 999px;
  background-color: #eef2ef;
}
.progress-bar {
  border-radius: 999px;
}

/* ===================== FOOTER ===================== */
footer a:hover {
  color: #ffffff !important;
  text-decoration: underline !important;
}