/* coins + transition */
.navbar .nav-link{
    border-radius:.5rem;
    transition:background-color .3s ease, color .3s ease;
  }
  
  /* hover (indépendant du thème) */
  .navbar .nav-link:hover{
    background-color:rgba(0,0,0,.08);
  }
  
  /* actif */
  .navbar .nav-link.active,
  .navbar .nav-link[aria-current="page"]{
    background-color:rgba(0,0,0,.15);
  }
  
  /* variante si dark */
  body[data-bs-theme="dark"] .navbar .nav-link:hover{
    background-color:rgba(255,255,255,.12);
  }
  body[data-bs-theme="dark"] .navbar .nav-link.active,
  body[data-bs-theme="dark"] .navbar .nav-link[aria-current="page"]{
    background-color:rgba(255,255,255,.18);
  }
  
  /* --- Taille du texte de la navbar --- */
.navbar .nav-link {
    font-size: 1.2rem; /* un peu plus grand que la taille bootstrap (1rem) */
  }
  
  @media (min-width: 1240px) {
    .navbar .nav-link {
      font-size: 1.4rem; /* encore plus grand sur desktop */
    }
  }



/* fooooter ------------------- */
/* Forcer le body à occuper toute la hauteur */
html, body {
    height: 100%;
  }
  
  /* Structure flex verticale */
  body {
    display: flex;
    flex-direction: column;
  }
  
  /* Le contenu principal prend toute la hauteur restante */
  main {
    flex: 1;
    font-size: 1.2rem;
  }
  
  /* Footer reste en bas */
  footer {
    margin-top: auto;
  }