/* Challenger Player Stats admin layouts.
 * Kept inside the plugin because these forms belong to Player Stats and are
 * rendered both in wp-admin and in the Challenger frontend Admin Center.
 */

.cps-admin,
.cps-admin * {
    box-sizing: border-box;
}

.cps-admin input[type="text"],
.cps-admin input[type="password"],
.cps-admin input[type="email"],
.cps-admin input[type="url"],
.cps-admin input[type="number"],
.cps-admin input[type="search"],
.cps-admin select,
.cps-admin textarea {
    max-width: 100%;
}

@media (max-width: 782px) {
    .cps-admin,
    .cps-admin form,
    .cps-admin section,
    .cps-admin fieldset,
    .cps-admin .form-table,
    .cps-admin .form-table tbody,
    .cps-admin .form-table tr,
    .cps-admin .form-table th,
    .cps-admin .form-table td {
        min-width: 0;
        max-width: 100%;
    }

    .cps-admin .form-table,
    .cps-admin .form-table tbody,
    .cps-admin .form-table tr,
    .cps-admin .form-table th,
    .cps-admin .form-table td {
        display: block;
        width: 100%;
    }

    .cps-admin .form-table {
        table-layout: fixed;
        border-collapse: collapse;
        margin: 0;
    }

    .cps-admin .cps-admin-winner-fields {
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100%;
        min-width: 0;
    }

    .cps-admin .cps-admin-manual-league-form,
    .cps-admin .cps-admin-metric-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }

    .cps-admin .cps-admin-manual-league-form > *,
    .cps-admin .cps-admin-metric-grid > * {
        min-width: 0;
        max-width: 100%;
    }

    .cps-admin .cps-admin-filters {
        flex-wrap: wrap;
        min-width: 0;
        max-width: 100%;
    }

    .cps-admin .cps-admin-filters label {
        min-width: 0;
        max-width: 100%;
    }

    .cps-admin .cps-admin-search {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .cps-admin .form-table th {
        padding: 12px 0 5px;
        text-align: left;
    }

    .cps-admin .form-table td {
        padding: 0 0 12px;
    }

    .cps-admin .form-table .regular-text,
    .cps-admin .form-table input[type="text"],
    .cps-admin .form-table input[type="password"],
    .cps-admin .form-table input[type="email"],
    .cps-admin .form-table input[type="url"],
    .cps-admin .form-table select,
    .cps-admin .form-table textarea,
    .cps-admin select[name^="league_winner"],
    .cps-admin input[name^="league_winner_name"] {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .cps-admin .form-table .description,
    .cps-admin label .description {
        display: block;
        max-width: 100%;
        overflow-wrap: anywhere;
    }
}