/* Améliorations pour les bannières de pages (sauf front-page) */

/* Uniformiser la taille des titres sur toutes les pages */
.page-banner__title,
.headline.headline--large {
  font-size: 3.2rem !important; /* Taille plus grande et visible pour tous les titres de pages */
  line-height: 1.2;
  margin-bottom: 0.5rem;
  font-weight: 700;
}

/* Taille des sous-titres */
.page-banner__intro p,
.headline.headline--medium {
  font-size: 1.4rem !important;
  line-height: 1.4;
  opacity: 0.9;
  font-weight: 400;
}

/* Taille des sous-sous-titres */
.headline.headline--small {
  font-size: 1.1rem !important;
  line-height: 1.3;
  opacity: 0.8;
  font-weight: 300;
}

/* Ajuster la hauteur de la bannière */
.page-banner {
  min-height: 320px; /* Hauteur ajustée pour les titres plus grands */
  display: flex;
  align-items: center;
}

.page-banner__content {
  padding: 2rem 0;
}

/* Réduction spécifique de la hauteur pour la page actualités */
.page-template-page-actualites .page-banner {
  min-height: 220px !important; /* Hauteur réduite pour la page actualités */
}

.page-template-page-actualites .page-banner__content {
  padding: 1.5rem 0; /* Réduction du padding vertical */
}

/* Réduire l'espacement entre les éléments du header */
.page-template-page-actualites .headline.headline--large {
  margin-bottom: 0.3rem;
}

.page-template-page-actualites .headline.headline--medium {
  margin-bottom: 0.3rem;
}

.page-template-page-actualites .headline.headline--small {
  margin-bottom: 0.5rem;
}

/* Responsivité */
@media (max-width: 768px) {
  .page-banner__title,
  .headline.headline--large {
    font-size: 2.5rem !important; /* Taille réduite mais toujours visible sur tablette */
  }

  .page-banner__intro p,
  .headline.headline--medium {
    font-size: 1.2rem !important;
  }

  .headline.headline--small {
    font-size: 1rem !important;
  }

  .page-banner {
    min-height: 280px;
  }

  .page-template-page-actualites .page-banner {
    min-height: 180px !important;
  }
}

@media (max-width: 480px) {
  .page-banner__title,
  .headline.headline--large {
    font-size: 2rem !important; /* Taille mobile ajustée */
  }

  .page-banner__intro p,
  .headline.headline--medium {
    font-size: 1.1rem !important;
  }

  .headline.headline--small {
    font-size: 0.95rem !important;
  }

  .page-banner {
    min-height: 240px;
  }

  .page-template-page-actualites .page-banner {
    min-height: 160px !important;
  }
}