/* =========================================================
   TennisFinalsPro — CENTRALNY SYSTEM TYPOGRAFII
   Główna rodzina: INTER

   Aby później zmienić font całego serwisu:
   1) zmień @import,
   2) zmień tylko --tfp-font-family.
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root {
    --tfp-font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;

    /* zgodność ze starszymi modułami */
    --font-family-base: var(--tfp-font-family);
    --font-family-heading: var(--tfp-font-family);
    --tfp-font-sans: var(--tfp-font-family);

    /* wspólna typografia bannerów katalogów */
    --tfp-directory-hero-title-size: clamp(31px, 2.7vw, 40px);
    --tfp-directory-hero-title-weight: 800;
    --tfp-directory-hero-eyebrow-size: 8px;
    --tfp-directory-hero-button-size: 12px;
}

html,
body,
button,
input,
select,
textarea,
optgroup,
option {
    font-family: var(--tfp-font-family) !important;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body p,
body a,
body label,
body small,
body strong,
body b,
body em,
body li,
body td,
body th {
    font-family: var(--tfp-font-family) !important;
}

body code,
body pre,
body kbd,
body samp,
body code *,
body pre *,
body kbd *,
body samp * {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
}

/* =========================================================
   LIGI + TURNIEJE — IDENTYCZNY BANER
   Te reguły są centralne i celowo ładowane po CSS podstron.
   ========================================================= */
body[data-page='tournaments-list'] .leagues-shell,
body[data-page='leagues-list'] .league-tournaments-skin__shell {
    width: min(1480px, calc(100% - 48px)) !important;
    max-width: 1480px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body[data-page='tournaments-list'] .dir-hero,
body[data-page='leagues-list'] .league-tournaments-skin__hero {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 28px !important;
    width: 100% !important;
    height: 112px !important;
    min-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[data-page='tournaments-list'] .dir-hero::before,
body[data-page='leagues-list'] .league-tournaments-skin__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;
    pointer-events: none !important;
    z-index: -1 !important;
}

body[data-page='tournaments-list'] .dir-hero::after,
body[data-page='leagues-list'] .league-tournaments-skin__hero::after {
    display: none !important;
    content: none !important;
}

body[data-page='tournaments-list'] .dir-hero__copy,
body[data-page='leagues-list'] .league-tournaments-skin__hero > div:first-child {
    position: relative !important;
    z-index: 2 !important;
    min-width: 0 !important;
    max-width: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
}

body[data-page='tournaments-list'] .dir-hero__eyebrow,
body[data-page='leagues-list'] .league-tournaments-skin__eyebrow {
    min-height: 22px !important;
    margin: 0 0 7px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(255,255,255,.15) !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #d7f3ff !important;
    background: rgba(255,255,255,.10) !important;
    font-family: var(--tfp-font-family) !important;
    font-size: var(--tfp-directory-hero-eyebrow-size) !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    letter-spacing: .11em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

body[data-page='tournaments-list'] .dir-hero h1,
body[data-page='leagues-list'] .league-tournaments-skin__hero h1 {
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    font-family: var(--tfp-font-family) !important;
    font-size: var(--tfp-directory-hero-title-size) !important;
    line-height: 1.02 !important;
    font-weight: var(--tfp-directory-hero-title-weight) !important;
    letter-spacing: -.035em !important;
    white-space: nowrap !important;
}

body[data-page='tournaments-list'] .dir-hero__action,
body[data-page='leagues-list'] .league-tournaments-skin__create {
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 15px !important;
    border-radius: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: var(--tfp-font-family) !important;
    font-size: var(--tfp-directory-hero-button-size) !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

body[data-page='leagues-list'] .league-tournaments-skin__create,
body[data-page='tournaments-list'] .dir-hero__action--solid {
    color: #10264b !important;
    border: 1px solid rgba(255,255,255,.72) !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(3,25,61,.12) !important;
}

/* =========================================================
   LIGI — TYPOGRAFIA WYRÓWNANA DO LISTY TURNIEJÓW
   ========================================================= */
body[data-page='leagues-list'] .league-tournaments-skin__field > span {
    font-size: 8px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

body[data-page='leagues-list'] .league-tournaments-skin__field input,
body[data-page='leagues-list'] .league-tournaments-skin__field select,
body[data-page='leagues-list'] .league-tournaments-skin__list-tools select,
body[data-page='leagues-list'] .league-tournaments-skin__filter-toggle {
    font-size: 11px !important;
    font-weight: 750 !important;
}

body[data-page='leagues-list'] .league-tournaments-skin__chip {
    font-size: 9px !important;
    font-weight: 850 !important;
}

body[data-page='leagues-list'] .league-tournaments-skin__list-head h2 {
    font-size: 23px !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
    letter-spacing: -.04em !important;
}

body[data-page='leagues-list'] .league-tournaments-skin__row-name {
    font-size: 11px !important;
    line-height: 1.18 !important;
    font-weight: 900 !important;
}

body[data-page='leagues-list'] .league-tournaments-skin__meta,
body[data-page='leagues-list'] .league-tournaments-skin__created {
    font-size: 9px !important;
    font-weight: 750 !important;
}

body[data-page='leagues-list'] .league-tournaments-skin__details {
    font-size: 9px !important;
    font-weight: 900 !important;
}

@media (max-width: 700px) {
    body[data-page='tournaments-list'] .leagues-shell,
    body[data-page='leagues-list'] .league-tournaments-skin__shell {
        width: calc(100% - 14px) !important;
        max-width: none !important;
    }

    body[data-page='tournaments-list'] .dir-hero,
    body[data-page='leagues-list'] .league-tournaments-skin__hero {
        height: auto !important;
        min-height: 104px !important;
        max-height: none !important;
        padding: 15px 14px !important;
        border-radius: 18px !important;
        gap: 12px !important;
    }

    body[data-page='tournaments-list'] .dir-hero h1,
    body[data-page='leagues-list'] .league-tournaments-skin__hero h1 {
        font-size: 27px !important;
        white-space: normal !important;
    }

    body[data-page='tournaments-list'] .dir-hero__action,
    body[data-page='leagues-list'] .league-tournaments-skin__create {
        height: 34px !important;
        min-height: 34px !important;
        padding: 0 10px !important;
        font-size: 9px !important;
    }
}