/* MOSKI_ACCOUNT_FIX_20261103
   Repare les pages Inscription (/inscription) et Mot de passe oublie
   (/recuperation-mot-de-passe), inutilisables avant ce correctif.

   Deux causes, heritees du theme et jamais rattrapees sur ces pages :

   1. La regle pleine largeur du theme
        #wrapper > .container, .columns-container, #content-wrapper,
        #center-column, .page--full-width, #main, #content { padding: 0 }
      supprime la goutiere de 12 px censee compenser la marge negative
      de .row. Mesure relevee : le formulaire demarrait a x = -12 px pour
      une largeur de 1527 px dans une fenetre de 1503 px, d ou les libelles
      coupes a gauche et un debordement de 24 px a droite.

   2. Le reset du theme ( *{border-width:0} et input{padding:0} ) rend les
      champs invisibles : bordure nulle sur fond blanc. La page de connexion
      y echappe grace a ses styles .mk-login-form dedies ; ces deux pages
      n en ont aucun.

   Charge apres custom.css, donc prioritaire sur les deux.
   Portee limitee a #registration et #password pour ne rien changer aux
   pages qui fonctionnent deja.

   Note : le theme declare padding:0 et max-width:none en !important sur
   #center-column. Les declarations du conteneur ci-dessous doivent donc
   l etre aussi, sinon elles perdent la cascade. */

body:is(#registration,#password) .container > .row{margin-left:0;margin-right:0}

body:is(#registration,#password) #center-column{
  box-sizing:border-box;width:100%;max-width:560px!important;margin:0 auto!important;
  padding:56px 24px 88px!important}

body:is(#registration,#password) h1{
  margin:0 0 34px;font-size:24px;font-weight:400;letter-spacing:.14em;
  line-height:1.3;text-align:center;text-transform:uppercase}

body:is(#registration,#password) label{
  display:block;margin:0 0 7px;padding:0;color:#111;font-size:11px;
  font-weight:500;letter-spacing:.02em;line-height:1.35}

body:is(#registration,#password) input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]),
body:is(#registration,#password) select,
body:is(#registration,#password) textarea{
  box-sizing:border-box;width:100%;min-height:48px;margin:0;padding:0 14px;
  border:1px solid #d8d8d8;border-radius:0;background:#fff;color:#111;
  box-shadow:none;outline:0;font-family:inherit;font-size:13px;line-height:1.35}

body:is(#registration,#password) textarea{
  min-height:120px;padding:12px 14px;line-height:1.5}

body:is(#registration,#password) input:focus,
body:is(#registration,#password) select:focus,
body:is(#registration,#password) textarea:focus{
  border-color:#111;box-shadow:inset 0 0 0 1px #111}

body:is(#registration,#password) ::placeholder{color:#8a8a8a;opacity:1}

body:is(#registration,#password) .form-group,
body:is(#registration,#password) .form-field,
body:is(#registration,#password) .field{margin:0 0 20px}

body:is(#registration,#password) .form-control-comment,
body:is(#registration,#password) small,
body:is(#registration,#password) .help-block{
  display:block;margin:6px 0 0;color:#6b6b6b;font-size:10px;line-height:1.45}

body:is(#registration,#password) input[type=checkbox],
body:is(#registration,#password) input[type=radio]{
  width:auto;min-width:0;min-height:0;margin:0 8px 0 0;padding:0;
  accent-color:#111;vertical-align:middle}

body:is(#registration,#password) .form-check-label,
body:is(#registration,#password) .checkbox-inline,
body:is(#registration,#password) .radio-inline{
  display:inline;margin:0;color:#333;font-size:12px;font-weight:400;
  letter-spacing:0;line-height:1.5;text-transform:none}

body:is(#registration,#password) button[type=submit],
body:is(#registration,#password) .btn-primary{
  box-sizing:border-box;display:inline-flex;align-items:center;
  justify-content:center;width:100%;min-height:48px;margin-top:8px;
  padding:0 28px;border:1px solid #111;border-radius:0;background:#111;
  color:#fff;box-shadow:none;font-size:11px;font-weight:500;
  letter-spacing:.16em;line-height:1.2;text-transform:uppercase;cursor:pointer}

body:is(#registration,#password) button[type=submit]:hover,
body:is(#registration,#password) .btn-primary:hover{
  background:#fff;color:#111}

body:is(#registration,#password) .password-field{position:relative}
body:is(#registration,#password) .password-field input{padding-right:52px}
body:is(#registration,#password) .password-field button{
  position:absolute;right:1px;top:1px;width:48px;min-height:46px;
  padding:0;border:0;background:transparent;color:#111}

@media (max-width:575px){
  body:is(#registration,#password) #center-column{padding:32px 16px 64px!important}
  body:is(#registration,#password) input,
  body:is(#registration,#password) select,
  body:is(#registration,#password) textarea{font-size:16px}
}