/* TennisFinalsPro — wspólny niski baner podstron
   Cel: ta sama typografia, letter-spacing i niebieski styl na głównych podstronach. */

:root {
  --tfp-page-banner-navy: #071942;
  --tfp-page-banner-blue: #1767f2;
  --tfp-page-banner-cyan: #12c8ef;
  --tfp-page-banner-mint: #31f1c4;
  --tfp-page-banner-text: #ffffff;
  --tfp-page-banner-muted: rgba(236, 246, 255, .84);
  --tfp-page-banner-line: rgba(255, 255, 255, .18);
  --tfp-page-banner-shadow: 0 18px 46px rgba(13, 56, 145, .18);
}

/* Główne banery podstron */
.leagues-hero,
.clubs-hub-hero,
.clubs-directory-hero,
.community-hero,
.community-play-head,
.tfp-ranking-hero,
.account-hero,
.add-player-hero,
.admin-hero,
.archive-hero,
.sponsor-admin-hero,
.legal-hero,
.league-creator-hero,
.players-hero,
.player-profile-hero,
.match-pro-hero,
.tfp-profile-hero,
.profile-edit__hero,
.register-pro__hero,
.ref-hero,
.coach-hero {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 88% 18%, rgba(49, 241, 196, .32), transparent 24rem),
    radial-gradient(circle at 12% 0%, rgba(124, 84, 255, .28), transparent 22rem),
    linear-gradient(135deg, var(--tfp-page-banner-navy) 0%, #103c9d 46%, var(--tfp-page-banner-blue) 76%, var(--tfp-page-banner-cyan) 100%) !important;
  color: var(--tfp-page-banner-text) !important;
  box-shadow: var(--tfp-page-banner-shadow) !important;
}

.leagues-hero::before,
.clubs-hub-hero::before,
.clubs-directory-hero::before,
.community-hero::before,
.community-play-head::before,
.tfp-ranking-hero::before,
.account-hero::before,
.add-player-hero::before,
.admin-hero::before,
.archive-hero::before,
.sponsor-admin-hero::before,
.legal-hero::before,
.league-creator-hero::before,
.players-hero::before,
.player-profile-hero::before,
.match-pro-hero::before,
.tfp-profile-hero::before,
.profile-edit__hero::before,
.register-pro__hero::before,
.ref-hero::before,
.coach-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .10), transparent 28%, transparent 72%, rgba(255, 255, 255, .08)),
    radial-gradient(circle at 74% 112%, rgba(255, 255, 255, .13), transparent 16rem);
  opacity: .92;
}

.leagues-hero::after,
.clubs-hub-hero::after,
.clubs-directory-hero::after,
.community-hero::after,
.community-play-head::after,
.tfp-ranking-hero::after,
.account-hero::after,
.add-player-hero::after,
.admin-hero::after,
.archive-hero::after,
.sponsor-admin-hero::after,
.legal-hero::after,
.league-creator-hero::after,
.players-hero::after,
.player-profile-hero::after,
.match-pro-hero::after,
.tfp-profile-hero::after,
.profile-edit__hero::after,
.register-pro__hero::after,
.ref-hero::after,
.coach-hero::after {
  content: "";
  position: absolute;
  right: -72px;
  bottom: -96px;
  width: 320px;
  height: 320px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 50%;
  box-shadow: inset 0 0 0 28px rgba(255, 255, 255, .035);
  pointer-events: none;
}

/* Niska wysokość i wspólne proporcje */
.leagues-hero,
.clubs-hub-hero,
.clubs-directory-hero,
.community-hero,
.community-play-head,
.tfp-ranking-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 22px !important;
  min-height: 138px !important;
  padding: 22px 28px !important;
}


.account-hero,
.add-player-hero,
.admin-hero,
.archive-hero,
.sponsor-admin-hero,
.legal-hero,
.league-creator-hero,
.players-hero,
.player-profile-hero,
.match-pro-hero,
.tfp-profile-hero,
.profile-edit__hero,
.register-pro__hero,
.ref-hero,
.coach-hero {
  min-height: 132px !important;
  padding: 22px 28px !important;
}

