/* =========================================================
   MON ESPACE UACTT — FORMULAIRE JOOMLA NATIF
========================================================= */

body.uactt-page-mon-espace-uactt .uactt-main {
  min-height: 100vh !important;
  padding: 145px 18px 80px !important;

  background:
    radial-gradient(
      circle at 15% 10%,
      rgba(212, 175, 55, .22),
      transparent 30%
    ),
    radial-gradient(
      circle at 90% 80%,
      rgba(123, 0, 28, .17),
      transparent 32%
    ),
    linear-gradient(
      145deg,
      #f8f3e9 0%,
      #ffffff 52%,
      #f1e5cf 100%
    ) !important;
}

body.uactt-page-mon-espace-uactt .com-users-login,
body.uactt-page-mon-espace-uactt .login,
body.uactt-page-mon-espace-uactt .com-users-login-form {
  width: min(480px, 100%) !important;
  margin: 0 auto !important;
  padding: 34px 24px !important;

  border: 1px solid rgba(255, 255, 255, .75) !important;
  border-radius: 30px !important;

  background:
    radial-gradient(
      circle at 100% 0,
      rgba(212, 175, 55, .14),
      transparent 35%
    ),
    rgba(255, 255, 255, .92) !important;

  box-shadow:
    0 30px 80px rgba(42, 17, 24, .17) !important;

  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
}

body.uactt-page-mon-espace-uactt .com-users-login::before {
  content: "MON ESPACE";
  display: block;

  margin-bottom: 8px;

  color: #7b001c;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .22em;
  text-align: center;
}

body.uactt-page-mon-espace-uactt .com-users-login::after {
  content: "UACTT";
  display: block;

  margin-top: -2px;
  margin-bottom: 32px;

  color: #d4af37;
  font-size: 48px;
  font-weight: 900;
  line-height: 1;
  text-align: center;
}

body.uactt-page-mon-espace-uactt .com-users-login form {
  display: grid !important;
  gap: 18px !important;
}

body.uactt-page-mon-espace-uactt .com-users-login fieldset {
  display: grid !important;
  gap: 18px !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
}

body.uactt-page-mon-espace-uactt .com-users-login legend {
  display: none !important;
}

body.uactt-page-mon-espace-uactt .control-group,
body.uactt-page-mon-espace-uactt .mb-3 {
  width: 100% !important;
  margin: 0 !important;
}

body.uactt-page-mon-espace-uactt label {
  display: block !important;

  margin-bottom: 8px !important;

  color: #352e30 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;
}

body.uactt-page-mon-espace-uactt input[type="text"],
body.uactt-page-mon-espace-uactt input[type="email"],
body.uactt-page-mon-espace-uactt input[type="password"] {
  width: 100% !important;
  min-height: 56px !important;

  padding: 0 17px !important;

  border: 1px solid rgba(123, 0, 28, .16) !important;
  border-radius: 15px !important;

  background: #ffffff !important;
  color: #211c1e !important;

  font-family: "Manrope", Arial, sans-serif !important;
  font-size: 16px !important;

  box-shadow: none !important;
}

body.uactt-page-mon-espace-uactt input:focus {
  border-color: #d4af37 !important;
  outline: none !important;

  box-shadow:
    0 0 0 4px rgba(212, 175, 55, .14) !important;
}

body.uactt-page-mon-espace-uactt .input-group {
  display: flex !important;
  width: 100% !important;
}

body.uactt-page-mon-espace-uactt .input-group input {
  flex: 1 1 auto !important;
  min-width: 0 !important;

  border-radius: 15px 0 0 15px !important;
}

body.uactt-page-mon-espace-uactt .input-group button {
  width: 52px !important;

  border: 0 !important;
  border-radius: 0 15px 15px 0 !important;

  background: #7b001c !important;
  color: #ffffff !important;
}

body.uactt-page-mon-espace-uactt input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;

  accent-color: #7b001c;
}

body.uactt-page-mon-espace-uactt button[type="submit"],
body.uactt-page-mon-espace-uactt input[type="submit"] {
  width: 100% !important;
  min-height: 56px !important;

  margin-top: 4px !important;
  padding: 0 22px !important;

  border: 0 !important;
  border-radius: 999px !important;

  background: #7b001c !important;
  color: #ffffff !important;

  font-family: "Manrope", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;

  box-shadow:
    0 16px 34px rgba(123, 0, 28, .28) !important;
}

body.uactt-page-mon-espace-uactt .com-users-login__options,
body.uactt-page-mon-espace-uactt .com-users-login ul {
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 8px 18px !important;

  margin: 24px 0 0 !important;
  padding: 20px 0 0 !important;

  border-top: 1px solid rgba(123, 0, 28, .10) !important;

  list-style: none !important;
}

body.uactt-page-mon-espace-uactt .com-users-login a {
  color: #7b001c !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

/* Sécurité : masque encore le bloc clé d’accès s’il reste chargé */

body.uactt-page-mon-espace-uactt [class*="webauthn"],
body.uactt-page-mon-espace-uactt [id*="webauthn"],
body.uactt-page-mon-espace-uactt [class*="passkey"],
body.uactt-page-mon-espace-uactt [id*="passkey"] {
  display: none !important;
}

@media (max-width: 575px) {

  body.uactt-page-mon-espace-uactt .uactt-main {
    padding:
      112px
      12px
      55px !important;
  }

  body.uactt-page-mon-espace-uactt .com-users-login,
  body.uactt-page-mon-espace-uactt .login {
    padding: 28px 18px !important;
    border-radius: 25px !important;
  }

  body.uactt-page-mon-espace-uactt .com-users-login::after {
    font-size: 42px;
  }
}
/* Bouton afficher/masquer le mot de passe avec icône œil */

body.uactt-page-mon-espace-uactt .input-password-toggle button,
body.uactt-page-mon-espace-uactt .input-group button {
  position: relative !important;

  width: 54px !important;
  min-width: 54px !important;
  padding: 0 !important;

  overflow: hidden !important;

  font-size: 0 !important;
  line-height: 0 !important;

  background: #7b001c !important;
  color: #fff !important;
}

body.uactt-page-mon-espace-uactt .input-password-toggle button::before,
body.uactt-page-mon-espace-uactt .input-group button::before {
  content: "" !important;

  position: absolute !important;
  top: 50% !important;
  left: 50% !important;

  width: 22px !important;
  height: 14px !important;

  border: 2px solid #fff !important;
  border-radius: 50% / 60% !important;

  transform: translate(-50%, -50%) !important;
}

body.uactt-page-mon-espace-uactt .input-password-toggle button::after,
body.uactt-page-mon-espace-uactt .input-group button::after {
  content: "" !important;

  position: absolute !important;
  top: 50% !important;
  left: 50% !important;

  width: 6px !important;
  height: 6px !important;

  border-radius: 50% !important;

  background: #fff !important;

  transform: translate(-50%, -50%) !important;
}