/* =================================================
   1. TITRE ET SLOGAN
   ================================================== */
/* Épaisseur du titre du site */
.navbar-brand,
.navbar-brand a,
.site-title,
.site-title a,
.brand-title {
  font-weight: 500 !important;
}

/* Taille, épaisseur et couleur du slogan */
.site-description {
  font-size: 1.25rem !important;
  font-weight: 400 !important;
  color: #1B365D !important;
}



/* Séparation discrète sous l'en-tête */
header.header {
  border-bottom: 1px solid #e0e0e0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
}

/* Bouton hamburger / menu mobile */
.container-header .navbar-toggler {
  color: #160101;
  cursor: pointer;
  border: 1px solid #6c093b;
}


/* =================================================
   2. MENU DE NAVIGATION
   ================================================== */
header.header .navbar-nav .nav-link {
  padding-left: 15px !important;
  padding-right: 15px !important;
  font-weight: 500;
}

/* Lien actif du menu */
header.header .navbar-nav .active > .nav-link {
  color: #0056b3 !important;
}

/* Graisse du menu principal */
.container-header .mod-menu a {
  font-weight: 400;
}


/* =================================================
   3. BANNIÈRE / IMAGE
   ================================================== */
.container-banner,
.container-banner .banner-overlay,
.mod-custom.custom.banner-overlay {
  height: auto !important;
  min-height: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.container-banner img,
.mod-custom img {
  display: block;
  max-width: 100%;
  height: auto;
}


/* =================================================
   4. TYPOGRAPHIE GLOBALE & FOOTER
   ================================================== */
body {
  font-weight: 300;
}

h1, h2, h3, h4, h5, h6,
.page-header h1,
.page-header h2 {
  font-weight: 500;
}

/* Rendu des polices plus net */
body, h1, h2, h3, h4, h5, h6 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Taille du texte du footer */
.footer,
.footer a {
  font-size: 0.85rem;
}