/* Treść nad dekoracją */
.leagues-hero > *,
.clubs-hub-hero > *,
.clubs-directory-hero > *,
.community-hero > *,
.community-play-head > *,
.tfp-ranking-hero > *,
.account-hero > *,
.add-player-hero > *,
.admin-hero > *,
.archive-hero > *,
.sponsor-admin-hero > *,
.legal-hero > *,
.league-creator-hero > *,
.players-hero > *,
.player-profile-hero > *,
.match-pro-hero > *,
.tfp-profile-hero > *,
.profile-edit__hero > *,
.register-pro__hero > *,
.ref-hero > *,
.coach-hero > * {
  position: relative;
  z-index: 1;
}

/* Wspólna typografia: elegancka, niska, z letter-spacing */
.leagues-hero h1,
.clubs-hub-hero h1,
.clubs-directory-hero h1,
.community-hero h1,
.community-play-head h1,
.tfp-ranking-hero h1,
.account-hero h1,
.add-player-hero h1,
.admin-hero h1,
.archive-hero h1,
.sponsor-admin-hero h1,
.legal-hero h1,
.league-creator-hero h1,
.players-hero h1,
.player-profile-hero h1,
.match-pro-hero h1,
.tfp-profile-hero h1,
.profile-edit__hero h1,
.register-pro__hero h1,
.ref-hero h1,
.coach-hero h1 {
  margin: 4px 0 8px !important;
  color: #fff !important;
  font-family: var(--font-family-heading) !important;
  font-size: clamp(30px, 4.1vw, 48px) !important;
  line-height: .96 !important;
  font-weight: 950 !important;
  letter-spacing: -.065em !important;
  text-wrap: balance;
}

.leagues-hero p,
.clubs-hub-hero p,
.clubs-directory-hero p,
.community-hero p,
.community-play-head p,
.tfp-ranking-hero p,
.account-hero p,
.add-player-hero p,
.admin-hero p,
.archive-hero p,
.sponsor-admin-hero p,
.legal-hero p,
.league-creator-hero p,
.players-hero p,
.player-profile-hero p,
.match-pro-hero p,
.tfp-profile-hero p,
.profile-edit__hero p,
.register-pro__hero p,
.ref-hero p,
.coach-hero p {
  max-width: 760px !important;
  margin: 0 !important;
  color: var(--tfp-page-banner-muted) !important;
  font-size: 14px !important;
  line-height: 1.48 !important;
  font-weight: 650 !important;
  letter-spacing: -.015em !important;
}

.leagues-hero__badge,
.clubs-eyebrow,
.community-kicker,
.tfp-ranking-kicker,
.account-kicker,
.legal-kicker,
.league-creator-kicker,
.players-kicker,
.profile-kicker,
.ref-kicker,
.coach-kicker,
.admin-kicker {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  min-height: 24px !important;
  margin: 0 0 7px !important;
  padding: 0 11px !important;
  border: 1px solid rgba(255, 255, 255, .20) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .13) !important;
  color: #dbeafe !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: .155em !important;
  text-transform: uppercase !important;
}

/* Statystyki po prawej — spójny, niski wygląd */
.leagues-hero__stats,
.clubs-hub-stats,
.community-hero__stats,
.play-head-stats,
.tfp-ranking-hero__stats {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(92px, 1fr)) !important;
  gap: 10px !important;
  min-width: min(320px, 38vw) !important;
}

.leagues-hero-stat,
.clubs-hub-stats > div,
.community-stat,
.play-head-stats > span,
.tfp-ranking-hero__stats > div {
  min-height: 62px !important;
  padding: 12px 14px !important;
  border: 1px solid var(--tfp-page-banner-line) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, .12) !important;
  color: #fff !important;
  text-decoration: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12) !important;
  backdrop-filter: blur(12px) !important;
}

.leagues-hero-stat strong,
.clubs-hub-stats strong,
.community-stat strong,
.play-head-stats strong,
.tfp-ranking-hero__stats strong {
  display: block !important;
  color: #fff !important;
  font-size: 22px !important;
  line-height: .95 !important;
  font-weight: 950 !important;
  letter-spacing: -.055em !important;
}

.leagues-hero-stat span,
.clubs-hub-stats span,
.community-stat span,
.play-head-stats span,
.tfp-ranking-hero__stats span {
  display: block !important;
  margin-top: 6px !important;
  color: rgba(236, 246, 255, .80) !important;
  font-size: 10px !important;
  line-height: 1.15 !important;
  font-weight: 850 !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
}

.community-stat.is-active {
  background: rgba(255, 255, 255, .20) !important;
  border-color: rgba(255, 255, 255, .34) !important;
}

