/* Mobile finish CTA for groups-only tournaments.
   Osobny plik CSS — bez inline style w PHP.
*/

.tfp-mobile-finish-cta {
    display: none;
}

@media (max-width: 768px) {
    .league-top-tabs .tfp-finish-tab-form,
    .league-top-tabs .tfp-finish-main-tab {
        display: none !important;
    }

    .tfp-mobile-finish-cta {
        display: block;
        margin: 10px 0 12px;
        padding: 0 2px;
    }

    .tfp-mobile-finish-cta form {
        margin: 0;
    }

    .tfp-mobile-finish-cta__button {
        width: 100%;
        min-height: 48px;
        border: 0;
        border-radius: 18px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
        padding: 13px 16px;
        color: #ffffff;
        text-decoration: none;
        cursor: pointer;
        background: linear-gradient(135deg, #f97316 0%, #ef4444 50%, #db2777 100%);
        box-shadow: 0 14px 30px rgba(239, 68, 68, 0.22);
        font-family: inherit;
        line-height: 1;
    }

    .tfp-mobile-finish-cta__button strong {
        color: #ffffff;
        font-size: 14px;
        font-weight: 900;
        letter-spacing: -0.01em;
        white-space: nowrap;
    }

    .tfp-mobile-finish-cta__button span {
        font-size: 17px;
        line-height: 1;
    }

    .tfp-mobile-finish-cta__button--ready {
        background: linear-gradient(135deg, #16a34a 0%, #22c55e 55%, #0ea5e9 100%);
        box-shadow: 0 14px 30px rgba(22, 163, 74, 0.22);
    }

    .tfp-mobile-finish-cta__button:active {
        transform: translateY(1px);
    }

    .league-top-tabs {
        padding-right: 4px !important;
    }
}

@media (min-width: 769px) {
    .league-top-tabs .tfp-finish-main-tab {
        min-width: 174px;
    }
}