{#
    Page de maintenance (503) — rendue par MaintenanceMiddleware quand
    MAINTENANCE_MODE=true.

    Autonome (comme errors/5xx.twig) : aucun middleware web n'a tourné, donc
    aucun global de requête (viewer, csrf_token, locale) n'est disponible.
    Seuls les globals statiques (app_url) et l'extension trans() le sont.
    La locale est la locale par défaut du traducteur (pas de négociation
    pendant une coupure).
#}
<!doctype html>
<html lang="fr-FR">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="noindex, follow">
    <title>{{ trans('errors.maintenance.heading') }}</title>
    <style>
        * { box-sizing: border-box; }
        body {
            margin: 0;
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            color: #1f2937;
            background: #f9fafb;
            line-height: 1.5;
        }
        .maintenance-box { max-width: 480px; padding: 32px 24px; text-align: center; }
        .maintenance-icon { font-size: 56px; margin: 0 0 8px; }
        .maintenance-heading { font-size: 24px; margin: 8px 0 12px; }
        .maintenance-message { color: #6b7280; margin: 0; }
    </style>
</head>
<body>
    <main class="maintenance-box">
        <p class="maintenance-icon">&#128679;</p>
        <h1 class="maintenance-heading">{{ trans('errors.maintenance.heading') }}</h1>
        <p class="maintenance-message">{{ trans('errors.maintenance.message') }}</p>
    </main>
</body>
</html>
