/* ===== Page de connexion ===== */

.noo-logreg{ max-width: 900px; margin: 40px auto; }
.logreg-container{
  background: var(--paper-card); border:1px solid var(--rule); border-radius: var(--radius);
  overflow:hidden; display:flex; flex-wrap:wrap;
}
.logreg-content.row.clearfix{ display:flex; flex-wrap:wrap; margin:0 !important; width:100%; }

.login-form{
  padding: 40px !important; float:none !important; width:50% !important;
}
.login-form{ border-right:1px solid var(--rule); }
.omb_login{ width:50%; background: var(--pine-tint); display:flex; }
.register-form{
  padding: 40px !important; float:none !important; width:100% !important;
  background:none !important; display:flex; flex-direction:column; justify-content:center;
}

.logreg-title{
  font-family:'Fraunces', serif; font-weight:600; font-size:1.4rem; color: var(--pine-dark); margin-bottom:8px;
}
.logreg-desc{ color: var(--ink-soft); font-size:0.9rem; margin-bottom:20px; }

.login-form .input-group{ display:flex; margin-bottom:14px; }
.login-form .input-group-addon{
  display:flex; align-items:center; padding:0 14px; border:1px solid var(--rule); border-right:none;
  border-radius: var(--radius) 0 0 var(--radius); background: var(--paper); color: var(--ink-soft);
}
.login-form .form-control{
  flex:1; padding:11px 14px; border:1px solid var(--rule); border-radius:0 var(--radius) var(--radius) 0;
  font-family:'Inter', sans-serif; font-size:0.92rem; background: var(--paper); box-shadow:none !important; height:auto !important;
}
.logreg-action{ margin-top:8px; }
.logreg-action .btn{
  display:block; width:100%; padding:12px; background: var(--pine-dark) !important; border:none !important;
  border-radius: var(--radius) !important; color:#F4F1E8 !important; font-weight:600; text-shadow:none !important; box-shadow:none !important;
}
.logreg-action .btn:hover{ background: var(--pine) !important; }

.register-form .btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px; width:100%; padding:14px;
  background: var(--pine-dark) !important; color:#F4F1E8 !important; border:none !important; border-radius: var(--radius) !important;
  font-weight:600; text-shadow:none !important; box-shadow:none !important;
}
.register-form .btn:hover{ background: var(--pine) !important; }

.logreg-desc a{ color: var(--pine-dark) !important; font-weight:600; }

.alert-success, .alert-danger{
  border-radius: var(--radius) !important; border:1px solid var(--rule) !important; text-shadow:none !important;
  padding:14px 40px 14px 16px !important; margin-bottom:20px !important; position:relative;
}
.alert-success{ background: var(--pine-tint) !important; color: var(--pine-dark) !important; }
.alert-danger{ background:#F4E4DE !important; color:#8A3B24 !important; }
.alert-dismissable .close{ position:absolute; top:10px; right:12px; opacity:0.6; }

@media (max-width:767px){
  .login-form, .omb_login{ width:100% !important; }
  .login-form{ border-right:none; border-bottom:1px solid var(--rule); }
  .noo-logreg{ margin: 20px auto; }
}