/* Adaptation du Centre au langage visuel de index3.php. */
.centre-hero {
  position: relative;
  display: flex;
  align-items: end;
  width: calc(100% - var(--site-frame-margin) * 2);
  min-height: clamp(320px, 45vh, 520px);
  margin: var(--site-frame-margin) auto 0;
  padding: 48px clamp(24px, 7vw, 90px);
  border-radius: var(--site-frame-radius);
  background: linear-gradient(90deg, #151613d9, #15161326), url('../images/hero-centre.jpg') center/cover;
  color: #fffdf8;
}
.centre-hero__inner { max-width: 1180px; width: 100%; margin: 0 auto; }
.centre-hero .centre-hero__eyebrow { margin-bottom: 16px; color: #ebbaa3; font: 700 12px/1.5 'Albert Sans', sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.centre-hero h1 { margin: 0; color: inherit; font: 800 clamp(40px, 5vw, 68px)/1.04 'Sofia Sans', sans-serif; letter-spacing: -.025em; text-wrap: balance; }
.centre-blocks { display: grid; gap: 32px; }
.centre-block { display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; border: 1px solid var(--club-line); border-radius: 16px; background: var(--club-paper); }
.centre-block__image { min-width: 0; background: var(--club-line); }
.centre-block__image img { display: block; width: 100%; height: 100%; min-height: 360px; object-fit: cover; }
.centre-block__content { min-width: 0; padding: clamp(28px, 4vw, 48px); overflow-wrap: anywhere; }
.centre-block:nth-child(even) .centre-block__image { order: 2; }
.centre-discover h2 { margin-bottom: 24px; font-size: clamp(30px, 3vw, 42px); }
.centre-block__text { color: var(--club-muted); font: 400 16px/1.6 'Albert Sans', sans-serif; }
.centre-block__text .ql-editor { padding: 0; }
.centre-block__text p, .centre-block__text ul, .centre-block__text ol { margin: 0 0 16px; }
.centre-block__text ul, .centre-block__text ol { padding-left: 24px; }
.centre-block__text li + li { margin-top: 6px; }
.centre-block__text h2, .centre-block__text h3, .centre-block__text h4 { margin: 24px 0 12px; color: var(--club-ink); font-family: 'Sofia Sans', sans-serif; line-height: 1.2; font-weight: 750; }
.centre-block__text h2 { font-size: 30px; }
.centre-block__text h3 { font-size: 25px; }
.centre-block__text h4 { font-size: 21px; }
.centre-block__text a { color: var(--club-accent); text-underline-offset: 3px; }
.centre-block__text img { max-width: 100%; height: auto; }
.centre-block__content > .club-cta { margin-top: 12px; }
.centre-discover .club-cta:hover { background: #873023; border-color: #873023; }
.centre-empty { border: 1px solid var(--club-line); border-radius: 16px; background: var(--club-paper); }
@media (max-width: 900px) {
  .centre-block { grid-template-columns: 1fr; }
  .centre-block:nth-child(even) .centre-block__image { order: 0; }
  .centre-block__image img { height: auto; aspect-ratio: 16/9; min-height: 0; }
  .centre-block__content { padding: 28px 24px; }
  .centre-blocks { gap: 24px; }
}
@media (max-width: 760px) {
  .centre-hero { padding: 32px 24px; min-height: 224px; }
}