/* connexion-mobile.css — Fix audit 2026-07-03 : "Créer compte" bouton visible + réassurance */
@media (max-width: 768px) {
  /* H1 compact */
  .page-header .h1.page-title, #main .page-header .h1 {
    font-size: 20px !important;
    color: #000F8F !important;
    text-align: center !important;
    padding: 4px 0 !important;
    margin: 6px 0 8px !important;
  }

  /* Form card plus compact */
  .login-form, .register-form {
    padding: 14px !important;
    margin: 0 auto !important;
  }
  .login-form .form-group, .register-form .form-group {
    margin-bottom: 12px !important;
  }
  .login-form .form-control-label, .register-form .form-control-label {
    font-size: 13px !important;
    color: #4b5563 !important;
    padding: 2px 0 !important;
  }
  .login-form .form-control, .register-form .form-control {
    font-size: 14px !important;
    padding: 10px 12px !important;
    border: 1.5px solid #d1d5db !important;
    border-radius: 6px !important;
  }
  .login-form .form-control:focus, .register-form .form-control:focus {
    border-color: #79a500 !important;
    box-shadow: 0 0 0 3px rgba(121,165,0,.12) !important;
  }

  /* Bouton "Connexion" (primary) */
  .login-form .form-control-submit, .btn-primary#submit-login {
    background: #000F8F !important;
    border-color: #000F8F !important;
    padding: 12px 24px !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    width: 100% !important;
    box-shadow: 0 4px 12px rgba(0, 15, 143, .25);
  }
  .login-form .form-control-submit:hover, .btn-primary#submit-login:hover {
    background: #000a6e !important; border-color: #000a6e !important;
  }

  /* "Créer un compte" en bouton secondaire visible */
  .no-account {
    text-align: center !important;
    margin: 16px 0 8px !important;
    padding: 12px 8px !important;
    border-top: 1px solid #e5e7eb !important;
    background: linear-gradient(135deg, #f0f9e0 0%, #ecfdf5 100%);
    border-radius: 8px;
  }
  .no-account::before {
    content: "Nouveau chez Eco-gobelets ?";
    display: block;
    font-size: 13px; color: #4b5563;
    margin-bottom: 8px; font-weight: 500;
  }
  .no-account a {
    display: inline-block !important;
    background: #fff !important;
    color: #79a500 !important;
    border: 2px solid #79a500 !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(121,165,0,.15);
    transition: background .15s, color .15s;
  }
  .no-account a:hover {
    background: #79a500 !important;
    color: #fff !important;
  }
  .no-account a .fa-angle-right { margin-left: 4px; }

  /* Mini réassurance en bas du form */
  .login-form::after {
    content: "🔒 Connexion sécurisée · 🇫🇷 Made in France · 📞 Support 04 76 93 76 00";
    display: block;
    text-align: center;
    font-size: 11px; color: #6b7280;
    margin-top: 12px; padding: 8px;
    background: #f9fafb; border-radius: 6px;
    line-height: 1.4;
  }
}