/* Surcharges spécifiques à WordPress / Twenty Twenty-Four — ne fait PAS
 * partie de site-isr/shared/ (qui doit rester agnostique du CMS).
 *
 * Twenty Twenty-Four contraint chaque ENFANT DIRECT du conteneur de contenu
 * (.entry-content.is-layout-constrained > *) à --wp--style--global--content-size
 * (620px), via une règle générée par son theme.json. Ça s'applique
 * individuellement à chacune de nos sections de premier niveau (header,
 * .hero, chaque <section>...), pas au conteneur lui-même — d'où la mise en
 * page en colonne étroite malgré nos propres max-width internes. On annule
 * cette contrainte précisément sur les enfants du bloc HTML personnalisé.
 */

.entry-content.is-layout-constrained > *,
.wp-block-post-content.is-layout-constrained > * {
  max-width: none !important;
}

/* Notre contenu injecte son propre <footer> (charte ISR). Le thème parent
 * ajoute systématiquement le sien en plus (template-part "footer" de
 * Twenty Twenty-Four) — on le masque. Sélecteur volontairement précis
 * (balise + classe) pour ne pas aussi masquer le <header> du thème, qui
 * partage la même classe `wp-block-template-part`. */
footer.wp-block-template-part {
  display: none !important;
}

/* Barre utilitaire tout en haut à droite (Mon compte / Panier) — même
 * structure que la boutique PrestaShop (etudes-flash). La topbar est hors
 * du .site-header sticky : elle défile avec la page. */
.site-header__topbar {
  background: var(--color-primary-burgundy);
  color: var(--color-primary-blush);
}
.site-header__topbar-inner {
  max-width: var(--max-width-content);
  margin: 0 auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: var(--spacing-5);
  padding: 0.45rem var(--spacing-6);
}
.site-header__topbar-links {
  display: flex;
  align-items: center;
  gap: var(--spacing-5);
}
.site-header__topbar-links a {
  color: var(--color-primary-blush);
  font-size: 0.8125rem;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
}
.site-header__topbar-links a:hover {
  color: #fff;
  text-decoration: underline;
}
@media (max-width: 959px) {
  .site-header__topbar { display: none; }
}