/*
 * L'Entête partage volontairement la structure et les options visuelles de la
 * Bannière. Les règles communes vivent dans banniere.css; ce fichier contient
 * uniquement ce qui distingue l'entête principal de la page.
 */

/* L'entête occupe son cadre directement, sans l'espacement de section générique. */
.armadam-builder > section.module-entete.module-banniere{
  padding-block: 0;
}

/* Le premier module garde seulement ses marges latérales. */
.armadam-builder > section.module-entete.module-banniere.has-frame:first-child{
  margin-block: 0;
}

/* Le h1 conserve l'échelle typographique principale du thème. */
.module-entete.module-banniere .module-entete__title{
  font-size: var(--fs-h1);
  line-height: 0.98;
  text-wrap: balance;
}

/* L'entête ne limite ni le titre ni son bloc de contenu. */
.module-entete.module-banniere .module-entete__content{
  max-width: none;
}

.module-entete.module-banniere.has-diagonal.is-left .module-entete__content{
  width: 45%;
}

.module-entete.module-banniere.has-diagonal.is-right .module-entete__content{
  width: 42%;
}

.module-entete.module-banniere.is-centered .module-entete__title{
  margin-inline: auto;
}

.module-entete.module-banniere.has-no-bg-image .container.full > .container{
  width: min(1400px, 92%);
}

.module-entete.module-banniere.has-no-bg-image .module-entete__tagline{
  color: inherit;
}

.module-entete.module-banniere.has-tagline-below-title .module-entete__title{
  margin-bottom: clamp(10px, 0.8vw, 14px);
}

.module-entete.module-banniere.has-tagline-below-title .module-entete__tagline{
  margin-bottom: 18px;
}

/* Signature orange discrète au bas du panneau, sans toucher aux bannières. */
.module-entete.module-banniere.has-no-bg-image::after{
  position: absolute;
  z-index: 5;
  right: 0;
  bottom: 0;
  left: 0;
  height: clamp(5px, 0.45vw, 8px);
  background: var(--color-accent);
  content: '';
  pointer-events: none;
}

@media (max-width: 980px){
  .module-entete.module-banniere.has-diagonal.is-left .module-entete__content{
    width: 54%;
  }

  .module-entete.module-banniere.has-diagonal.is-right .module-entete__content{
    width: 50%;
  }
}

@media (max-width: 768px){
  .module-entete.module-banniere.has-diagonal.is-left .module-entete__content,
  .module-entete.module-banniere.has-diagonal.is-right .module-entete__content{
    width: 100%;
  }
}