/* Przyciski w banerze, jeśli dana podstrona je ma */
.leagues-create-btn,
.clubs-hub-actions a,
.account-hero a,
.add-player-hero a,
.admin-hero a,
.ref-hero a,
.coach-hero a,
.register-pro__hero a {
  border-radius: 999px !important;
  font-weight: 900 !important;
  letter-spacing: -.01em !important;
}

@media (max-width: 820px) {
  .leagues-hero,
  .clubs-hub-hero,
  .clubs-directory-hero,
  .community-hero,
  .community-play-head,
  .tfp-ranking-hero {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    min-height: 0 !important;
    padding: 20px !important;
    border-radius: 22px !important;
  }

  
  .account-hero,
  .add-player-hero,
  .admin-hero,
  .archive-hero,
  .sponsor-admin-hero,
  .legal-hero,
  .league-creator-hero,
  .players-hero,
  .player-profile-hero,
  .match-pro-hero,
  .tfp-profile-hero,
  .profile-edit__hero,
  .register-pro__hero,
  .ref-hero,
  .coach-hero {
    min-height: 0 !important;
    padding: 20px !important;
    border-radius: 22px !important;
  }

  .leagues-hero h1,
  .clubs-hub-hero h1,
  .clubs-directory-hero h1,
  .community-hero h1,
  .community-play-head h1,
  .tfp-ranking-hero h1,
  .account-hero h1,
  .add-player-hero h1,
  .admin-hero h1,
  .archive-hero h1,
  .sponsor-admin-hero h1,
  .legal-hero h1,
  .league-creator-hero h1,
  .players-hero h1,
  .player-profile-hero h1,
  .match-pro-hero h1,
  .tfp-profile-hero h1,
  .profile-edit__hero h1,
  .register-pro__hero h1,
  .ref-hero h1,
  .coach-hero h1 {
    font-size: clamp(27px, 9vw, 38px) !important;
    letter-spacing: -.058em !important;
  }

  .leagues-hero__stats,
  .clubs-hub-stats,
  .community-hero__stats,
  .play-head-stats,
  .tfp-ranking-hero__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    min-width: 0 !important;
    width: 100% !important;
  }
}

/* =========================================================
   TFP FINAL — DLA KLUBU: HERO 1:1 JAK LIGA / TURNIEJE
   Ten blok jest na końcu page-banner.css, który ładuje się po clubs.css.
   Dzięki temu usuwa stary biały hero bez zmiany HTML/PHP.
   ========================================================= */

