/* apps/base/static/base/css/nukabi.css */

:root {
  --nukabi-brand-blue: #053752;
  --nukabi-brand-red: #fb0035;
  --nukabi-brand-red-hover: #d1002c;
}

.nukabi-navbar {
  background-color: var(--nukabi-brand-blue);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  z-index: 1030;
}

.nukabi-navbar .navbar-brand {
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
}

.nukabi-navbar .navbar-brand img {
  background-color: rgba(255, 255, 255, 0.92);
  padding: 0.15rem 0.35rem;
  border-radius: 0.4rem;
}

.nukabi-navbar .nav-link {
  color: rgba(255, 255, 255, 0.9);
}

.nukabi-navbar .nav-link:hover,
.nukabi-navbar .nav-link:focus {
  color: var(--nukabi-brand-red);
}

.nukabi-navbar .navbar-toggler {
  border-color: rgba(255, 255, 255, 0.35);
}

.nukabi-navbar .btn-outline-secondary {
  color: rgba(255, 255, 255, 0.92);
  border-color: rgba(255, 255, 255, 0.5);
}

.nukabi-navbar .btn-outline-secondary:hover,
.nukabi-navbar .btn-outline-secondary:focus {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.65);
}

.nukabi-navbar .btn-primary {
  background-color: var(--nukabi-brand-red);
  border-color: var(--nukabi-brand-red);
}

.nukabi-navbar .btn-primary:hover,
.nukabi-navbar .btn-primary:focus {
  background-color: var(--nukabi-brand-red-hover);
  border-color: var(--nukabi-brand-red-hover);
}

.bg-light {
  background-color: #f7f8fa !important;
}

.bg-primary {
  background-color: #1f3a5f !important; /* bleu NuKaBi */
}

.btn-primary {
  background-color: #1f3a5f;
  border-color: #1f3a5f;
}

.btn-primary:hover {
  background-color: #162a44;
  border-color: #162a44;
}