/* ==========================================================================

   football-page.css — backend-first layout

   Nie modyfikować main.css — wszystkie style związane z footballem są tutaj.

   ========================================================================== */



/* --------------------------------------------------------------------------

   Shell layout — grid dwukolumnowy (sidebar + treść)

   Klasy .nt-shell.has-left-sidebar itp. nie mają definicji w main.css.

   Definiujemy je tutaj, skoped do strony footballowej.

   -------------------------------------------------------------------------- */

.nt-main .nt-shell.has-left-sidebar,

.nt-main .nt-shell.has-both-sidebars {

    display: flex;

    flex-direction: row;

    align-items: flex-start;

    gap: 0;

    width: min(1280px, 100% - 40px);

    margin-left: auto;

    margin-right: auto;

    padding-top: 28px;

    padding-bottom: 40px;

}



.nt-main .nt-shell__sidebar--left.nt-football-nav {

    width: 220px;

    min-width: 200px;

    flex-shrink: 0;

    padding-right: 20px;

    border-right: 1px solid var(--afd-border);

}



.nt-main .nt-shell__content {

    flex: 1 1 0;

    min-width: 0;

    padding-left: 28px;

}



.nt-main .nt-shell__sidebar--right {

    width: 240px;

    min-width: 200px;

    flex-shrink: 0;

    padding-left: 20px;

    border-left: 1px solid var(--afd-border);

}



body.page-template-template-pilka-nozna .nt-subpage-header {

    border-bottom: none;

    padding-bottom: 10px;

    margin-bottom: 12px;

}



@media (max-width: 960px) {

    .nt-main .nt-shell__sidebar--left.nt-football-nav {

        width: 180px;

        min-width: 160px;

    }

    .nt-main .nt-shell__content {

        padding-left: 20px;

    }

}



@media (max-width: 720px) {

    .nt-main .nt-shell.has-left-sidebar,

    .nt-main .nt-shell.has-both-sidebars {

        flex-direction: column;

        width: calc(100% - 24px);

        padding-top: 16px;

    }

    .nt-main .nt-shell__sidebar--left.nt-football-nav {

        width: 100%;

        min-width: 0;

        padding-right: 0;

        border-right: none;

        border-bottom: 1px solid var(--afd-border);

        padding-bottom: 10px;

    }

    .nt-main .nt-shell__content {

        padding-left: 0;

        width: 100%;

    }

}



/* --------------------------------------------------------------------------

   Zmienne lokalne

   -------------------------------------------------------------------------- */

:root {

    --afd-green:        #03674b;

    --afd-green-light:  #e6f5ef;

    --afd-dark:         #11243a;

    --afd-muted:        #5a7d6e;

    --afd-border:       rgba(3, 103, 75, 0.14);

    --afd-radius:       14px;

    --afd-radius-sm:    8px;

    --afd-shadow:       0 4px 20px rgba(3, 103, 75, 0.10);

    --afd-live:         #dc2626;

    --afd-win:          #16a34a;

    --afd-draw:         #ca8a04;

    --afd-loss:         #dc2626;

}



/* --------------------------------------------------------------------------

   Lewy sidebar — nawigacja ligowa

   -------------------------------------------------------------------------- */

.nt-football-nav {

    width: 220px;

    min-width: 200px;

    max-width: 240px;

    flex-shrink: 0;

}



.nt-football-nav__inner {

    position: sticky;

    top: 80px;

    padding: 12px 0;

}



.nt-football-nav__header {

    display: flex;

    align-items: center;

    gap: 8px;

    padding: 0 14px 10px;

    border-bottom: 1px solid var(--afd-border);

    margin-bottom: 6px;

}



.nt-football-nav__icon {

    font-size: 1.1rem;

    line-height: 1;

}



.nt-football-nav__label {

    font-size: 0.75rem;

    font-weight: 800;

    letter-spacing: 0.08em;

    text-transform: uppercase;

    color: var(--afd-muted);

}



.nt-football-nav__list {

    list-style: none;

    margin: 0;

    padding: 0;

}



.nt-football-nav__item {

    display: block;

}



.nt-football-nav__link {

    display: flex;

    flex-direction: row;

    align-items: center;

    gap: 8px;

    padding: 9px 14px;

    border-radius: var(--afd-radius-sm);

    text-decoration: none;

    transition: background 0.15s, color 0.15s;

    color: var(--afd-dark);

}



.nt-football-nav__meta {

    display: flex;

    flex-direction: column;

    min-width: 0;

    gap: 1px;

}



.nt-football-nav__link:hover {

    background: var(--afd-green-light);

    color: var(--afd-green);

}



