/* === Charte Chahia — Greenlight v3 === */

/* Boutons primaires */
.btn-primary,
button[class*='bg-blue'],
[class*='bg-primary'],
button[class*='primary'] {
  background-color: #ed1c24 !important;
  border-color: #ed1c24 !important;
  color: #fff !important;
}
.btn-primary:hover,
button[class*='bg-blue']:hover,
[class*='bg-primary']:hover {
  background-color: #c21019 !important;
  border-color: #c21019 !important;
}

/* Navbar / header */
nav, header, .navbar,
[class*='bg-blue-600'],
[class*='bg-blue-700'] {
  background-color: #000000 !important;
}
nav a, .navbar-brand, nav [class*='text-white'],
header a, header [class*='text-'] {
  color: #ffffff !important;
}

/* Liens & accents */
a { color: #ed1c24; }
a:hover { color: #c21019; }
:focus-visible { outline-color: #ed1c24 !important; }

/* Inputs focus */
input:focus, textarea:focus, select:focus {
  border-color: #ed1c24 !important;
  box-shadow: 0 0 0 2px rgba(237,28,36,0.2) !important;
}

/* Elements actifs / selected */
[class*='active'],
[aria-current='true'],
[class*='selected'] {
  color: #ed1c24 !important;
}

/* Indicateurs de progression / spinner */
[class*='border-blue'],
[class*='text-blue'] {
  border-color: #ed1c24 !important;
  color: #ed1c24 !important;
}

/* Logo : taille coherente dans la navbar */
nav img, header img, .navbar img {
  max-height: 48px;
  width: auto;
}

/* Masquer signature Greenlight (belt-and-suspenders avec le JS) */
a[href*="docs.bigbluebutton.org/greenlight"],
a[href*="greenlight/v3/install"] {
  display: none !important;
}

/* Fix navbar dropdown : texte blanc sur fond noir */
nav .nav-link,
nav .dropdown-toggle,
nav .nav-link span,
nav .dropdown-toggle span,
.navbar .nav-link,
.navbar .dropdown-toggle {
  color: #ffffff !important;
}

/* SVG chevron et icones dans la nav */
nav .text-muted,
.navbar .text-muted,
nav svg,
.navbar svg {
  color: rgba(255,255,255,0.75) !important;
}

/* === Navbar #f5f5f5 (override du noir précédent) === */
nav, header, .navbar,
[class*='bg-blue-600'],
[class*='bg-blue-700'] {
  background-color: #f5f5f5 !important;
  border-bottom: 1px solid #e0e0e0 !important;
}

nav a, .navbar-brand, nav [class*='text-white'],
header a, header [class*='text-'],
nav .nav-link, nav .dropdown-toggle,
nav .nav-link span, nav .dropdown-toggle span,
.navbar .nav-link, .navbar .dropdown-toggle {
  color: #1a1a1a !important;
}

nav .text-muted, .navbar .text-muted,
nav svg, .navbar svg {
  color: rgba(0,0,0,0.5) !important;
}

nav img, header img, .navbar img {
  max-height: 48px;
  width: auto;
}
