/**
 * sidebar-menu.css
 * Styles pour le menu de navigation en pages internes (sidebar).
 * Ciblé uniquement sur .region-sidebar-second pour éviter tout impact ailleurs.
 * Charte graphique : bordeaux #6B2B29 / beige #DDCDB4 / marron #8A7E65 / bleu-gris #4A606E
 */

/* ─── Variables charte ───────────────────────────────────────────── */
:root {
  --menu-accent:       #6B2B29; /* bordeaux */
  --menu-accent-light: rgba(107, 43, 41, 0.08);
  --menu-beige:        #DDCDB4; /* beige clair */
  --menu-marron:       #8A7E65; /* beige foncé / marron */
  --menu-bluegray:     #4A606E; /* bleu gris */
  --menu-text:         #1d1d1b;
  --menu-white:        #FFFFFF;
}

/* ─── Niveau 0 — liste racine ─────────────────────────────────────── */
.region-sidebar-second .nav.navbar-nav.menu-level-0 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 0;
  margin: 0;
  list-style: none;
}

/* ─── Items niveau 0 ─────────────────────────────────────────────── */
.region-sidebar-second .menu-level-0 > .nav-item > .nav-link {
  display: block;
  padding: 10px 14px;
  font-size: 0.95rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--menu-text);
  border-left: 3px solid transparent;
  text-decoration: none;
  transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
  border-radius: 0 4px 4px 0;
}

.region-sidebar-second .menu-level-0 > .nav-item > .nav-link:hover {
  color: var(--menu-accent);
  border-left-color: var(--menu-accent);
  background: var(--menu-accent-light);
}

/* ─── Lien actif / fil actif niveau 0 ───────────────────────────── */
.region-sidebar-second .menu-level-0 > .nav-item.active > .nav-link,
.region-sidebar-second .menu-level-0 > .nav-item > .nav-link.active {
  color: var(--menu-accent);
  border-left-color: var(--menu-accent);
  background: var(--menu-accent-light);
}

/* Page courante exacte niveau 0 */
.region-sidebar-second .menu-level-0 > .nav-item > .nav-link.is-current {
  color: var(--menu-white);
  background: var(--menu-accent);
  border-left-color: var(--menu-accent);
  font-weight: 700;
}

/* ─── Sous-menu niveau 1 ─────────────────────────────────────────── */
.region-sidebar-second .menu-level-1 {
  list-style: none;
  padding: 4px 0 8px 0;
  margin: 0;
  border-left: 2px solid var(--menu-beige);
  margin-left: 14px;
}

.region-sidebar-second .menu-level-1 > .nav-item > .nav-link {
  display: block;
  padding: 7px 14px;
  font-size: 0.88rem;
  font-weight: 400;
  color: var(--menu-bluegray);
  text-decoration: none;
  border-left: 2px solid transparent;
  margin-left: -2px;
  transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
}

.region-sidebar-second .menu-level-1 > .nav-item > .nav-link:hover {
  color: var(--menu-accent);
  border-left-color: var(--menu-accent);
  background: var(--menu-accent-light);
}

.region-sidebar-second .menu-level-1 > .nav-item.active > .nav-link,
.region-sidebar-second .menu-level-1 > .nav-item > .nav-link.active {
  color: var(--menu-accent);
  border-left-color: var(--menu-accent);
  font-weight: 600;
}

/* Page courante exacte niveau 1 */
.region-sidebar-second .menu-level-1 > .nav-item > .nav-link.is-current {
  color: var(--menu-white);
  background: var(--menu-accent);
  border-left-color: var(--menu-accent);
  font-weight: 700;
  border-radius: 0 4px 4px 0;
}

/* ─── Sous-menu niveau 2 ─────────────────────────────────────────── */
.region-sidebar-second .menu-level-2 {
  list-style: none;
  padding: 2px 0 6px 0;
  margin: 0;
  border-left: 1px dashed var(--menu-marron);
  margin-left: 14px;
}

.region-sidebar-second .menu-level-2 > .nav-item > .nav-link {
  display: block;
  padding: 5px 12px;
  font-size: 0.82rem;
  font-weight: 400;
  color: var(--menu-marron);
  text-decoration: none;
  transition: color 0.2s ease;
}

.region-sidebar-second .menu-level-2 > .nav-item > .nav-link:hover {
  color: var(--menu-accent);
}

.region-sidebar-second .menu-level-2 > .nav-item.active > .nav-link,
.region-sidebar-second .menu-level-2 > .nav-item > .nav-link.active {
  color: var(--menu-accent);
  font-weight: 600;
}

/* Page courante exacte niveau 2 */
.region-sidebar-second .menu-level-2 > .nav-item > .nav-link.is-current {
  color: var(--menu-accent);
  font-weight: 700;
  text-decoration: underline;
  text-decoration-color: var(--menu-beige);
  text-underline-offset: 3px;
}

.region-sidebar-second h5
{
	margin-bottom:5%;
}