.nt-football-nav__item.is-active .nt-football-nav__link {

    background: var(--afd-green);

    color: #fff;

}



.nt-football-nav__flag {

    font-size: 1.1rem;

    line-height: 1;

}



.nt-football-nav__flag-img {

    display: inline-block;

    width: 22px;

    height: 16px;

    border-radius: 2px;

    object-fit: cover;

    box-shadow: 0 0 0 1px rgba(17, 36, 58, 0.12);

}



.nt-subpage-header__title {

    display: inline-flex;

    align-items: center;

    gap: 10px;

}



.nt-subpage-header__flag {

    width: 36px;

    height: 26px;

    border-radius: 4px;

    box-shadow: 0 0 0 1px rgba(17, 36, 58, 0.12);

}



.nt-football-nav__item--hub {

    margin-bottom: 4px;

    padding-bottom: 4px;

    border-bottom: 1px solid var(--afd-border);

}



.nt-football-nav__item--hub .nt-football-nav__name {

    font-weight: 800;

    font-size: 0.84rem;

}



.nt-football-nav__item--hub .nt-football-nav__link {

    gap: 0;

    justify-content: space-between;

}



.nt-football-nav__live-badge {

    display: inline-flex;

    align-items: center;

    gap: 5px;

    background: #e8192c;

    color: #fff;

    font-size: 0.62rem;

    font-weight: 900;

    letter-spacing: 0.06em;

    padding: 2px 6px 2px 5px;

    border-radius: 999px;

    line-height: 1;

    flex-shrink: 0;

    margin-left: auto;

}



.nt-football-nav__live-dot {

    display: inline-block;

    width: 6px;

    height: 6px;

    border-radius: 50%;

    background: #fff;

    animation: nt-live-pulse 1.4s ease-in-out infinite;

    flex-shrink: 0;

}



@keyframes nt-live-pulse {

    0%, 100% { opacity: 1; transform: scale(1); }

    50%       { opacity: 0.35; transform: scale(0.7); }

}



.nt-football-nav__name {

    font-size: 0.82rem;

    font-weight: 700;

    line-height: 1.2;

}



.nt-football-nav__country {

    font-size: 0.71rem;

    opacity: 0.7;

    line-height: 1;

}



.nt-football-nav__item.is-active .nt-football-nav__country {

    opacity: 0.85;

}



/* --------------------------------------------------------------------------

   Przełącznik dni

   -------------------------------------------------------------------------- */

.nt-football-days {

    margin-top: 12px;

}



.nt-football-days__bar {

    display: flex;

    align-items: center;

    gap: 4px;

    padding: 12px 0;

    border-top: 2px solid var(--afd-border);

    border-bottom: 2px solid var(--afd-border);

    position: relative;

    overflow: visible;

}



.nt-football-days__scroll {

    display: flex;

    flex: 1;

    min-width: 0;

    gap: 4px;

    justify-content: center;

    overflow-x: auto;

    scrollbar-width: none;

}



.nt-football-days__scroll::-webkit-scrollbar {

    display: none;

}



.nt-football-days__tab {

    flex-shrink: 0;

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 2px;

    padding: 7px 14px;

    border: 1px solid var(--afd-border);

    border-radius: var(--afd-radius-sm);

    background: transparent;

    cursor: pointer;

    font-size: 0.78rem;

    color: var(--afd-dark);

    transition: background 0.14s, border-color 0.14s, color 0.14s;

}



.nt-football-days__tab:hover {

    background: var(--afd-green-light);

    border-color: var(--afd-green);

    color: var(--afd-green);

}



.nt-football-days__tab.is-active {

    background: var(--afd-green);

    border-color: var(--afd-green);

    color: #fff;

}



.nt-football-days__tab-label {

    font-weight: 700;

    line-height: 1;

}



.nt-football-days__tab-date {

    font-size: 0.7rem;

    opacity: 0.75;

    line-height: 1;

}



.nt-football-days__tab.is-active .nt-football-days__tab-date {

    opacity: 0.9;

}



/* Przycisk kalendarza */

.nt-football-days__cal-btn {

    flex-shrink: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 7px 12px;

    border: 1px solid var(--afd-border);

    border-radius: var(--afd-radius-sm);

    background: transparent;

    cursor: pointer;

    color: var(--afd-muted);

    transition: background 0.14s, border-color 0.14s, color 0.14s;

}

.nt-football-days__cal-btn:hover,

.nt-football-days__cal-btn.is-open {

    background: var(--afd-green);

    border-color: var(--afd-green);

    color: #fff;

}



