/* ============================================================
   Profil — Mot de passe oublié / Réinitialisation (forms
   #forgot-password et #new-password). Carte centrée "encre & papier",
   cohérente avec le flux panier. Chargé uniquement sur ces pages via
   include_style_global.php — bat mon-compte.css / le thème par la
   spécificité de l'id (sans !important).
   ============================================================ */
@import url("https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800&family=DM+Mono:wght@400;500&display=swap");

:is(#forgot-password,#new-password) {
  --ink:#161513; --ink-2:#38352f; --muted:#807c73; --line:#e7e4dd; --line-2:#efece6;
  --paper:#fff; --field-bg:#faf9f6; --accent:#161513; --radius:16px; --radius-sm:10px;
  --ff-sans:"Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;
  --ff-mono:"DM Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --ease:cubic-bezier(.22,.61,.36,1);

  box-sizing:border-box;
  max-width:460px; margin:40px auto; padding:36px 34px;
  background:var(--paper); border:1px solid var(--line); border-radius:var(--radius);
  box-shadow:0 1px 2px rgba(22,21,19,.05), 0 18px 40px -28px rgba(22,21,19,.35);
  font-family:var(--ff-sans); color:var(--ink); text-align:left; line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
:is(#forgot-password,#new-password) *,:is(#forgot-password,#new-password) *::before,:is(#forgot-password,#new-password) *::after { box-sizing:border-box; }

/* Titre + pastille icône */
:is(#forgot-password,#new-password) h2 {
  display:flex; align-items:center; gap:12px;
  font-size:23px; font-weight:800; letter-spacing:-.02em; line-height:1.2;
  margin:0 0 14px; color:var(--ink);
}
:is(#forgot-password,#new-password) h2::before {
  content:"\f084"; font-family:"Font Awesome 6 Free"; font-weight:900; font-style:normal;
  width:40px; height:40px; flex:none; border-radius:11px;
  background:var(--accent); color:#fff; display:grid; place-items:center; font-size:17px;
}
:is(#forgot-password,#new-password) > p { font-size:14px; color:var(--muted); line-height:1.55; margin:0 0 22px; }

/* Alertes (erreurs / confirmation) */
:is(#forgot-password,#new-password) .alert {
  font-size:13.5px; line-height:1.5; border-radius:var(--radius-sm);
  padding:12px 15px; margin:0 0 18px; border:1px solid var(--line);
}
:is(#forgot-password,#new-password) .alert-danger { background:#fcf1ef; border-color:#e7c9c4; color:#7c2d23; }
:is(#forgot-password,#new-password) .alert-success { background:#eef4ee; border-color:#cfe0cf; color:#2f5733; }

/* Mise en page : on neutralise la grille de centrage (col s3/s6/s3) */
:is(#forgot-password,#new-password) .row { display:block; margin:0; }
:is(#forgot-password,#new-password) .row > [class*="col"] { width:auto; float:none; padding:0; margin:0; min-height:0; }
:is(#forgot-password,#new-password) .row > .col.s3 { display:none; }

/* Champs (e-mail / mot de passe) ; form-group + libellé au-dessus */
:is(#forgot-password,#new-password) .form-group { display:flex; flex-direction:column; gap:7px; margin:0 0 16px; }
:is(#forgot-password,#new-password) .form-group label {
  font-family:var(--ff-mono); font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--muted);
}
:is(#forgot-password,#new-password) input[type="text"],
:is(#forgot-password,#new-password) input[type="email"],
:is(#forgot-password,#new-password) input[type="password"],
:is(#forgot-password,#new-password) input.form-control {
  width:100%; height:auto; margin:0;
  border:1px solid var(--line); background:var(--field-bg); border-radius:var(--radius-sm);
  padding:12px 14px; font-family:var(--ff-sans); font-size:15px; color:var(--ink); box-shadow:none;
  transition:border-color .16s var(--ease), box-shadow .16s var(--ease), background .16s var(--ease);
}
:is(#forgot-password,#new-password) input[type="text"]:focus,
:is(#forgot-password,#new-password) input[type="email"]:focus,
:is(#forgot-password,#new-password) input[type="password"]:focus,
:is(#forgot-password,#new-password) input.form-control:focus {
  outline:none; border-color:var(--ink); background:var(--paper); box-shadow:0 0 0 3px rgba(22,21,19,.08);
}

/* Bouton Envoyer */
:is(#forgot-password,#new-password) .text-center { text-align:center; margin-top:22px; }
:is(#forgot-password,#new-password) .button {
  display:inline-flex; align-items:center; justify-content:center; gap:8px; width:100%;
  background:var(--accent); color:#fff; border:1px solid var(--accent); border-radius:var(--radius-sm);
  padding:13px 20px; font-family:var(--ff-sans); font-size:14.5px; font-weight:600; line-height:1.2;
  cursor:pointer; text-transform:none; text-decoration:none; transition:filter .16s var(--ease);
}
:is(#forgot-password,#new-password) .button:hover { filter:brightness(1.28); }
:is(#forgot-password,#new-password) .button:active { transform:translateY(1px); }