/* Mise en page compacte commune aux pages du site, uniquement sur mobile. */
@media (max-width: 1220px) {
    html {
        font-size: 14px;
    }

    .container,
    .mail {
        width: calc(100% - 16px);
        margin: 62px auto 8px;
        padding: 8px;
        height: calc(100vh - 70px);
        height: calc(100dvh - 70px);
    }

    body:not(:has(.navbar)) .container {
        margin: 8px auto;
        height: calc(100vh - 16px);
        height: calc(100dvh - 16px);
    }

    header {
        margin-bottom: 14px;
    }

    h1 {
        font-size: 1.65rem !important;
    }

    h2 {
        font-size: 1.3rem !important;
    }

    h3 {
        font-size: 1.05rem !important;
    }

    header h1,
    header p {
        margin-bottom: 6px;
    }

    .back-link,
    .links {
        margin-top: 14px;
    }

    .btn {
        padding: 8px 16px;
        font-size: 0.9rem;
    }

    .btn-small {
        padding: 5px 9px;
        font-size: 0.8rem;
    }

    .login-box,
    .form-box {
        padding: 20px;
        border-radius: 8px;
    }

    .form-group {
        margin-bottom: 12px;
    }

    .form-group label {
        margin-bottom: 5px;
    }

    .form-group input[type="text"],
    .form-group input[type="email"],
    .form-group input[type="password"],
    .form-group input[type="number"],
    .form-group select,
    textarea {
        padding: 8px;
        font-size: 0.9rem;
    }

    .matches-table th,
    .forecasts-table th,
    .rankings-table th,
    .admin-table th,
    .matches-table td,
    .forecasts-table td,
    .rankings-table td,
    .admin-table td {
        padding: 8px;
        font-size: 0.82rem;
    }

    .score-highlight {
        padding: 3px 6px;
    }

    .badge {
        padding: 3px 8px;
        font-size: 0.75rem;
    }

    .error-message,
    .success-message,
    .warning-message {
        padding: 9px;
        margin-bottom: 12px;
    }

    .no-data {
        padding: 20px 10px;
    }

    .toast-notification {
        padding: 8px 12px;
        font-size: 0.8rem;
    }
}