/* Page de connexion — même univers que le menu public : fond terracotta,
   feuille crème au bord ondulé, polices de la marque. Aucun noir, aucun
   dégradé, aucune police à empattement. Couleurs : marque.css. */

body.page-connexion{background:var(--c);color:var(--fonce);font-family:var(--police-texte)}
.page-connexion .contenu{max-width:none;padding:0}
.connexion{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:56px 18px calc(48px + env(safe-area-inset-bottom))}

.connexion-feuille{width:92%;max-width:420px;padding:calc(var(--onde-y,0px) + 36px) calc(var(--onde-x,0px) + 22px) calc(var(--onde-y,0px) + 28px);text-align:center}
.connexion-logo{display:block;width:168px;height:auto;margin:0 auto}
.connexion-titre{margin:20px 0 24px;font-family:var(--police-titre);font-size:30px;font-weight:400;font-synthesis:none;letter-spacing:.04em;line-height:1.1;text-transform:uppercase;color:var(--c)}

.connexion .flash{margin:0 0 18px;text-align:left}
.connexion .formulaire{gap:18px;padding:0;text-align:left}
.connexion .champ{display:flex;flex-direction:column;gap:7px}
.connexion .champ label{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--fonce)}
.connexion .champ input{width:100%;height:54px;min-height:54px;padding:0 16px;border:2px solid var(--c);border-radius:16px;background:#fffcf8;color:var(--fonce);font-family:var(--police-texte);font-size:16px;box-shadow:none;transition:none}
.connexion .champ input:focus{border-color:var(--fonce);box-shadow:none;outline:3px solid var(--fonce);outline-offset:2px}
.connexion .bouton{width:100%;height:54px;min-height:54px;margin-top:6px;border:0;border-radius:16px;background:var(--c);color:var(--creme);font-family:var(--police-texte);font-size:14px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;cursor:pointer}
.connexion .bouton:hover{background:var(--fonce)}
.connexion .bouton:focus-visible{outline:3px solid var(--fonce);outline-offset:2px}

.connexion-pictos{display:flex;align-items:center;justify-content:center;gap:26px;margin-top:30px;--picto-h:44px}