/* akaera-patch.css */

/* 0) Neutralise la navbar "hero" du template sur les pages dashboard/admin */
body.bg-light .navbar,
body.bg-light nav.navbar {
  position: relative !important;
  background: #212529 !important; /* noir bootstrap */
  padding-bottom: .5rem !important;
}

/* 1) Le container ne doit pas devenir blanc sur mobile (bug template) */
body.bg-light .navbar .container {
  background: transparent !important;
}

/* 2) Liens navbar en blanc (lisibles) */
body.bg-light .navbar .navbar-brand,
body.bg-light .navbar .nav-link,
body.bg-light .navbar .navbar-text {
  color: rgba(255,255,255,.92) !important;
}

/* 3) Hover */
body.bg-light .navbar .nav-link:hover,
body.bg-light .navbar .nav-link:focus {
  color: #fff !important;
}

/* 4) Burger icon visible */
body.bg-light .navbar .navbar-toggler .navbar-toggler-icon,
body.bg-light .navbar .navbar-toggler .navbar-toggler-icon::before,
body.bg-light .navbar .navbar-toggler .navbar-toggler-icon::after {
  background: #fff !important;
}

/* 5) Collapse menu mobile : fond noir + arrondi */
@media (max-width: 991.98px) {
  body.bg-light .navbar .navbar-collapse {
    background: #212529 !important;
    border-radius: 12px !important;
    margin-top: .5rem !important;
    padding: .75rem 1rem !important;
  }

  body.bg-light .navbar .navbar-nav .nav-link {
    color: rgba(255,255,255,.92) !important;
    margin: 0 !important;
    padding: .6rem 0 !important;
  }
}

/* 6) Page publique : on laisse ton style, mais on sécurise le contraste */
.navbar.navbar-light .nav-link,
.navbar.navbar-light .navbar-brand {
  color: rgba(0,0,0,.85) !important;
}
.navbar.navbar-light .nav-link:hover {
  color: rgba(0,0,0,1) !important;
}