/* Bandeau d'annonce - scope .bandeau (conventions-code.md §5).
   Fond crème charte, texte toujours bleu nuit (liens compris). */
.bandeau {
  background: #ffeecb;
  color: var(--brand-navy, #2f3a5d);
  text-align: center;
  padding: 0.9375rem;
  line-height: 1.4;
  border-bottom: 1px solid var(--brand-navy, #2f3a5d);
}

.bandeau__inner {
  max-width: 1320px;
  margin: 0 auto;
}

.bandeau p {
  margin: 0;
}

.bandeau a,
.bandeau a:hover,
.bandeau a:focus {
  color: var(--brand-navy, #2f3a5d);
  text-decoration: underline;
}

/* Mobile : bandeau plus fin pour ne pas manger le viewport. */
@media (max-width: 767px) {
  .bandeau {
    padding: 0.625rem 1rem;
    font-size: 0.875rem;
  }
}

/* Le bandeau vit dans #header (position: fixed dans le thème template) :
   il grandit le header sans que le flux de page ne le sache. On compense
   en poussant le contenu de la hauteur réelle du bandeau, mesurée par
   views/js/bandeau.js (--bandeau-height sur :root). */
body {
  padding-top: var(--bandeau-height, 0px);
}