/* --- Kluby i korty: dokładnie 112px, gradient i typografia jak Liga --- */
body.clubs-body main.clubs-index-page section.clubs-hub-hero {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 28px !important;
    min-height: 112px !important;
    height: 112px !important;
    max-height: 112px !important;
    margin: 0 0 16px !important;
    padding: 22px 26px !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    border-left: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 22px !important;
    color: #fff !important;
    background:
        radial-gradient(circle at 90% -20%, rgba(47,196,232,.26), transparent 18rem),
        linear-gradient(135deg, #0b2349 0%, #123d77 62%, #0e789f 100%) !important;
    box-shadow: 0 18px 42px rgba(15,44,88,.14) !important;
}

body.clubs-body main.clubs-index-page section.clubs-hub-hero::before {
    content: "" !important;
    position: absolute !important;
    width: 240px !important;
    height: 240px !important;
    right: -110px !important;
    top: -145px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 50% !important;
    box-shadow: 0 0 0 36px rgba(255,255,255,.035) !important;
    background: transparent !important;
    opacity: 1 !important;
    pointer-events: none !important;
    z-index: -1 !important;
}

body.clubs-body main.clubs-index-page section.clubs-hub-hero::after {
    display: none !important;
    content: none !important;
}

body.clubs-body main.clubs-index-page section.clubs-hub-hero .clubs-hub-hero__content {
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
        "eyebrow actions"
        "title actions"
        "copy actions" !important;
    align-items: center !important;
    column-gap: 18px !important;
}
body.clubs-body main.clubs-index-page section.clubs-hub-hero .clubs-hub-hero__content > .clubs-eyebrow { grid-area: eyebrow !important; }
body.clubs-body main.clubs-index-page section.clubs-hub-hero .clubs-hub-hero__content > h1 { grid-area: title !important; }
body.clubs-body main.clubs-index-page section.clubs-hub-hero .clubs-hub-hero__content > p { grid-area: copy !important; }
body.clubs-body main.clubs-index-page section.clubs-hub-hero .clubs-hub-hero__content > .clubs-hub-actions { grid-area: actions !important; }

/* Badge: 1:1 jak Rozgrywki lokalne / turniejowe */
body.clubs-body main.clubs-index-page section.clubs-hub-hero .clubs-eyebrow,
body.clubs-body main.clubs-hub-page section.clubs-directory-hero .clubs-eyebrow {
    width: auto !important;
    min-width: 0 !important;
    min-height: 22px !important;
    margin: 0 0 7px !important;
    padding: 0 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: flex-start !important;
    border: 1px solid rgba(255,255,255,.15) !important;
    border-radius: 999px !important;
    color: #d7f3ff !important;
    background: rgba(255,255,255,.10) !important;
    box-shadow: none !important;
    font-size: 8px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    letter-spacing: .11em !important;
    text-transform: uppercase !important;
    text-align: center !important;
    white-space: nowrap !important;
}

/* H1 / opis: dokładne parametry z Ligi */
body.clubs-body main.clubs-index-page section.clubs-hub-hero h1,
body.clubs-body main.clubs-hub-page section.clubs-directory-hero h1 {
    margin: 0 !important;
    color: #fff !important;
    font-size: clamp(31px, 2.7vw, 40px) !important;
    line-height: 1.02 !important;
    font-weight: 700 !important;
    letter-spacing: -.025em !important;
}
body.clubs-body main.clubs-index-page section.clubs-hub-hero p,
body.clubs-body main.clubs-hub-page section.clubs-directory-hero p {
    max-width: 620px !important;
    margin: 7px 0 0 !important;
    color: rgba(234,243,255,.82) !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
    letter-spacing: .006em !important;
}

/* Przyciski jak w Lidze */
body.clubs-body main.clubs-index-page section.clubs-hub-hero .clubs-hub-actions,
body.clubs-body main.clubs-hub-page section.clubs-directory-hero .clubs-hub-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 9px !important;
    margin: 0 !important;
}
body.clubs-body main.clubs-index-page section.clubs-hub-hero .clubs-btn,
body.clubs-body main.clubs-hub-page section.clubs-directory-hero .clubs-btn {
    min-height: 42px !important;
    padding: 0 15px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    letter-spacing: .01em !important;
    text-decoration: none !important;
}
body.clubs-body main.clubs-index-page section.clubs-hub-hero .clubs-btn--primary,
body.clubs-body main.clubs-hub-page section.clubs-directory-hero .clubs-btn--primary {
    color: #0f3b73 !important;
    border: 1px solid rgba(255,255,255,.68) !important;
    background: #fff !important;
    box-shadow: 0 9px 22px rgba(3,20,46,.13) !important;
}
body.clubs-body main.clubs-index-page section.clubs-hub-hero .clubs-btn--ghost,
body.clubs-body main.clubs-hub-page section.clubs-directory-hero .clubs-btn--ghost {
    color: #f5fbff !important;
    border: 1px solid rgba(255,255,255,.25) !important;
    background: rgba(255,255,255,.09) !important;
    box-shadow: none !important;
}

/* Statystyki w głównym hero — kompaktowo, bez białych kart */
body.clubs-body main.clubs-index-page section.clubs-hub-hero .clubs-hub-stats {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(72px, 1fr)) !important;
    gap: 7px !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.clubs-body main.clubs-index-page section.clubs-hub-hero .clubs-hub-stats > div {
    min-width: 72px !important;
    min-height: 58px !important;
    padding: 8px 9px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    border: 1px solid rgba(255,255,255,.15) !important;
    border-radius: 13px !important;
    color: #fff !important;
    background: rgba(255,255,255,.09) !important;
    box-shadow: none !important;
    backdrop-filter: blur(10px) !important;
}
body.clubs-body main.clubs-index-page section.clubs-hub-hero .clubs-hub-stats strong {
    margin: 0 0 3px !important;
    color: #fff !important;
    font-size: 19px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    letter-spacing: -.02em !important;
}
body.clubs-body main.clubs-index-page section.clubs-hub-hero .clubs-hub-stats span {
    color: rgba(232,243,255,.74) !important;
    font-size: 7.5px !important;
    font-weight: 700 !important;
    letter-spacing: .07em !important;
    text-transform: uppercase !important;
}


