/*
 * Intégration des blocs natifs Gutenberg dans le design BAPA.
 * Pour que Image, Galerie, Colonnes, Couverture, Titre, Paragraphe s'intègrent
 * proprement dans les sections BAPA (notamment bapa/section libre).
 */

/* === Wrapper Gutenberg (when content rendered via the_content) === */
.wp-block-image,
.wp-block-gallery,
.wp-block-columns,
.wp-block-cover,
.wp-block-heading,
.wp-block-paragraph,
.wp-block-group {
  margin-top: clamp(16px, 2vw, 28px);
  margin-bottom: clamp(16px, 2vw, 28px);
}

/* Image : style éditorial BAPA */
.wp-block-image img {
  border-radius: 2px;
  display: block;
}
.wp-block-image figcaption {
  font-family: var(--font-display);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--gris-texte, #5A5A5A);
  margin-top: 12px;
  text-align: left;
}

/* Galerie */
.wp-block-gallery .wp-block-image {
  margin: 0;
}
.wp-block-gallery figcaption {
  font-size: 11px;
  letter-spacing: 0.06em;
}

/* Titres */
.wp-block-heading {
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: -0.02em;
}
.wp-block-heading + .wp-block-paragraph {
  margin-top: 12px;
}

/* Paragraphes */
.wp-block-paragraph {
  font-size: 16px;
  line-height: 1.65;
  max-width: 62ch;
}

/* Cover (image full-bleed avec texte dessus) */
.wp-block-cover {
  min-height: 420px;
  border-radius: 2px;
}

/* Boutons natifs — hériter du style BAPA */
.wp-block-button__link {
  background: var(--marine, #1F2C52);
  color: #fff !important;
  border-radius: 2px;
  padding: 14px 28px;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  transition: background .2s, transform .2s;
}
.wp-block-button__link:hover { background: var(--ciel, #3658A4); transform: translateY(-1px); }

/* Dans une section marine */
.section--marine .wp-block-heading,
.section--marine .wp-block-paragraph,
.section--marine .wp-block-image figcaption {
  color: var(--ivoire, #F5F2EC);
}
.section--marine .wp-block-button__link {
  background: var(--or, #D1A96C);
  color: var(--marine, #1F2C52) !important;
}