/* Sable FC de Batié · v5.49 : mise en page LE CLUB seulement.
   N'affecte ni les actualités, ni les panneaux d'administration, ni le direct. */

/* Sous-navigation d'abord, avant le bandeau de présentation. */
body main .sfc-club-page > .sfc-club-tabs {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin:18px 0 12px;
  padding:0;
}
body main .sfc-club-page > .sfc-club-tabs a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:8px 13px;
  border-radius:8px;
  font-size:12px;
  line-height:1.25;
  white-space:normal;
  text-align:center;
  transition:background-color .2s ease,border-color .2s ease;
}
body main .sfc-club-page > .sfc-club-tabs a:focus-visible {outline:3px solid #ffdb51;outline-offset:3px}

/* Bandeau clair réduit : espace vertical et taille de police moins importants. */
body main .sfc-club-page > .pagehero.sfc-club-hero {
  padding:18px 24px !important;
  margin:0 0 18px !important;
  min-height:0 !important;
  height:auto !important;
  border-radius:11px;
}
body main .sfc-club-page > .pagehero.sfc-club-hero .eyebrow {
  font-size:10px !important;
  line-height:1.35;
  letter-spacing:.075em;
  margin:0 0 5px;
}
body main .sfc-club-page > .pagehero.sfc-club-hero h1 {
  font-size:clamp(23px,2.3vw,30px) !important;
  line-height:1.14 !important;
  margin:3px 0 5px !important;
}
body main .sfc-club-page > .pagehero.sfc-club-hero p {
  font-size:13px !important;
  line-height:1.42 !important;
  margin:0 !important;
  max-width:85ch;
}

/* Allège le doublon visuel entre le bandeau et l'introduction historique. */
body main .sfc-club-page .sfc44-timeline-intro {
  margin:14px auto 20px;
}
body main .sfc-club-page .sfc44-timeline-intro h2 {
  font-size:clamp(25px,2.6vw,37px);
  line-height:1.2;
  margin:6px 0 6px;
}
body main .sfc-club-page .sfc44-timeline-intro p {line-height:1.5;margin:0}

/* Diaporama Histoire & palmarès : légèrement plus grand qu'en v5.48. */
body main .sfc44-history .sfc48-history-gallery {
  width:100%;
  max-width:960px;
  max-height:540px;
  aspect-ratio:16/9;
  margin:14px 0 22px;
}
body main .sfc44-history .sfc44-event-body {max-width:1030px}
body main .sfc44-history .sfc48-history-gallery .sfc-article-slide img {
  width:100%;height:100%;object-fit:contain;
}

@media(max-width:700px) {
  body main .sfc-club-page > .sfc-club-tabs {gap:7px;margin:12px 0 10px}
  body main .sfc-club-page > .sfc-club-tabs a {
    font-size:11px;
    padding:8px 11px;
    min-height:35px;
  }
  body main .sfc-club-page > .pagehero.sfc-club-hero {
    padding:14px 16px !important;
    margin:0 0 17px !important;
  }
  body main .sfc-club-page > .pagehero.sfc-club-hero h1 {font-size:clamp(21px,5.3vw,26px) !important}
  body main .sfc-club-page > .pagehero.sfc-club-hero p {font-size:12px !important}
  body main .sfc44-history .sfc48-history-gallery {
    width:100%;max-width:100%;max-height:410px;
    aspect-ratio:4/3;
    margin:12px 0 18px;
  }
  body main .sfc44-history .sfc44-event-body {max-width:100%}
  body main .sfc-club-page .sfc44-timeline-intro {margin-top:8px;margin-bottom:14px}
}
@media(prefers-reduced-motion:reduce) {
  body main .sfc-club-page > .sfc-club-tabs a {transition:none}
}