/* ARAYA skin for Ultimate Member auth forms — centered card, ARAYA tokens. Keep UM structure
   intact (only color/spacing/typography), so UM JS/validation keeps working. */
.an-auth-page .an-inner-hero { display: none; }              /* auth pages: no big hero band, go straight to the card */
.an-auth-wrap { max-width: var(--an-maxw); margin: 0 auto; padding: clamp(36px,6vw,72px) 20px clamp(48px,7vw,88px); display: flex; justify-content: center; }
.an-auth-card { width: 100%; max-width: 460px; background: var(--an-cream-card); border: 1px solid rgba(94,27,38,.14); border-radius: var(--an-radius-card); padding: clamp(24px,4vw,40px); box-shadow: 0 18px 44px rgba(94,27,38,.10); }

/* UM form elements -> ARAYA look. 2026-07-17 member dashboard: the account page's UM
   markup now lives inside .an-user-settings-accordion (inc/render-auth.php dashboard
   branch), not .an-auth-card — every selector below carries both scopes so the skin
   (and the beat-UM's-inline-option-CSS !importants) follows the markup. */
.an-auth-card .um, .an-auth-card .um-form, .an-user-settings-accordion .um, .an-user-settings-accordion .um-form { max-width: 100% !important; margin: 0 !important; }
.an-auth-card .um .um-field-label label, .an-user-settings-accordion .um .um-field-label label { font-family: var(--an-font-body); color: var(--an-ink-soft); font-weight: 600; }
.an-auth-card .um input[type=text], .an-auth-card .um input[type=email], .an-auth-card .um input[type=password], .an-user-settings-accordion .um input[type=text], .an-user-settings-accordion .um input[type=email], .an-user-settings-accordion .um input[type=password],
.an-auth-card .um input[type=tel], .an-auth-card .um select, .an-auth-card .um textarea, .an-user-settings-accordion .um input[type=tel], .an-user-settings-accordion .um select, .an-user-settings-accordion .um textarea {
  border: 1px solid rgba(94,27,38,.2) !important; border-radius: 10px !important; background: #fff !important;
  color: var(--an-ink) !important; font-family: var(--an-font-body) !important; padding: 12px 14px !important; box-shadow: none !important;
}
.an-auth-card .um input:focus, .an-auth-card .um select:focus, .an-auth-card .um textarea:focus, .an-user-settings-accordion .um input:focus, .an-user-settings-accordion .um select:focus, .an-user-settings-accordion .um textarea:focus { border-color: var(--an-gold) !important; outline: none !important; }
.an-auth-card .um .um-button, .an-auth-card .um input[type=submit], .an-auth-card .um a.um-button, .an-user-settings-accordion .um .um-button, .an-user-settings-accordion .um input[type=submit], .an-user-settings-accordion .um a.um-button {
  background: var(--an-maroon) !important; color: var(--an-cream) !important; border: 0 !important;
  border-radius: var(--an-radius-pill) !important; font-weight: 600 !important; padding: 13px 22px !important; box-shadow: none !important;
}
.an-auth-card .um .um-button:hover, .an-auth-card .um input[type=submit]:hover, .an-user-settings-accordion .um .um-button:hover, .an-user-settings-accordion .um input[type=submit]:hover { background: var(--an-maroon-deep) !important; }
.an-auth-card .um a, .an-user-settings-accordion .um a { color: var(--an-gold-strong); }
.an-auth-card .um .um-col-alt, .an-auth-card .um .um-secondary, .an-user-settings-accordion .um .um-col-alt, .an-user-settings-accordion .um .um-secondary { color: var(--an-ink-muted); }