body.clubs-body main.clubs-hub-page section.clubs-directory-hero {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    grid-template-rows: auto auto auto !important;
    align-items: center !important;
    column-gap: 28px !important;
    min-height: 112px !important;
    height: 112px !important;
    max-height: 112px !important;
    margin: 0 0 16px !important;
    padding: 22px 26px !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 22px !important;
    color: #fff !important;
    background:
        radial-gradient(circle at 90% -20%, rgba(47,196,232,.26), transparent 18rem),
        linear-gradient(135deg, #0b2349 0%, #123d77 62%, #0e789f 100%) !important;
    box-shadow: 0 18px 42px rgba(15,44,88,.14) !important;
}
body.clubs-body main.clubs-hub-page section.clubs-directory-hero::before {
    content: "" !important;
    position: absolute !important;
    width: 240px !important;
    height: 240px !important;
    right: -110px !important;
    top: -145px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 50% !important;
    box-shadow: 0 0 0 36px rgba(255,255,255,.035) !important;
    background: transparent !important;
    opacity: 1 !important;
    pointer-events: none !important;
    z-index: -1 !important;
}
body.clubs-body main.clubs-hub-page section.clubs-directory-hero::after {
    display: none !important;
    content: none !important;
}
body.clubs-body main.clubs-hub-page section.clubs-directory-hero > .clubs-eyebrow { grid-column: 1 !important; grid-row: 1 !important; }
body.clubs-body main.clubs-hub-page section.clubs-directory-hero > h1 { grid-column: 1 !important; grid-row: 2 !important; }
body.clubs-body main.clubs-hub-page section.clubs-directory-hero > p { grid-column: 1 !important; grid-row: 3 !important; }
body.clubs-body main.clubs-hub-page section.clubs-directory-hero > .clubs-hub-actions {
    grid-column: 2 !important;
    grid-row: 1 / span 3 !important;
    align-self: center !important;
}

@media (max-width: 720px) {
    body.clubs-body main.clubs-index-page section.clubs-hub-hero,
    body.clubs-body main.clubs-hub-page section.clubs-directory-hero {
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
        padding: 17px !important;
        border-radius: 18px !important;
    }

    body.clubs-body main.clubs-index-page section.clubs-hub-hero {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    body.clubs-body main.clubs-index-page section.clubs-hub-hero .clubs-hub-hero__content {
        grid-template-columns: 1fr !important;
        grid-template-areas: "eyebrow" "title" "copy" "actions" !important;
    }

    body.clubs-body main.clubs-hub-page section.clubs-directory-hero {
        grid-template-columns: 1fr !important;
        grid-template-rows: auto !important;
    }
    body.clubs-body main.clubs-hub-page section.clubs-directory-hero > .clubs-eyebrow,
    body.clubs-body main.clubs-hub-page section.clubs-directory-hero > h1,
    body.clubs-body main.clubs-hub-page section.clubs-directory-hero > p,
    body.clubs-body main.clubs-hub-page section.clubs-directory-hero > .clubs-hub-actions {
        grid-column: 1 !important;
        grid-row: auto !important;
    }

    body.clubs-body main.clubs-index-page section.clubs-hub-hero .clubs-eyebrow,
    body.clubs-body main.clubs-hub-page section.clubs-directory-hero .clubs-eyebrow {
        min-height: 20px !important;
        padding: 0 8px !important;
        margin-bottom: 6px !important;
        font-size: 6.8px !important;
        letter-spacing: .085em !important;
    }

    body.clubs-body main.clubs-index-page section.clubs-hub-hero h1,
    body.clubs-body main.clubs-hub-page section.clubs-directory-hero h1 {
        font-size: 28px !important;
        letter-spacing: -.018em !important;
    }

    body.clubs-body main.clubs-index-page section.clubs-hub-hero p,
    body.clubs-body main.clubs-hub-page section.clubs-directory-hero p {
        font-size: 10px !important;
        line-height: 1.4 !important;
    }

    body.clubs-body main.clubs-index-page section.clubs-hub-hero .clubs-hub-actions,
    body.clubs-body main.clubs-hub-page section.clubs-directory-hero .clubs-hub-actions {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
        gap: 7px !important;
        margin-top: 10px !important;
    }

    body.clubs-body main.clubs-index-page section.clubs-hub-hero .clubs-btn,
    body.clubs-body main.clubs-hub-page section.clubs-directory-hero .clubs-btn {
        width: 100% !important;
        min-height: 40px !important;
        font-size: 9.5px !important;
    }

    body.clubs-body main.clubs-index-page section.clubs-hub-hero .clubs-hub-stats {
        grid-template-columns: repeat(4, minmax(0,1fr)) !important;
        gap: 5px !important;
    }
    body.clubs-body main.clubs-index-page section.clubs-hub-hero .clubs-hub-stats > div {
        min-width: 0 !important;
        min-height: 49px !important;
        padding: 7px 5px !important;
        align-items: center !important;
        text-align: center !important;
        border-radius: 10px !important;
    }
    body.clubs-body main.clubs-index-page section.clubs-hub-hero .clubs-hub-stats strong { font-size: 16px !important; }
    body.clubs-body main.clubs-index-page section.clubs-hub-hero .clubs-hub-stats span { font-size: 6px !important; letter-spacing: .04em !important; }
}


/* =========================================================
   TFP 2026 — FIX HERO KLUBY: kompaktowy badge + treść w 112px
   Nie zwiększa wysokości banera.
   ========================================================= */
body.clubs-body main.clubs-index-page section.clubs-hub-hero {
    height: 112px !important;
    min-height: 112px !important;
    max-height: 112px !important;
    padding: 17px 20px !important;
    gap: 18px !important;
}

body.clubs-body main.clubs-index-page section.clubs-hub-hero .clubs-hub-hero__content {
    height: 78px !important;
    min-height: 0 !important;
    overflow: visible !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: 18px 31px 15px !important;
    grid-template-areas:
        "eyebrow actions"
        "title actions"
        "copy actions" !important;
    align-content: center !important;
    align-items: center !important;
    column-gap: 14px !important;
    row-gap: 3px !important;
}

body.clubs-body main.clubs-index-page section.clubs-hub-hero .clubs-eyebrow {
    grid-area: eyebrow !important;
    width: max-content !important;
    inline-size: max-content !important;
    max-width: max-content !important;
    min-width: 0 !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    margin: 0 !important;
    padding: 0 9px !important;
    justify-self: start !important;
    align-self: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    font-size: 7px !important;
    line-height: 1 !important;
    letter-spacing: .105em !important;
    white-space: nowrap !important;
}

body.clubs-body main.clubs-index-page section.clubs-hub-hero h1 {
    grid-area: title !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 30px !important;
    line-height: 1 !important;
    letter-spacing: -.025em !important;
    white-space: nowrap !important;
}

body.clubs-body main.clubs-index-page section.clubs-hub-hero p {
    grid-area: copy !important;
    max-width: 600px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: rgba(234,243,255,.82) !important;
    font-size: 10px !important;
    line-height: 15px !important;
    font-weight: 500 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.clubs-body main.clubs-index-page section.clubs-hub-hero .clubs-hub-actions {
    grid-area: actions !important;
    align-self: center !important;
    margin: 0 !important;
}

body.clubs-body main.clubs-index-page section.clubs-hub-hero .clubs-hub-stats {
    align-self: center !important;
}

@media (max-width: 720px) {
    body.clubs-body main.clubs-index-page section.clubs-hub-hero {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: 16px !important;
    }

    body.clubs-body main.clubs-index-page section.clubs-hub-hero .clubs-hub-hero__content {
        height: auto !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: auto !important;
        grid-template-areas: "eyebrow" "title" "copy" "actions" !important;
        row-gap: 6px !important;
    }

    body.clubs-body main.clubs-index-page section.clubs-hub-hero .clubs-eyebrow {
        width: max-content !important;
        inline-size: max-content !important;
        max-width: max-content !important;
        height: 18px !important;
        min-height: 18px !important;
        max-height: 18px !important;
        font-size: 6.6px !important;
    }

    body.clubs-body main.clubs-index-page section.clubs-hub-hero h1 {
        white-space: normal !important;
        font-size: 27px !important;
    }

    body.clubs-body main.clubs-index-page section.clubs-hub-hero p {
        max-width: none !important;
        overflow: visible !important;
        white-space: normal !important;
        text-overflow: clip !important;
        font-size: 9.5px !important;
        line-height: 1.35 !important;
    }
}