/* --------------------------------------------------------------------------

   Popup kalendarza

   -------------------------------------------------------------------------- */

.afd-cal-popup {

    position: absolute;

    right: 0;

    top: calc(100% + 6px);

    z-index: 200;

    background: var(--afd-green);

    color: #fff;

    border-radius: var(--afd-radius);

    box-shadow: 0 8px 32px rgba(3,103,75,0.38);

    padding: 16px;

    width: 296px;

    user-select: none;

}

.afd-cal__header {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 14px;

}

.afd-cal__title {

    font-weight: 700;

    font-size: 1rem;

    color: #fff;

}

.afd-cal__nav {

    background: none;

    border: none;

    color: #fff;

    cursor: pointer;

    padding: 4px 10px;

    border-radius: 6px;

    font-size: 1.4rem;

    line-height: 1;

    transition: background 0.12s;

}

.afd-cal__nav:hover {

    background: rgba(255,255,255,0.18);

}

.afd-cal__weekdays {

    display: grid;

    grid-template-columns: repeat(7,1fr);

    margin-bottom: 6px;

}

.afd-cal__wd {

    text-align: center;

    font-size: 0.68rem;

    font-weight: 700;

    color: rgba(255,255,255,0.5);

    padding: 3px 0;

}

.afd-cal__grid {

    display: grid;

    grid-template-columns: repeat(7,1fr);

    gap: 2px;

}

.afd-cal__day {

    all: unset;

    box-sizing: border-box;

    display: flex;

    align-items: center;

    justify-content: center;

    height: 36px;

    border-radius: 6px;

    font-size: 0.85rem;

    cursor: pointer;

    color: #fff;

    transition: background 0.12s;

    text-align: center;

}

.afd-cal__day:hover {

    background: rgba(255,255,255,0.18);

}

.afd-cal__day--other {

    color: rgba(255,255,255,0.28);

}

.afd-cal__day--today {

    color: #ff8080;

    font-weight: 700;

}

.afd-cal__day--sel {

    background: rgba(255,255,255,0.22);

    font-weight: 700;

    outline: 2px solid rgba(255,255,255,0.55);

    outline-offset: -2px;

}

.afd-cal__day--today.afd-cal__day--sel {

    color: #ff8080;

}



/* --------------------------------------------------------------------------

   Lista meczów (fixtures)

   -------------------------------------------------------------------------- */

.nt-football-fixtures {

    min-height: 60px;

    margin-top: 2px;

}



.afd-fixture-list {

    display: flex;

    flex-direction: column;

    gap: 2px;

    padding: 8px 0;

}



.afd-fixture {

    display: grid;

    grid-template-columns: 1fr auto 1fr;

    align-items: center;

    gap: 8px;

    padding: 10px 12px;

    border-radius: var(--afd-radius-sm);

    background: #fff;

    border: 1px solid var(--afd-border);

    transition: background 0.12s;

}



.afd-fixture:hover {

    background: var(--afd-green-light);

}



.afd-fixture__team {

    display: flex;

    align-items: center;

    gap: 7px;

    min-width: 0;

}



.afd-fixture__team--home {

    justify-content: flex-end;

}



.afd-fixture__team--away {

    justify-content: flex-start;

}



.afd-fixture__team--home .afd-fixture__logo {

    order: -1;

}



.afd-fixture__logo {

    flex-shrink: 0;

    width: 24px;

    height: 24px;

    object-fit: contain;

}



.afd-fixture__name {

    font-size: 0.82rem;

    font-weight: 600;

    color: var(--afd-dark);

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    min-width: 0;

}



.afd-fixture__score {

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 3px;

    flex-shrink: 0;

    min-width: 64px;

}



.afd-score {

    font-size: 1.05rem;

    font-weight: 800;

    color: var(--afd-dark);

    letter-spacing: 0.02em;

}



.afd-score-sub {

    font-size: 0.7rem;

    font-weight: 600;

    color: var(--afd-muted);

}



.afd-time {

    font-size: 0.82rem;

    font-weight: 700;

    color: var(--afd-muted);

}



.afd-badge {

    display: inline-block;

    font-size: 0.65rem;

    font-weight: 800;

    letter-spacing: 0.05em;

    padding: 2px 6px;

    border-radius: 20px;

    line-height: 1.4;

}



.afd-badge--live {

    background: var(--afd-live);

    color: #fff;

    animation: afd-pulse 1.5s infinite;

}



.afd-badge--finished {

    background: #e5e7eb;

    color: #6b7280;

}



.afd-badge--postponed {

    background: #fef3c7;

    color: #92400e;

}



