/* ==========================================================================
   Corrections ZCode — 2026-10-09
   Chargé APRÈS les feuilles du thème, pour corriger sans les modifier.
   Chaque règle est limitée au strict nécessaire : le design d'origine est
   conservé partout ailleurs.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. BANDEAU DE NAVIGATION — chevauchement du menu sur le logo (1200-1500 px)

   Mesuré à 1280 px : la liste des 9 entrées du menu faisait 1098 px alors que
   sa colonne n'en offre que 950. Comme le bandeau impose « text-nowrap », les
   entrées ne pouvaient pas passer à la ligne et débordaient vers la gauche :
   le lien « Accueil » s'imprimait par-dessus le logo (confirmé à la capture).

   CAUSE RÉELLE : le thème enfant fixe
       #menu-main-menu li a { font-size: 1.4em; }
   soit 22,4 px par entrée. Sur les écrans larges la place suffit, mais entre
   1200 et 1500 px les 9 entrées ne tiennent plus.

   J'avais d'abord tenté de réduire l'espacement horizontal : inutile, car
   Bootstrap met déjà --bs-navbar-nav-link-padding-x à 0.5rem. C'est donc la
   TAILLE DU TEXTE qu'il faut ajuster, et seulement sur cette plage de largeur.
   Au-delà de 1500 px, rien n'est modifié : le design d'origine est intact.
   -------------------------------------------------------------------------- */
@media (min-width: 1200px) and (max-width: 1500px) {
  #menu-main-menu li a {
    font-size: 1.15em;
  }
  #header-nav #menu-main-menu .nav-link {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
  }
}

/* --------------------------------------------------------------------------
   2. CARROUSEL « Quelques réalisations » — hauteur des photos

   Le thème ne définit la hauteur des vignettes que sous #realisations :

       #realisations .carousel-image-container { height: 300px; ... }

   L'identifiant est bien remis dans le HTML (c'est la vraie correction), mais
   on reprend ici la règle par sécurité : si l'identifiant venait à disparaître
   lors d'une reconstruction, les photos s'écraseraient à la hauteur de leur
   légende (~32 px) sans que personne ne s'en aperçoive — exactement le bug
   signalé. Cette règle rend le résultat visuel garanti.
   -------------------------------------------------------------------------- */
#realisations .carousel-image-container {
  height: 300px;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}