/* Atlas Steel — écran de connexion de l'espace client (Odoo).

   Odoo habille /web/login, /web/signup et /web/reset_password avec son
   propre gabarit : dans une mise en page « website », il remplace la carte
   de connexion d'origine (300 px, logo Odoo, « propulsé par Odoo ») par un
   simple conteneur. Le client tombait donc sur un formulaire nu, bouton
   violet, sans carte ni repère de la maison.

   Le gabarit `atlas_connexion` (views/website_templates.xml) remet la carte
   et l'en-tête de la maison ; cette feuille lui donne la charte du site :
   filet orange de tête, marine, mono pour les cartouches, bouton orange.

   Elle se charge après atlas_site.css et AVANT la feuille d'Odoo : les
   sélecteurs sont donc volontairement plus précis que ceux de Bootstrap. */

/* ── La page ──────────────────────────────────────────────────────────── */
.atlas-connexion{
  max-width:440px;margin:0 auto;
  /* L'en-tête Atlas est fixe (3 px de filet + 34 px de barre + 74 px de
     navigation) : sans cette réserve, la carte passait dessous. */
  padding:150px 20px 90px}
.atlas-connexion a{color:var(--accent);text-decoration:none}
.atlas-connexion a:hover{color:var(--accent-dk);text-decoration:underline}

/* ── La carte ─────────────────────────────────────────────────────────── */
.atlas-connexion .ac-carte{
  background:#fff;border:1px solid var(--g200);border-top:3px solid var(--accent);
  padding:36px 34px 28px;
  box-shadow:0 24px 64px rgba(11,36,64,.10)}

/* ── L'en-tête de la carte : logo, titre, promesse ────────────────────── */
.atlas-connexion .ac-tete{padding-bottom:22px;margin-bottom:24px;
  border-bottom:1px solid var(--g200)}
.atlas-connexion .ac-tete img{height:25px;width:auto;margin-bottom:20px}
.atlas-connexion .ac-tete h1{
  font-family:var(--disp);font-size:27px;font-weight:600;line-height:1.05;
  letter-spacing:-.024em;color:var(--ink);margin:0}
.atlas-connexion .ac-tete p{
  font-size:13px;line-height:1.66;color:var(--g600);margin-top:12px}
.atlas-connexion .ac-eyebrow{
  font-family:var(--mono);font-size:9px;font-weight:600;text-transform:uppercase;
  letter-spacing:.2em;color:var(--g400);margin-bottom:10px}


/* ── Le formulaire lui-même ───────────────────────────────────────────────
   Rien n'est retiré : champs, mot de passe oublié, clé d'accès, inscription.
   Seul l'habillage change — libellés en petites capitales mono, champs
   hauts et nets, bouton orange, comme les boutons du site. */
.atlas-connexion .oe_login_form{margin:0}
.atlas-connexion .oe_login_form .form-label{
  font-family:var(--mono);font-size:9.5px;font-weight:600;text-transform:uppercase;
  letter-spacing:.16em;color:var(--g500);margin-bottom:7px}
.atlas-connexion .oe_login_form .form-control{
  height:46px;border:1px solid var(--g200);border-radius:0;background:#fff;
  font-family:var(--body);font-size:14px;color:var(--ink);box-shadow:none;
  padding:0 14px}
.atlas-connexion .oe_login_form .form-control:focus{
  border-color:var(--ink);box-shadow:none}
.atlas-connexion .oe_login_form .form-control::placeholder{color:var(--g400)}
.atlas-connexion .oe_login_form .input-group .btn{
  border:1px solid var(--g200);border-left:0;border-radius:0;background:#fff;
  color:var(--g600);height:46px}
.atlas-connexion .oe_login_form .input-group .btn:hover{color:var(--ink)}
.atlas-connexion .oe_login_form .oe_login_buttons{
  display:block;text-align:left;padding-top:20px}
.atlas-connexion .oe_login_form .btn-primary,
.atlas-connexion .oe_login_form button[type="submit"]{
  width:100%;background:var(--accent) !important;border:1px solid var(--accent) !important;
  border-radius:0;color:#fff !important;padding:15px 30px;
  font-family:var(--mono);font-size:10.5px;font-weight:600;text-transform:uppercase;
  letter-spacing:.16em;transition:background .18s;
  height:auto;line-height:1.2}
.atlas-connexion .oe_login_form .btn-primary:hover,
.atlas-connexion .oe_login_form button[type="submit"]:hover{
  background:var(--accent-dk) !important;border-color:var(--accent-dk) !important}
.atlas-connexion .oe_login_form .btn-link{
  color:var(--g600);font-size:12px;text-decoration:none;padding:0}
.atlas-connexion .oe_login_form .btn-link:hover{color:var(--accent);text-decoration:underline}
.atlas-connexion .oe_login_form .o_login_auth{margin-top:20px}
.atlas-connexion .oe_login_form .o_login_auth em{
  font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.18em;
  color:var(--g400);font-style:normal}
.atlas-connexion .oe_login_form .list-group-item{
  border:1px solid var(--g200);border-radius:0;font-size:12.5px;color:var(--g700)}
.atlas-connexion .oe_login_form .alert{border-radius:0;font-size:12.5px}
.atlas-connexion .oe_login_form .o_caps_lock_warning .btn-link{font-size:11px}

/* ── Le pied de la carte : ouvrir un compte ───────────────────────────── */
.atlas-connexion .ac-pied{
  margin-top:26px;padding-top:20px;border-top:1px solid var(--g200);
  font-size:12.5px;color:var(--g600);display:flex;gap:8px;flex-wrap:wrap;
  align-items:baseline}
.atlas-connexion .ac-pied a{
  font-family:var(--mono);font-size:9.5px;font-weight:600;text-transform:uppercase;
  letter-spacing:.14em;color:var(--accent)}

/* ── Sous la carte : le retour au site ────────────────────────────────── */
.atlas-connexion .ac-note{
  margin-top:18px;font-size:11.5px;color:var(--g500);text-align:center;
  line-height:1.7}

/* ── Petits écrans ────────────────────────────────────────────────────── */
@media(max-width:980px){
  .atlas-connexion{padding:112px 16px 64px}
  .atlas-connexion .ac-carte{padding:28px 22px 22px}
  .atlas-connexion .ac-tete h1{font-size:23px}
}