/* NAVBAR — Thème Pokémon */
.navbar {
  background: linear-gradient(180deg, #1ec8b4, #16b9a6);
  border-bottom: 4px solid #ffcc00;
  padding: 12px 0;
  box-shadow: 0 4px 12px rgba(0,0,0,0.25);
}

/* Conteneur interne */
.navbar-container {
  width: 90%;
  margin: auto;
  display: flex;
  align-items: center;
}

/* Titre PokéClicker */
.navbar-brand {
  color: #ffeb7a;
  text-shadow: 1px 1px 0 #c79c00;
  font-weight: 700;
  letter-spacing: 1px;
  text-decoration: none;
}

.navbar-brand small {
  color: #fff7c7;
  font-size: 0.75rem;
}

/* Menu */
.navbar-collapse {
  display: flex;
  width: 100%;
}

.navbar-nav {
  display: flex;
  gap: 20px;
}

/* Liens */
.nav-link {
  color: white;
  text-decoration: none;
  padding: 6px 12px;
  border-radius: 6px;
  font-weight: 600;
  transition: 0.2s;
  border: 2px solid transparent;
}

/* Hover façon Pokémon */
.nav-link:hover {
  background: #ffcc00;
  color: #2a2a2a;
  border-color: #ffe066;
  box-shadow: 0 0 8px rgba(255, 204, 0, 0.7);
}

/* Profil à droite */
.ms-auto {
  margin-left: auto;
}

/* Bouton profil */
.btn {
  padding: 6px 14px;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 6px;
}

/* Style Pokémon pour le bouton profil */
.btn-outline-light {
  border: 2px solid #ffeb7a;
  color: #ffeb7a;
  background: rgba(255,255,255,0.05);
  transition: 0.2s;
}

.btn-outline-light:hover {
  background: #ffcc00;
  color: #2a2a2a;
  box-shadow: 0 0 10px rgba(255, 204, 0, 0.8);
}

/* Harmonisation de l'icône */
.btn-outline-light svg circle,
.btn-outline-light svg path {
  fill: #ffeb7a;
  transition: 0.2s;
}

.btn-outline-light:hover svg circle,
.btn-outline-light:hover svg path {
  fill: #2a2a2a;
}