/* page.css — Mise en page pour le type de contenu « page » (node--type-page) */

/* Restaurer l'espacement vertical supprimé globalement par olivero-reset */
body.page-node-type-page .main-content {
  padding-block-start: var(--sp3) !important;
}

@media (min-width: 43.75em) {
  body.page-node-type-page .main-content {
    padding-block-start: var(--sp5) !important;
  }
}

/* Conteneur principal — inset latéral + largeur lisible */
.page-node-type-page .layout-content {
  padding-inline: 1.25rem;
  max-width: 740px;
  margin-inline: auto;
  padding-block-end: 1.5rem;
}

/* Titre du nœud */
.page-node-type-page h1.page-title,
.page-node-type-page .node__header h1 {
  font-family: 'Playfair Display', 'Bodoni 72', Georgia, serif;
  color: var(--color-pearl);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  line-height: 1.2;
  margin-block-end: var(--sp3);
}

/* Titres de section dans le corps */
.page-node-type-page .text-content h2,
.page-node-type-page .text-content h3,
.page-node-type-page .text-content h4 {
  font-family: 'Playfair Display', 'Bodoni 72', Georgia, serif;
  color: var(--color-pearl);
  line-height: 1.3;
  margin-block: var(--sp2) var(--sp);
}

/* Liens dans le contenu */
.page-node-type-page .text-content a:where(:not(.button)) {
  color: var(--color-champagne) !important;
  box-shadow: none !important;
}

.page-node-type-page .text-content a:hover {
  color: var(--color-pearl) !important;
  text-decoration: underline;
}

/* Supprimer les marges inférieures des régions Olivero (évite l'espace blanc excessif) */
.page-node-type-page .region--content,
.page-node-type-page .region--highlighted {
  margin-block-end: 0 !important;
}