/* static/economic/formations/css/formations.css */

/* =========================================================
   Formations UI (Bootstrap-friendly)
   - menu (_menu_formations.html)
   - hero + cards + badges
   - dark mode via [data-bs-theme="dark"]
   - "disabled" links safe-prod
   ========================================================= */

/* ---------- Variables ---------- */
:root{
  --for-radius: 16px;
  --for-shadow: 0 8px 24px rgba(0,0,0,.08);
  --for-border: rgba(0,0,0,.08);
}

/* ---------- Disabled links (important : URLs safe-prod) ---------- */
a.disabled,
.nav-link.disabled,
.dropdown-item.disabled,
.btn.disabled {
  pointer-events: none;
  opacity: .55;
  cursor: not-allowed;
  text-decoration: none !important;
}

/* ---------- Base spacing helpers (optionnel) ---------- */
.formations-shell {
  min-height: 40vh;
}

/* =========================================================
   MENU FORMATIONS (navbar sticky + bandeau)
   ========================================================= */
.navbar[aria-label*="Menu éducation"],
.navbar[aria-label*="Menu education"]{
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

/* Brand */
.navbar .navbar-brand i{
  font-size: 1.05rem;
}

/* Links */
.navbar .nav-link{
  border-radius: 999px;
  padding: .45rem .8rem;
}

.navbar .nav-link.active{
  font-weight: 800;
}

/* Buttons in menu */
.navbar .btn{
  border-radius: 999px;
}

/* Mobile collapse padding */
@media (max-width: 991.98px){
  .navbar .nav-link{
    border-radius: 12px;
  }
  .navbar .navbar-collapse{
    padding-top: .5rem;
  }
}

/* Bandeau infos (sous le menu) */
.formations-infobar {
  border-bottom: 1px solid var(--for-border);
}

/* =========================================================
   HERO (index)
   ========================================================= */
.formations-hero{
  border-radius: var(--for-radius);
}

.formations-hero h1{
  letter-spacing: -.02em;
  line-height: 1.15;
}

.formations-hero .lead{
  max-width: 56ch;
}

/* bloc "Pourquoi se former..." */
.formations-hero .bg-light{
  border: 1px solid var(--for-border);
}

/* =========================================================
   CARDS (listings / featured)
   ========================================================= */
.card{
  border-radius: var(--for-radius);
  border-color: var(--for-border);
}

.shadow-sm{
  box-shadow: var(--for-shadow);
}

/* badges */
.badge{
  border-radius: 999px;
  font-weight: 650;
}

/* featured cards */
.formations-featured-card{
  border: 1px solid var(--for-border);
  transition: transform .12s ease, box-shadow .12s ease;
}

.formations-featured-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 34px rgba(0,0,0,.10);
}

/* Buttons */
.btn{
  border-radius: 999px;
}

.btn.btn-sm{
  padding: .35rem .75rem;
}

/* =========================================================
   LISTS / SECTIONS
   ========================================================= */
.formations-section-title{
  letter-spacing: .02em;
}

/* =========================================================
   DARK MODE
   ========================================================= */
[data-bs-theme="dark"]{
  --for-border: rgba(255,255,255,.12);
  --for-shadow: 0 10px 28px rgba(0,0,0,.35);
}

/* Navbar background */
[data-bs-theme="dark"] .navbar.bg-light,
[data-bs-theme="dark"] .navbar.bg-white{
  background-color: rgba(20,20,22,.92) !important;
}

/* Text in navbar */
[data-bs-theme="dark"] .navbar .nav-link,
[data-bs-theme="dark"] .navbar .navbar-brand{
  color: rgba(255,255,255,.92);
}

/* Cards */
[data-bs-theme="dark"] .card,
[data-bs-theme="dark"] .bg-light{
  background-color: rgba(20,20,22,.92) !important;
  border-color: var(--for-border) !important;
}

/* badge "bg-light" */
[data-bs-theme="dark"] .badge.bg-light{
  background: rgba(255,255,255,.10) !important;
  color: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
}

/* text-muted tuning */
[data-bs-theme="dark"] .text-muted{
  color: rgba(255,255,255,.70) !important;
}