/* All My Logins - Ultimate Member styling (optional)
   Applies the same All My theme tokens to UM forms/pages.
*/

/* Target common UM wrappers */
body .um,
body .um .um-form,
body .um .um-register,
body .um .um-login{
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
}

/* Card look */
body .um .um-form,
body .um .um-form form{
  background: var(--aml-card-bg, rgba(255,255,255,0.92));
  border: 1px solid var(--aml-card-border, rgba(17,24,39,0.18));
  border-radius: var(--aml-card-radius, 22px);
  box-shadow: 0 18px 48px rgba(0,0,0,.18);
  padding: 18px;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

body .um .um-form:hover,
body .um .um-form form:hover{
  transform: translateY(-2px);
  box-shadow: 0 22px 60px rgba(0,0,0,.22), 0 0 18px rgba(212,175,55,.12);
  border-color: rgba(212,175,55,.35);
}

/* Inputs */
body .um input[type="text"],
body .um input[type="password"],
body .um input[type="email"],
body .um textarea,
body .um select{
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.12);
  background: rgba(255,255,255,.92);
  color: var(--aml-text, #111827);
  box-shadow: none !important;
  transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}

body .um input[type="text"]:hover,
body .um input[type="password"]:hover,
body .um input[type="email"]:hover,
body .um textarea:hover,
body .um select:hover{
  border-color: rgba(212,175,55,.45);
}

body .um input[type="text"]:focus,
body .um input[type="password"]:focus,
body .um input[type="email"]:focus,
body .um textarea:focus,
body .um select:focus{
  outline: none;
  border-color: var(--aml-accent, #D4AF37);
  box-shadow: 0 0 0 3px rgba(212,175,55,.18) !important;
}

/* Buttons */
body .um a.um-button,
body .um input[type="submit"],
body .um button,
body .um .um-button{
  border-radius: var(--aml-button-radius, 14px) !important;
  border: none !important;
  font-weight: 700;
  letter-spacing: .2px;
  background: var(--aml-button-gradient, linear-gradient(135deg, var(--aml-primary, #D4AF37), var(--aml-accent, #F5D77A))) !important;
  color: #0b0b0c !important;
  box-shadow: 0 12px 26px rgba(0,0,0,.18);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

body .um a.um-button:hover,
body .um input[type="submit"]:hover,
body .um button:hover,
body .um .um-button:hover{
  transform: translateY(-2px);
  filter: brightness(1.03);
  box-shadow: 0 16px 34px rgba(0,0,0,.22), 0 0 14px rgba(212,175,55,.18);
}

/* Links */
body .um a{
  color: var(--aml-primary, #D4AF37);
}

body .um a:hover{
  color: var(--aml-accent, #C9A227);
}

/* Optional logo above UM forms */
.aml-um-logo-wrap{
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 14px 0 18px;
}

.aml-um-logo-link{
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.aml-um-logo{
  height: auto;
  max-width: min(420px, 90vw);
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.22));
  transition: transform .25s ease, filter .25s ease;
}

.aml-um-logo-link:hover .aml-um-logo{
  transform: translateY(-3px) scale(1.02);
  filter: drop-shadow(0 12px 22px rgba(0,0,0,.28)) drop-shadow(0 0 12px rgba(212,175,55,.28));
}