.afd-badge--cancelled {

    background: #fee2e2;

    color: #991b1b;

}



.afd-time--cancelled {

    color: #9ca3af;

}



@keyframes afd-pulse {

    0%, 100% { opacity: 1; }

    50%       { opacity: 0.6; }

}



/* Stan puste/ładowanie/błąd */

.nt-football-fixtures__empty,

.nt-football-fixtures__loading,

.nt-football-fixtures__error {

    padding: 24px 12px;

    color: var(--afd-muted);

    font-size: 0.85rem;

    text-align: center;

}



.nt-football-fixtures__error {

    color: var(--afd-live);

}



.afd-all-leagues {

    display: flex;

    flex-direction: column;

    gap: 16px;

    padding: 8px 0;

}



.afd-league-block {

    border: 1px solid var(--afd-border);

    border-radius: var(--afd-radius);

    background: #fff;

    box-shadow: var(--afd-shadow);

    overflow: hidden;

}



.afd-league-block__header {

    display: flex;

    justify-content: space-between;

    align-items: baseline;

    gap: 12px;

    padding: 10px 12px;

    border-bottom: 1px solid var(--afd-border);

    background: linear-gradient(180deg, #f4fbf8 0%, #ffffff 100%);

}



.afd-league-block__title {

    margin: 0;

    font-size: 0.92rem;

    font-weight: 800;

    color: var(--afd-dark);

}



.afd-league-block__country {

    font-size: 0.74rem;

    font-weight: 700;

    letter-spacing: 0.04em;

    text-transform: uppercase;

    color: var(--afd-muted);

}



.afd-league-block .afd-fixture-list {

    padding: 8px;

}



/* --------------------------------------------------------------------------

   Tabela ligowa (standings)

   -------------------------------------------------------------------------- */

.nt-football-standings {

    margin-top: 32px;

}



.nt-football-standings__header {

    margin-bottom: 12px;

}



.nt-football-standings__title {

    font-size: clamp(1.1rem, 0.95rem + 0.5vw, 1.4rem);

    font-weight: 800;

    color: var(--afd-dark);

    margin: 0;

}



.nt-football-standings__group {

    font-size: 0.82rem;

    font-weight: 700;

    letter-spacing: 0.06em;

    text-transform: uppercase;

    color: var(--afd-green);

    margin: 16px 0 8px;

}



.nt-football-standings__empty {

    color: var(--afd-muted);

    font-size: 0.85rem;

    padding: 16px 0;

}



.afd-standings-wrap {

    overflow-x: auto;

    border-radius: var(--afd-radius);

    border: 1px solid var(--afd-border);

    box-shadow: var(--afd-shadow);

}



.afd-standings {

    width: 100%;

    border-collapse: collapse;

    font-size: 0.82rem;

    color: var(--afd-dark);

    background: #fff;

}



.afd-standings thead tr {

    background: var(--afd-green);

    color: #fff;

}



.afd-standings th {

    padding: 8px 10px;

    text-align: center;

    font-size: 0.72rem;

    font-weight: 700;

    letter-spacing: 0.05em;

    text-transform: uppercase;

    white-space: nowrap;

}



.afd-standings th.afd-standings__team {

    text-align: left;

    padding-left: 12px;

}



.afd-standings tbody tr {

    border-bottom: 1px solid var(--afd-border);

    transition: background 0.12s;

}



.afd-standings tbody tr:last-child {

    border-bottom: none;

}



.afd-standings tbody tr:hover {

    background: var(--afd-green-light);

}



.afd-standings td {

    padding: 9px 10px;

    text-align: center;

    vertical-align: middle;

}



.afd-standings__rank {

    font-weight: 700;

    width: 30px;

    color: var(--afd-muted);

    font-size: 0.78rem;

}



.afd-standings__team {

    text-align: left !important;

    padding-left: 12px !important;

    min-width: 140px;

}



.afd-standings__team > div,

.afd-standings td.afd-standings__team {

    display: flex;

    align-items: center;

    gap: 7px;

}



.afd-standings td.afd-standings__team img {

    flex-shrink: 0;

    width: 20px;

    height: 20px;

    object-fit: contain;

}



.afd-standings__stat {

    width: 32px;

    font-variant-numeric: tabular-nums;

}



.afd-standings__stat--pts strong {

    font-size: 0.9rem;

    font-weight: 800;

    color: var(--afd-green);

}



.afd-standings__form {

    min-width: 80px;

}



/* --------------------------------------------------------------------------

   Forma (kółka W/R/P)

   -------------------------------------------------------------------------- */

.afd-form {

    display: flex;

    gap: 3px;

    align-items: center;

}



.afd-form__dot {

    display: inline-block;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    background: #d1d5db;

    flex-shrink: 0;

}



.afd-form__dot--win  { background: var(--afd-win); }

.afd-form__dot--draw { background: var(--afd-draw); }

.afd-form__dot--loss { background: var(--afd-loss); }



/* --------------------------------------------------------------------------

   Sekcje sidebar — Wyróżnione / Pozostałe

   -------------------------------------------------------------------------- */

.nt-football-nav__section-label {

    font-size: 0.68rem;

    font-weight: 800;

    letter-spacing: 0.1em;

    text-transform: uppercase;

    color: var(--afd-muted);

    padding: 10px 14px 4px;

}



.nt-football-nav__divider {

    border: none;

    border-top: 1px solid var(--afd-border);

    margin: 8px 14px 4px;

}



/* Link kompaktowy — używany w sekcji Pozostałe */

.nt-football-nav__link--compact {

    padding: 6px 10px;

    gap: 7px;

}



.nt-football-nav__compact-label {

    font-size: 0.78rem;

    font-weight: 500;

    color: var(--afd-dark);

    line-height: 1.3;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.nt-football-nav__link--compact:hover .nt-football-nav__compact-label,

.nt-football-nav__item.is-active .nt-football-nav__link--compact .nt-football-nav__compact-label {

    color: inherit;

}



.nt-football-nav__compact-country {

    font-weight: 800;

    font-size: 0.73rem;

    letter-spacing: 0.03em;

}



/* Obraz flagi w kompaktowym trybie */

.nt-football-nav__link--compact .nt-football-nav__flag-img {

    flex-shrink: 0;

}



/* --------------------------------------------------------------------------

   Subpage header (rozszerzenie dla podstron ligowych)

   -------------------------------------------------------------------------- */

.nt-subpage-header__meta {

    margin: 4px 0 0;

    font-size: 0.84rem;

    color: var(--afd-muted);

}



/* --------------------------------------------------------------------------

   Responsywność

   -------------------------------------------------------------------------- */



/* ≤960px: lekko zwęź sidebar */

@media (max-width: 960px) {

    .nt-football-nav {

        width: 200px;

        min-width: 180px;

    }

    .nt-football-nav__name {

        font-size: 0.78rem;

    }

    .nt-football-nav__country {

        font-size: 0.66rem;

    }

    .nt-football-nav__compact-label {

        font-size: 0.74rem;

    }

}



/* ≤720px: ukryj sidebar, pokaż mobilne menu u góry */

@media (max-width: 720px) {

    .nt-main .nt-shell.has-left-sidebar,

    .nt-main .nt-shell.has-both-sidebars {

        flex-direction: column;

        width: calc(100% - 24px);

        padding-top: 0;

    }



    /* Ukryj lewy sidebar na mobile */

    .nt-shell__sidebar--left.nt-football-nav {

        display: none !important;

    }



    .nt-main .nt-shell__content {

        padding-left: 0;

        width: 100%;

        padding-top: 12px;

    }



    .afd-fixture__name {

        font-size: 0.75rem;

    }



    .afd-standings th,

    .afd-standings td {

        padding: 7px 6px;

        font-size: 0.75rem;

    }



    /* Ukryj mniej ważne kolumny tabeli na mobile */

    .afd-standings__form,

    .afd-standings th:last-child {

        display: none;

    }

}



@media (max-width: 480px) {

    .nt-football-days__tab {

        padding: 6px 10px;

    }



    .afd-fixture {

        gap: 4px;

        padding: 9px 8px;

    }



    .afd-fixture__score {

        min-width: 52px;

    }

}



/* --------------------------------------------------------------------------

   Mobilne menu ligowe (widoczne tylko ≤720px)

   -------------------------------------------------------------------------- */

.nt-football-mobile-nav {

    display: none; /* schowane na desktop */

}



@media (max-width: 720px) {

    .nt-football-mobile-nav {

        display: flex;

        align-items: stretch;

        gap: 0;

        border-bottom: 2px solid var(--afd-border);

        background: #fff;

        /* pełna szerokość viewportu, niezależnie od szerokości .nt-shell */

        width: 100vw;

        max-width: 100vw;

        margin-left: calc(50% - 50vw);

        margin-right: calc(50% - 50vw);

        box-sizing: border-box;

        position: sticky;

        top: 64px; /* header height na mobile = 64px, brak admin-bara */

        z-index: 120;

        box-shadow: 0 2px 8px rgba(3,103,75,0.08);

        transition: top 0.3s ease; /* sync z header transform .3s ease */

    }



    /* Z admin barem WP (46px na mobile ≤782px) header startuje od 46px */

    body.admin-bar .nt-football-mobile-nav {

        top: 110px; /* 46px (admin bar) + 64px (header) */

    }



    /* Gdy header jest schowany (nt-header--hidden), nav wjeżdża na samą górę */

    .nt-header--hidden ~ * .nt-football-mobile-nav,

    .nt-header--hidden ~ .nt-main .nt-football-mobile-nav {

        top: 0;

    }



    /* Gdy header schowany + admin bar — nav zatrzymuje się pod admin barem */

    body.admin-bar .nt-header--hidden ~ .nt-main .nt-football-mobile-nav {

        top: 46px;

    }



    /* Każdy przycisk zajmuje 1/3 paska */

    .nt-football-mobile-nav__btn {

        flex: 1;

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center;

        gap: 4px;

        padding: 10px 6px;

        font-size: 0.68rem;

        font-weight: 700;

        color: var(--afd-muted);

        text-decoration: none;

        border-bottom: 2px solid transparent;

        margin-bottom: -2px;

        background: none;

        border-top: none;

        border-left: none;

        border-right: none;

        cursor: pointer;

        transition: color 0.15s, border-color 0.15s, background 0.15s;

        -webkit-tap-highlight-color: transparent;

    }



    .nt-football-mobile-nav__btn svg {

        flex-shrink: 0;

    }



    .nt-football-mobile-nav__btn:hover,

    .nt-football-mobile-nav__btn.is-open {

        color: var(--afd-green);

        border-bottom-color: var(--afd-green);

        background: var(--afd-green-light);

    }



    .nt-football-mobile-nav__btn.is-active {

        color: var(--afd-green);

        border-bottom-color: var(--afd-green);

    }



    /* Wrapper dropdownu zajmuje środkowy 1/3 */

    .nt-football-mobile-nav__drop-wrap {

        flex: 1;

        position: relative;

        display: flex;

        flex-direction: column;

    }



    .nt-football-mobile-nav__drop-wrap .nt-football-mobile-nav__btn {

        flex: 1;

        width: 100%;

    }



    /* Ikona chevron w przycisku Rozgrywki */

    .nt-football-mobile-nav__chevron {

        transition: transform 0.2s;

        flex-shrink: 0;

    }



    .nt-football-mobile-nav__btn.is-open .nt-football-mobile-nav__chevron {

        transform: rotate(180deg);

    }



    /* Panel dropdown */

    .nt-football-mobile-nav__drop-panel {

        position: absolute;

        top: calc(100% + 2px);

        left: 50%;

        width: 100vw;

        max-width: none;

        transform: translateX(-50%);

        box-sizing: border-box;

        margin: 0;

        background: #fff;

        border: 1px solid var(--afd-border);

        border-radius: 0;

        box-shadow: 0 8px 28px rgba(3,103,75,0.18);

        z-index: 400;

        max-height: 70vh;

        overflow-y: auto;

        overscroll-behavior: contain;

        scrollbar-width: thin;

    }



    /* Etykiety sekcji w dropdownie */

    .nt-football-mobile-nav__section-label {

        font-size: 0.66rem;

        font-weight: 800;

        letter-spacing: 0.1em;

        text-transform: uppercase;

        color: var(--afd-muted);

        padding: 10px 14px 4px;

        position: sticky;

        top: 0;

        background: #fff;

        z-index: 1;

    }



    .nt-football-mobile-nav__divider {

        border: none;

        border-top: 1px solid var(--afd-border);

        margin: 6px 14px;

    }



    /* Lista lig w dropdownie */

    .nt-football-mobile-nav__list {

        list-style: none;

        margin: 0;

        padding: 0 6px 6px;

    }



    .nt-football-mobile-nav__league-link {

        display: flex;

        align-items: center;

        gap: 8px;

        padding: 8px 10px;

        font-size: 0.82rem;

        font-weight: 600;

        color: var(--afd-dark);

        text-decoration: none;

        border-radius: var(--afd-radius-sm);

        transition: background 0.12s, color 0.12s;

    }



    .nt-football-mobile-nav__league-link:hover {

        background: var(--afd-green-light);

        color: var(--afd-green);

    }



    .nt-football-mobile-nav__league-link.is-active {

        background: var(--afd-green);

        color: #fff;

    }



    /* Kompaktowy styl dla Pozostałe */

    .nt-football-mobile-nav__league-link--compact {

        font-size: 0.77rem;

        font-weight: 500;

        padding: 6px 10px;

    }



    .nt-football-mobile-nav__league-link--compact strong {

        font-weight: 800;

        font-size: 0.72rem;

        letter-spacing: 0.02em;

    }

}



/* ==========================================================================

   Fixture detail panel — expand / collapse

   ========================================================================== */



/* Chevron indicator */

.afd-fixture__chevron {

    display: block;

    font-size: 0.85rem;

    line-height: 1;

    color: var(--afd-muted);

    transition: transform 0.2s, color 0.2s;

    margin-top: 2px;

}



.afd-fixture:hover .afd-fixture__chevron {

    color: var(--afd-green);

}



.afd-fixture.is-expanded .afd-fixture__chevron {

    transform: rotate(180deg);

    color: var(--afd-green);

}



.afd-fixture {

    cursor: pointer;

}



.afd-fixture--no-expand {

    cursor: default;

}



.afd-fixture.is-expanded {

    background: var(--afd-green-light);

    border-color: var(--afd-green);

    border-bottom-left-radius: 0;

    border-bottom-right-radius: 0;

}



/* Detail slot */

.afd-fixture-detail-slot {

    overflow: hidden;

}



.afd-fixture-detail-slot:not([hidden]) {

    border: 1px solid var(--afd-green);

    border-top: none;

    border-radius: 0 0 var(--afd-radius-sm) var(--afd-radius-sm);

    background: #fff;

    padding: 16px;

    margin-bottom: 4px;

    animation: afd-slide-down 0.2s ease-out;

}



@keyframes afd-slide-down {

    from { opacity: 0; max-height: 0; }

    to   { opacity: 1; max-height: 2000px; }

}



/* Inner wrapper */

.afd-fixture-detail {

    display: flex;

    flex-direction: column;

    gap: 20px;

}



/* Headings */

.afd-detail__heading {

    font-size: 0.78rem;

    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: 0.06em;

    color: var(--afd-green);

    margin: 0 0 10px;

    padding-bottom: 6px;

    border-bottom: 2px solid var(--afd-border);

}



.afd-detail__heading--inline {

    margin: 0;

    padding-bottom: 0;

    border-bottom: none;

}



.afd-collapsible {

    border-top: 2px solid var(--afd-border);

    padding-top: 8px;

}



.afd-collapsible__summary {

    list-style: none;

    display: flex;

    align-items: center;

    justify-content: space-between;

    cursor: pointer;

    gap: 10px;

}



.afd-collapsible__summary::-webkit-details-marker {

    display: none;

}



.afd-collapsible__chevron {

    color: var(--afd-muted);

    font-size: 0.85rem;

    line-height: 1;

    transition: transform 0.2s, color 0.2s;

}



.afd-collapsible[open] .afd-collapsible__chevron {

    transform: rotate(180deg);

    color: var(--afd-green);

}



.afd-collapsible__content {

    margin-top: 10px;

}



/* ---------- Score breakdown ---------- */

.afd-detail-score {

    text-align: center;

    font-size: 0.82rem;

    font-weight: 600;

    color: var(--afd-muted);

    padding: 6px 0;

}



/* ---------- Events timeline ---------- */

.afd-detail-events__list {

    display: flex;

    flex-direction: column;

    gap: 4px;

}



.afd-event {

    display: flex;

    align-items: center;

    gap: 8px;

    padding: 5px 10px;

    border-radius: 6px;

    font-size: 0.8rem;

    transition: background 0.1s;

}



.afd-event:hover {

    background: var(--afd-green-light);

}



.afd-event--away {

    flex-direction: row-reverse;

    text-align: right;

}



.afd-event--away .afd-event__info {

    text-align: right;

}



.afd-event__minute {

    min-width: 36px;

    font-weight: 800;

    font-size: 0.75rem;

    color: var(--afd-green);

    flex-shrink: 0;

}



.afd-event--away .afd-event__minute {

    text-align: right;

}



.afd-event__icon {

    font-size: 0.95rem;

    flex-shrink: 0;

    width: 22px;

    text-align: center;

}



.afd-event__info {

    flex: 1;

    min-width: 0;

}



.afd-event__info strong {

    color: var(--afd-dark);

}



.afd-event__info small {

    color: var(--afd-muted);

    font-size: 0.72rem;

}



.afd-event__sub-out {

    color: #dc2626 !important;

}



.afd-event__label {

    font-style: italic;

}



/* ---------- Statistics ---------- */

.afd-detail-stats {

    display: flex;

    flex-direction: column;

    gap: 8px;

}



.afd-stat-row {

    display: grid;

    grid-template-columns: 40px 1fr 40px;

    align-items: center;

    gap: 8px;

}



.afd-stat-row__val {

    font-size: 0.78rem;

    font-weight: 700;

    color: var(--afd-dark);

}



.afd-stat-row__val--home {

    text-align: right;

}



.afd-stat-row__val--away {

    text-align: left;

}



.afd-stat-row__bar-wrap {

    display: flex;

    flex-direction: column;

    gap: 3px;

}



.afd-stat-row__label {

    font-size: 0.68rem;

    font-weight: 600;

    text-align: center;

    color: var(--afd-muted);

    text-transform: uppercase;

    letter-spacing: 0.04em;

}



.afd-stat-row__bars {

    display: flex;

    height: 6px;

    border-radius: 3px;

    overflow: hidden;

    background: #f3f4f6;

}



.afd-stat-row__bar--home {

    background: var(--afd-green);

    border-radius: 3px 0 0 3px;

    transition: width 0.3s ease;

}



.afd-stat-row__bar--away {

    background: #9ca3af;

    border-radius: 0 3px 3px 0;

    transition: width 0.3s ease;

}



/* ---------- Lineups ---------- */

.afd-detail-lineups__grid {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 20px;

}



.afd-lineup-team__header {

    font-size: 0.82rem;

    margin-bottom: 8px;

    padding-bottom: 4px;

    border-bottom: 1px solid var(--afd-border);

}



.afd-lineup-team__header strong {

    color: var(--afd-dark);

}



.afd-lineup-team__formation {

    font-size: 0.72rem;

    color: var(--afd-muted);

    margin-left: 6px;

}



.afd-lineup-player {

    display: flex;

    align-items: center;

    gap: 6px;

    padding: 3px 0;

    font-size: 0.78rem;

}



.afd-lineup-player__number {

    min-width: 20px;

    font-weight: 700;

    color: var(--afd-green);

    font-size: 0.72rem;

    text-align: right;

}



.afd-lineup-player__name {

    color: var(--afd-dark);

}



.afd-lineup-player--sub .afd-lineup-player__name {

    color: var(--afd-muted);

}



.afd-lineup-team__subs-label {

    font-size: 0.68rem;

    font-weight: 700;

    text-transform: uppercase;

    color: var(--afd-muted);

    margin-top: 8px;

    margin-bottom: 4px;

    letter-spacing: 0.04em;

}



/* States: loading / empty */

.afd-detail-loading,

.afd-detail-empty {

    text-align: center;

    padding: 16px;

    font-size: 0.82rem;

    color: var(--afd-muted);

}



/* ---------- Responsive: detail panel ---------- */

@media (max-width: 720px) {

    .afd-detail-lineups__grid {

        grid-template-columns: 1fr;

        gap: 16px;

    }



    .afd-event {

        font-size: 0.75rem;

        gap: 6px;

        padding: 4px 6px;

    }



    .afd-fixture-detail-slot:not([hidden]) {

        padding: 12px 10px;

    }



    .afd-stat-row {

        grid-template-columns: 32px 1fr 32px;

        gap: 4px;

    }



    .afd-stat-row__val {

        font-size: 0.72rem;

    }

}



@media (max-width: 480px) {

    .afd-fixture-detail-slot:not([hidden]) {

        padding: 10px 8px;

    }



    .afd-stat-row__bars {

        height: 4px;

    }



    .afd-detail__heading {

        font-size: 0.72rem;

    }

}



/* ============================================================

   Przycisk Typuj przy fixture

   ============================================================ */

.afd-fixture__typuj {

    grid-column: 1 / -1;

    display: block;

    width: 100%;

    padding: 0;

    max-height: 0;

    opacity: 0;

    overflow: hidden;

    background: var(--afd-green);

    color: #fff;

    border: none;

    border-radius: 0 0 var(--afd-radius-sm) var(--afd-radius-sm);

    font-size: 0.72rem;

    font-weight: 700;

    letter-spacing: 0.04em;

    cursor: pointer;

    transition: max-height 0.15s ease, opacity 0.15s ease, padding 0.15s ease;

    text-align: center;

}



.afd-fixture:hover .afd-fixture__typuj,

.afd-fixture__typuj:focus-visible {

    max-height: 28px;

    padding: 4px 12px;

    opacity: 1;

}



.afd-fixture__typuj:disabled {

    background: #e2e8f0;

    color: #94a3b8;

    cursor: not-allowed;

}



/* Touch devices: always show */

@media (hover: none) {

    .afd-fixture__typuj:not(:disabled) {

        max-height: 28px;

        padding: 4px 12px;

        opacity: 1;

    }

}