/* ⬇️ Cette 1re ligne doit rester tout en haut */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');

/* — Police Montserrat sur tout le site — */
body, .wp-site-blocks, h1, h2, h3, h4, h5, h6,
.wp-block-heading, p, li, a,
.wp-block-button__link, .wp-block-details summary {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* — Cartes : coins arrondis, ombre douce, effet au survol — */
.wp-block-group.has-border-color {
  border-radius: 14px !important;
  box-shadow: 0 6px 20px rgba(27,45,107,.07);
  transition: transform .18s ease, box-shadow .18s ease;
}
.wp-block-group.has-border-color:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 32px rgba(27,45,107,.13);
}

/* — Boutons : ombre + survol — */
.wp-block-button__link {
  box-shadow: 0 3px 10px rgba(27,45,107,.12);
  transition: transform .15s ease, filter .15s ease, box-shadow .15s ease;
}
.wp-block-button__link:hover {
  transform: translateY(-2px);
  filter: brightness(.96);
  box-shadow: 0 8px 18px rgba(27,45,107,.18);
}

/* — Sections dépliables « Adapter à votre enfant » — */
.wp-block-details {
  border: 1px solid #E3E7F0;
  border-radius: 10px;
  background: #F8F7F3;
  margin-top: 14px;
  padding-bottom: 6px;
}
.wp-block-details summary {
  cursor: pointer; font-weight: 700; color: #1B2D6B;
  padding: 12px 16px; list-style: none;
  display: flex; justify-content: space-between; align-items: center;
}
.wp-block-details summary::-webkit-details-marker { display: none; }
.wp-block-details summary::after { content: "+"; color: #2E7EC1; font-size: 1.25rem; line-height: 1; }
.wp-block-details[open] summary::after { content: "–"; }
.wp-block-details > *:not(summary) { padding: 2px 16px; }

/* — Raffinements — */
.wp-block-heading { letter-spacing: -.01em; }
a { text-underline-offset: 3px; }

/* ===== EN-TÊTE : menu compact sur une seule ligne ===== */
header.wp-block-template-part .wp-block-group.is-layout-constrained,
header.wp-block-template-part .wp-block-group.is-layout-flex {
  max-width: 1180px !important;
}
.wp-block-navigation { column-gap: 1rem !important; row-gap: .4rem; }
.wp-block-navigation a,
.wp-block-navigation .wp-block-navigation-item__content {
  font-size: .9rem !important; font-weight: 600;
}
@media (min-width: 1024px){
  .wp-block-navigation__container,
  .wp-block-navigation__responsive-container-content { flex-wrap: nowrap !important; }
}