/* =========================
   NAVBAR – Corentin Drone
   ========================= */

/* Navbar : Bootstrap garde la hauteur */
.navbar {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  overflow: visible; /* autorise le logo à dépasser */
}

/* Brand (logo + texte) */
.navbar-brand {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* LOGO
   - hauteur logique = 40px (n'impacte pas la navbar)
   - scale = agrandissement visuel uniquement */
.navbar-logo {
  height: 45px;
  width: auto;
  display: block;
}

/* Texte "Corentin Drone" */
.navbar-brand span {
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}

/* Liens du menu */
.navbar-nav .nav-link {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

/* -------------------------
   Responsive (mobile)
   ------------------------- */
@media (max-width: 768px) {
  .navbar-logo {
    height: 32px; /* ou width */
    transform: none;
  }
}

/* ==============================
   MODE SOMBRE POUR LA NAVBAR
============================== */

/* Appliquer les variables du mode sombre */
[data-theme="dark"] .navbar {
    background-color: #1a1a1a !important;
    border-bottom: 1px solid #333;
}

[data-theme="dark"] .navbar-brand,
[data-theme="dark"] .nav-link,
[data-theme="dark"] .navbar-text {
    color: #ffffff !important;
}

[data-theme="dark"] .nav-link:hover,
[data-theme="dark"] .nav-link:focus {
    color: #3498db !important;
}

[data-theme="dark"] .nav-link.active {
    color: #3498db !important;
    border-bottom-color: #3498db !important;
}

/* Menu mobile en mode sombre */
[data-theme="dark"] .navbar-toggler {
    border-color: #555;
    color: #ffffff;
}

[data-theme="dark"] .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

[data-theme="dark"] .navbar-collapse {
    background-color: #1a1a1a;
}

/* Logo spécifique pour le mode sombre si besoin */
[data-theme="dark"] .navbar-logo {
    filter: brightness(1.2);
}

/* Dégradé plus subtil en mode sombre */
[data-theme="dark"] .navbar::after {
    background: linear-gradient(90deg, transparent, rgba(52, 152, 219, 0.1), transparent);
}

/* Animation hover plus subtile en mode sombre */
[data-theme="dark"] .nav-link::after {
    background-color: #3498db;
}

/* Responsive pour la navbar en mode sombre */
@media (max-width: 991px) {
    [data-theme="dark"] .navbar-collapse {
        border-top: 1px solid #333;
    }
    
    [data-theme="dark"] .nav-link {
        border-bottom: 1px solid #333;
    }
    
    [data-theme="dark"] .nav-link:last-child {
        border-bottom: none;
    }
}