/*
 * Nexus dashboard shell — MemberPress ReadyLaunch (classic app + guest layouts).
 *
 * Scope: everything under body.nx-rl. Overrides ReadyLaunch theme.css /
 * account.css / login.css / checkout.css plus the inline
 * `design_primary_color` rules (`.app-layout .site-header{background:… !important}`,
 * `#mepr-account-nav{background:… !important}`) by specificity, never by
 * touching MemberPress settings or view files.
 *
 * Breakpoint: 840px (ReadyLaunch's own), tokens shrink in mp-nexus-tokens.css.
 */

/* ------------------------------------------------------------------
 * 1. Base
 * ---------------------------------------------------------------- */
body.nx-rl {
  margin: 0;
  background: var(--surface) !important;
  color: var(--ink);
  font-family: var(--font);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}
body.nx-rl,
body.nx-rl button,
body.nx-rl input,
body.nx-rl select,
body.nx-rl optgroup,
body.nx-rl textarea,
body.nx-rl .mepr-account-container button,
body.nx-rl .mepr-account-container input,
body.nx-rl .mepr-account-container select,
body.nx-rl .mepr-account-container textarea {
  font-family: var(--font);
}
body.nx-rl *,
body.nx-rl *::before,
body.nx-rl *::after {
  box-sizing: border-box;
}
body.nx-rl #page.site {
  display: flex;
  flex-direction: column;
  min-height: 100dvh;
}
body.nx-rl #primary.site-main {
  flex: 1 0 auto;
  width: 100%;
}
body.nx-rl a {
  color: var(--royal);
  text-decoration: none;
  transition: color var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out);
}
body.nx-rl a:hover {
  color: var(--navy);
}
body.nx-rl :focus-visible {
  outline: var(--nx-focus);
  outline-offset: 2px;
  border-radius: 4px;
}
body.nx-rl img {
  max-width: 100%;
  height: auto;
}
body.nx-rl img.nx-avatar,
body.nx-rl .nx-hero__disc img,
body.nx-rl .profile-menu__avatar,
body.nx-rl .nx-sheet-head img {
  max-width: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.nx-rl .mepr-rl-footer-widgets:empty,
body.nx-rl .mepr-rl-footer-widgets:not(:has(*)) {
  display: none;
}

/* ------------------------------------------------------------------
 * 2. Header (app + guest)
 * ---------------------------------------------------------------- */
body.nx-rl .site-header,
body.nx-rl .app-layout .site-header,
body.nx-rl .guest-layout .site-header {
  position: sticky;
  top: 0;
  z-index: var(--nx-z-nav);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  height: var(--nx-header-h);
  padding: 0 var(--nx-gutter);
  background: var(--white) !important;
  color: var(--navy) !important;
  box-shadow: var(--shadow-header);
}
body.nx-rl.admin-bar .site-header {
  top: 32px;
}
@media (max-width: 782px) {
  body.nx-rl.admin-bar .site-header {
    top: 46px;
  }
}
body.nx-rl .site-branding {
  display: flex;
  align-items: center;
  min-width: 0;
}
body.nx-rl .site-branding a {
  display: inline-flex;
  align-items: center;
  border-radius: 8px;
}
body.nx-rl .site-header .site-branding__logo,
body.nx-rl .site-branding img.site-logo,
body.nx-rl.mepr-guest-layout .site-branding img.site-logo {
  display: block;
  width: auto;
  height: 48px;
  max-height: 48px;
  max-width: none;
}
body.nx-rl .site-header .mepr-header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Guest header link (checkout / thank-you when logged out) */
body.nx-rl .site-header .mepr-header-login-link,
body.nx-rl .app-layout .mepr-header-login-link,
body.nx-rl .guest-layout .mepr-header-login-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 44px;
  padding: 10px 24px;
  border-radius: var(--r-pill);
  color: var(--navy) !important;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  background: transparent;
  box-shadow: inset 0 0 0 1px transparent;
  transition: box-shadow var(--dur-fast) var(--ease-out);
}
body.nx-rl .site-header .mepr-header-login-link:hover {
  background: transparent;
  box-shadow: inset 0 0 0 1px var(--muted);
}
body.nx-rl .site-header .mepr-header-login-link svg {
  width: 20px;
  height: 20px;
}

/* ------------------------------------------------------------------
 * 3. Profile menu (avatar pill + dropdown / mobile sheet)
 * ---------------------------------------------------------------- */
body.nx-rl .profile-menu,
body.nx-rl .profile-menu__button-group {
  position: relative;
  display: flex;
  align-items: center;
}
body.nx-rl .site-header .profile-menu__button {
  display: none;
  align-items: center;
  gap: 12px;
  height: 52px;
  padding: 4px 8px 4px 4px;
  border: 0;
  border-radius: var(--r-pill);
  background: transparent;
  color: var(--navy);
  cursor: pointer;
  transition: background var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);
}
body.nx-rl .site-header .profile-menu__button:hover,
body.nx-rl .site-header .profile-menu__button[aria-expanded="true"] {
  background: var(--surface);
}
body.nx-rl .site-header .profile-menu__button:focus-visible {
  outline: var(--nx-focus);
  outline-offset: 2px;
}
body.nx-rl .site-header .profile-menu__avatar {
  width: 44px;
  height: 44px;
  margin: 0;
  border-radius: 50%;
  object-fit: cover;
  object-position: center 20%;
  background: var(--surface);
  box-shadow: 0 0 0 2px var(--white), 0 0 0 3px rgba(12, 18, 50, 0.08);
}
body.nx-rl .site-header .profile-menu__text,
body.nx-rl .app-layout .profile-menu__text,
body.nx-rl .guest-layout .profile-menu__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
  color: var(--navy) !important;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-align: left;
}
body.nx-rl .site-header .profile-menu__text--small,
body.nx-rl .app-layout .profile-menu__text--small,
body.nx-rl .guest-layout .profile-menu__text--small {
  display: block;
  margin: 0;
  color: var(--ink) !important;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  opacity: 0.8;
}
body.nx-rl .site-header .profile-menu__arrow_down,
body.nx-rl .app-layout .profile-menu__arrow_down,
body.nx-rl .guest-layout .profile-menu__arrow_down {
  width: 20px;
  height: 20px;
  color: var(--ink) !important;
  transition: transform var(--dur-fast) var(--ease-out);
}
body.nx-rl .site-header .profile-menu__button[aria-expanded="true"] .profile-menu__arrow_down {
  transform: rotate(180deg);
}
body.nx-rl .site-header .profile-menu__hamburger {
  width: 24px;
  height: 24px;
  color: var(--navy);
}
body.nx-rl .site-header .profile-menu__button.--is-mobile {
  width: 44px;
  height: 44px;
  padding: 0;
  justify-content: center;
}
@media (min-width: 840px) {
  body.nx-rl .site-header .profile-menu__button.--is-tablet {
    display: inline-flex;
  }
}
@media (max-width: 839px) {
  body.nx-rl .site-header .profile-menu__button.--is-mobile {
    display: inline-flex;
  }
}

/* Dropdown — desktop card */
body.nx-rl .site-header .profile-menu__dropdown,
body.nx-rl .site-header .profile-menu__dropdown.dropdown {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  left: auto;
  z-index: var(--nx-z-nav-float);
  display: block;
  min-width: 240px;
  margin: 0;
  padding: 8px;
  border: 1px solid rgba(12, 18, 50, 0.08);
  border-radius: var(--r-row);
  background: var(--white);
  box-shadow: var(--shadow-card);
  transform: translateY(-6px) !important;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), visibility 0s linear var(--dur-fast);
}
body.nx-rl .site-header .profile-menu__dropdown.is-open {
  transform: translateY(0) !important;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity var(--dur-med) var(--ease-out), transform var(--dur-med) var(--ease-sheet), visibility 0s;
}
body.nx-rl .site-header .profile-menu__dropdown-item,
body.nx-rl .site-header .dropdown__item,
body.nx-rl .site-header .dropdown a {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  padding: 10px 14px;
  border-radius: 12px;
  color: var(--navy);
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  white-space: nowrap;
  background: transparent;
  transition: background var(--dur-fast) var(--ease-out);
}
body.nx-rl .site-header .profile-menu__dropdown-item:hover,
body.nx-rl .site-header .profile-menu__dropdown-item:focus-visible,
body.nx-rl .site-header .dropdown a:hover,
body.nx-rl .site-header .dropdown a:focus {
  background: var(--surface);
  color: var(--navy);
  outline: none;
}
/* Sheet chrome lives outside the item list so nothing shifts */
body.nx-rl .site-header .profile-menu__dropdown .nx-sheet-chrome {
  display: contents;
}
/* Icons are keyed by what the link does (data-nx-item set in shell.js, href
   fallback) — never by DOM order, so injected sheet chrome cannot shift them. */
body.nx-rl .site-header .profile-menu__dropdown-item {
  --nx-item-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}
body.nx-rl .site-header .profile-menu__dropdown-item::before {
  content: "";
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  background: currentColor;
  -webkit-mask: var(--nx-item-icon) center / contain no-repeat;
  mask: var(--nx-item-icon) center / contain no-repeat;
  opacity: 0.85;
}
body.nx-rl .site-header .profile-menu__dropdown-item[data-nx-item="password"],
body.nx-rl .site-header .profile-menu__dropdown-item[href*="action=newpassword"] {
  --nx-item-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='11' x='3' y='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");
}
body.nx-rl .site-header .profile-menu__dropdown-item[data-nx-item="home"] {
  --nx-item-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'/%3E%3C/svg%3E");
}
body.nx-rl .site-header .profile-menu__dropdown-item[data-nx-item="wp-admin"] {
  --nx-item-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='7' height='9' x='3' y='3' rx='1'/%3E%3Crect width='7' height='5' x='14' y='3' rx='1'/%3E%3Crect width='7' height='9' x='14' y='12' rx='1'/%3E%3Crect width='7' height='5' x='3' y='16' rx='1'/%3E%3C/svg%3E");
}
body.nx-rl .site-header .profile-menu__dropdown-item[data-nx-item="logout"],
body.nx-rl .site-header .profile-menu__dropdown-item[href*="action=logout"],
body.nx-rl .site-header .profile-menu__dropdown-item[href*="wp-login.php?action=logout"] {
  --nx-item-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline points='16 17 21 12 16 7'/%3E%3Cline x1='21' x2='9' y1='12' y2='12'/%3E%3C/svg%3E");
  color: var(--ink);
}
body.nx-rl .site-header .profile-menu__dropdown-item + .profile-menu__dropdown-item[data-nx-item="logout"] {
  position: relative;
  margin-top: 8px;
}
body.nx-rl .site-header .profile-menu__dropdown-item + .profile-menu__dropdown-item[data-nx-item="logout"]::after {
  content: "";
  position: absolute;
  top: -4px;
  right: 8px;
  left: 8px;
  height: 1px;
  background: var(--stroke-soft);
}

/* Sheet header injected by mp-nexus-shell.js (mobile only) */
body.nx-rl .nx-sheet-head {
  display: none;
  align-items: center;
  gap: 12px;
  padding: 8px 8px 16px;
  margin-bottom: 8px;
  border-bottom: 1px solid rgba(12, 18, 50, 0.08);
}
body.nx-rl .nx-sheet-head img {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center 20%;
}
body.nx-rl .nx-sheet-head strong {
  display: block;
  color: var(--navy);
  font-size: 15px;
  line-height: 20px;
}
body.nx-rl .nx-sheet-head span {
  display: block;
  color: var(--ink);
  font-size: 12px;
  line-height: 16px;
  opacity: 0.8;
}
body.nx-rl .nx-sheet-handle {
  display: none;
  width: 40px;
  height: 4px;
  margin: 0 auto 12px;
  border-radius: 2px;
  background: var(--muted);
}
body.nx-rl .nx-sheet-backdrop {
  position: fixed;
  inset: 0;
  z-index: var(--nx-z-nav-backdrop);
  background: rgba(12, 18, 50, 0.32);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--dur-sheet) var(--ease-out), visibility 0s linear var(--dur-sheet);
}
body.nx-rl.nx-sheet-open .nx-sheet-backdrop {
  opacity: 1;
  visibility: visible;
  transition: opacity var(--dur-sheet) var(--ease-out), visibility 0s;
}

/* Dim for kebab / Select2 sheets (modals and the profile sheet have their own). */
body.nx-rl .nx-dim {
  position: fixed;
  inset: 0;
  z-index: calc(var(--nx-z-dropdown) - 1);
  background: rgba(12, 18, 50, 0.32);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity var(--dur-sheet) var(--ease-out), visibility 0s linear var(--dur-sheet);
}
body.nx-rl.nx-dim-open .nx-dim {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity var(--dur-sheet) var(--ease-out), visibility 0s;
}

@media (max-width: 839px) {
  body.nx-rl .site-header .profile-menu__dropdown,
  body.nx-rl .site-header .profile-menu__dropdown.dropdown,
  body.nx-rl .account-header .profile-menu__dropdown.dropdown {
    position: fixed;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    display: block !important;
    min-width: 0;
    max-height: calc(100dvh - 64px);
    overflow: auto;
    padding: 12px 12px calc(16px + env(safe-area-inset-bottom));
    border: 0;
    border-radius: var(--r-card) var(--r-card) 0 0;
    box-shadow: var(--shadow-gate);
    overscroll-behavior: contain;
    scrollbar-width: thin;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    transform: translateY(100%) !important;
    transition: transform var(--dur-sheet) var(--ease-sheet), opacity var(--dur-fast) linear, visibility 0s linear var(--dur-sheet);
  }
  body.nx-rl .site-header .profile-menu__dropdown.is-open {
    transform: translateY(0) !important;
    transition: transform var(--dur-sheet) var(--ease-sheet), opacity var(--dur-fast) linear, visibility 0s;
  }
  body.nx-rl .nx-sheet-head,
  body.nx-rl .nx-sheet-handle {
    display: flex;
  }
  body.nx-rl .site-header .profile-menu__dropdown-item {
    min-height: 52px;
    font-size: 16px;
  }
  /* The sheet lives inside the sticky header (its own stacking context at
     --nx-z-nav). The backdrop must therefore sit *below* the header and the
     bottom tab bar must drop under the backdrop while the sheet is open —
     otherwise the blur covers the sheet and the tab bar cuts its last item. */
  body.nx-rl .nx-sheet-backdrop {
    z-index: calc(var(--nx-z-nav) - 10);
  }
  body.nx-rl.nx-sheet-open #mepr-account-nav,
  body.nx-rl.nx-sheet-open .nx-acc-savebar {
    z-index: calc(var(--nx-z-nav) - 20) !important;
  }
}

/* SiteGround "AI Studio" floating chat (hosting helper, no API key) sits on
   top of Save / the sheet on every RL screen — not part of the product. */
body.nx-rl #wp-ai-studio-container,
body.nx-rl .sg-ai-floating-chat {
  display: none !important;
}

/* ------------------------------------------------------------------
 * 4. Account layout: sidebar + content
 * ---------------------------------------------------------------- */
body.nx-rl--account .mepr-account-container {
  display: grid;
  grid-template-columns: var(--nx-sidebar-w) minmax(0, 1fr);
  gap: 0;
  width: 100%;
  max-width: 100%;
  min-height: calc(100dvh - var(--nx-header-h));
  overflow: visible;
}
html:has(body.nx-rl--account) {
  overflow-x: clip;
}
body.nx-rl--account {
  overflow-x: clip;
}
body.nx-rl #mepr-account-nav,
body.nx-rl--account #mepr-account-nav {
  position: sticky;
  top: var(--nx-header-h);
  display: block;
  align-self: start;
  height: calc(100dvh - var(--nx-header-h));
  padding: 32px 16px 24px;
  background: var(--surface) !important;
  border-right: 1px solid rgba(12, 18, 50, 0.06);
  overflow-y: auto;
}
body.nx-rl.admin-bar #mepr-account-nav {
  top: calc(var(--nx-header-h) + 32px);
  height: calc(100dvh - var(--nx-header-h) - 32px);
}
body.nx-rl #mepr-account-nav ul {
  display: flex;
  flex-direction: column;
  gap: 4px;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
body.nx-rl #mepr-account-nav .mepr-nav-item {
  display: block;
  padding: 0;
}
body.nx-rl #mepr-account-nav .mepr-nav-item.mepr-logout {
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid rgba(12, 18, 50, 0.08);
}
/* Home / WP Dashboard sit in the bottom group with Logout */
body.nx-rl #mepr-account-nav .mepr-nav-item.mepr-nx-home {
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid rgba(12, 18, 50, 0.08);
}
body.nx-rl #mepr-account-nav .mepr-nav-item.mepr-nx-home ~ .mepr-nav-item.mepr-logout {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
body.nx-rl #mepr-account-nav .mepr-nav-item a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  min-height: 44px;
  padding: 10px 14px;
  border-radius: var(--r-pill);
  color: var(--ink);
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  background: transparent;
  transition: background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);
}
body.nx-rl #mepr-account-nav .mepr-nav-item a::before {
  content: "";
  position: static;
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  margin: 0;
  font: 0/0 a;
  background: currentColor;
  -webkit-mask: var(--nx-nav-icon) center / contain no-repeat;
  mask: var(--nx-nav-icon) center / contain no-repeat;
  opacity: 0.8;
  transition: opacity var(--dur-fast) var(--ease-out);
}
body.nx-rl #mepr-account-nav .mepr-nav-item a:hover {
  color: var(--navy);
  background: var(--white);
  box-shadow: var(--shadow-soft);
}
body.nx-rl #mepr-account-nav .mepr-nav-item.--active a,
body.nx-rl #mepr-account-nav .mepr-nav-item.mepr-active-nav-tab a {
  color: var(--navy);
  font-weight: 600;
  background: var(--white);
  box-shadow: var(--shadow-soft);
}
body.nx-rl #mepr-account-nav .mepr-nav-item.mepr-active-nav-tab a::before {
  background: var(--cta);
  opacity: 1;
}
body.nx-rl #mepr-account-nav .mepr-nav-item.mepr-active-nav-tab a::after {
  content: "";
  width: 6px;
  height: 6px;
  margin-left: auto;
  border-radius: 50%;
  background: var(--cta);
  box-shadow: 0 0 8px var(--purple-glow);
}
body.nx-rl #mepr-account-nav .mepr-nav-item.mepr-logout a {
  color: var(--ink);
  opacity: 0.85;
}

/* Nav icons (Lucide) */
body.nx-rl #mepr-account-nav .mepr-nav-item a {
  --nx-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3C/svg%3E");
}
body.nx-rl #mepr-account-nav .mepr-nav-item.mepr-home a {
  --nx-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}
body.nx-rl #mepr-account-nav .mepr-nav-item.mepr-payments a {
  --nx-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='14' x='2' y='5' rx='2'/%3E%3Cline x1='2' x2='22' y1='10' y2='10'/%3E%3C/svg%3E");
}
body.nx-rl #mepr-account-nav .mepr-nav-item.mepr-subscriptions a {
  --nx-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8'/%3E%3Cpath d='M3 3v5h5'/%3E%3Cpath d='M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16'/%3E%3Cpath d='M16 16h5v5'/%3E%3C/svg%3E");
}
body.nx-rl #mepr-account-nav .mepr-nav-item.mepr-events a,
body.nx-rl #mepr-account-nav .mepr-nav-item.mepr-nexus-events a {
  --nx-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E");
}
body.nx-rl #mepr-account-nav .mepr-nav-item.mepr-logout a {
  --nx-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline points='16 17 21 12 16 7'/%3E%3Cline x1='21' x2='9' y1='12' y2='12'/%3E%3C/svg%3E");
}
body.nx-rl #mepr-account-nav .mepr-nav-item.mepr-nx-home a {
  --nx-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'/%3E%3C/svg%3E");
}
body.nx-rl #mepr-account-nav .mepr-nav-item.mepr-nx-wpadmin a {
  --nx-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='7' height='9' x='3' y='3' rx='1'/%3E%3Crect width='7' height='5' x='14' y='3' rx='1'/%3E%3Crect width='7' height='9' x='14' y='12' rx='1'/%3E%3Crect width='7' height='5' x='3' y='16' rx='1'/%3E%3C/svg%3E");
}

/* Content column */
body.nx-rl #mepr-account-content,
body.nx-rl--account #mepr-account-content.mp_wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-width: calc(var(--content) + 2 * var(--nx-gutter));
  min-width: 0;
  padding: 40px var(--nx-gutter) 96px;
}
body.nx-rl #mepr-account-content > * {
  margin: 0;
}
body.nx-rl h1.mepr_page_header,
body.nx-rl .mepr-account-container h1.mepr_page_header {
  margin: 0;
  color: var(--navy);
  font-size: var(--fs-h1);
  font-weight: 700;
  line-height: var(--lh-h1);
  letter-spacing: -0.01em;
}
body.nx-rl .mepr-account-container h2,
body.nx-rl .mepr-account-container h3,
body.nx-rl .mepr-account-container h4 {
  margin: 0;
  color: var(--navy);
  font-weight: 600;
}

/* Mobile: bottom tab bar + stacked content */
@media (max-width: 839px) {
  body.nx-rl--account .mepr-account-container {
    display: flex;
    flex-direction: column;
    min-height: 0;
  }
  body.nx-rl #mepr-account-nav,
  body.nx-rl--account #mepr-account-nav,
  body.nx-rl #mepr-account-nav.open {
    position: fixed;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: var(--nx-z-nav);
    display: block;
    height: auto;
    padding: 6px 8px calc(6px + env(safe-area-inset-bottom));
    border-right: 0;
    border-top: 1px solid rgba(12, 18, 50, 0.08);
    background: rgba(255, 255, 255, 0.92) !important;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    box-shadow: 0 -8px 24px rgba(12, 18, 50, 0.08);
    overflow: visible;
  }
  body.nx-rl #mepr-account-nav ul {
    flex-direction: row;
    align-items: stretch;
    justify-content: space-around;
    gap: 0;
    height: auto;
  }
  body.nx-rl #mepr-account-nav .mepr-nav-item {
    flex: 1 1 0;
    min-width: 0;
  }
  body.nx-rl #mepr-account-nav .mepr-nav-item.mepr-logout,
  body.nx-rl #mepr-account-nav .mepr-nav-item.mepr-nx-home,
  body.nx-rl #mepr-account-nav .mepr-nav-item.mepr-nx-wpadmin {
    display: none;
  }
  body.nx-rl #mepr-account-nav .mepr-nav-item a {
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    min-height: var(--nx-bottom-nav-h);
    padding: 6px 4px;
    border-radius: 14px;
    color: var(--ink);
    font-size: 11px;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: 0.01em;
    text-align: center;
    background: transparent;
    box-shadow: none;
  }
  body.nx-rl #mepr-account-nav .mepr-nav-item a::before {
    width: 24px;
    height: 24px;
    opacity: 0.7;
  }
  body.nx-rl #mepr-account-nav .mepr-nav-item a:hover {
    background: transparent;
    box-shadow: none;
  }
  body.nx-rl #mepr-account-nav .mepr-nav-item.mepr-active-nav-tab a {
    color: var(--navy);
    background: var(--surface);
    box-shadow: none;
  }
  body.nx-rl #mepr-account-nav .mepr-nav-item.mepr-active-nav-tab a::after {
    display: none;
  }
  body.nx-rl #mepr-account-content,
  body.nx-rl--account #mepr-account-content.mp_wrapper {
    gap: 16px;
    padding: 20px var(--nx-gutter) calc(var(--nx-bottom-nav-h) + 12px + var(--sp-5) + 64px + env(safe-area-inset-bottom, 0px));
  }
}

/* ------------------------------------------------------------------
 * 5. Shared components (used by mp-nexus-account / auth / checkout)
 * ---------------------------------------------------------------- */
body.nx-rl .nx-panel {
  position: relative;
  padding: var(--nx-panel-pad);
  border-radius: var(--r-card);
  background: var(--white);
  box-shadow: var(--shadow-soft);
}
body.nx-rl .nx-panel + .nx-panel {
  margin-top: 0;
}
body.nx-rl .nx-panel__head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px 24px;
  margin-bottom: 20px;
}
body.nx-rl .nx-panel__eyebrow {
  display: inline-block;
  margin: 0 0 6px;
  font-size: var(--fs-upper);
  line-height: var(--lh-upper);
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  background: var(--cta);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
body.nx-rl .nx-panel__title {
  margin: 0;
  color: var(--navy);
  font-size: var(--fs-h3);
  font-weight: 600;
  line-height: var(--lh-h3);
}
body.nx-rl .nx-panel__lead {
  margin: 4px 0 0;
  max-width: 65ch;
  color: var(--ink);
  font-size: var(--fs-small);
  line-height: var(--lh-small);
}

/* Buttons — Figma pill family */
body.nx-rl .nx-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 48px;
  padding: 12px 32px;
  border: 0;
  border-radius: var(--r-pill);
  font-family: var(--font);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), opacity var(--dur-fast), background var(--dur-fast), color var(--dur-fast);
}
body.nx-rl .nx-btn:hover:not(:disabled) {
  transform: translateY(-1px);
}
body.nx-rl .nx-btn:disabled,
body.nx-rl .nx-btn[aria-disabled="true"] {
  opacity: var(--op-disabled);
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}
body.nx-rl .nx-btn--hero {
  height: 60px;
  padding: 16px 52px;
  font-size: 18px;
  line-height: 28px;
}
body.nx-rl .nx-btn--sm {
  height: 44px;
  padding: 10px 24px;
}
body.nx-rl .nx-btn--solid {
  background: var(--cta);
  color: var(--white) !important;
}
body.nx-rl .nx-btn--solid:hover:not(:disabled) {
  box-shadow: var(--shadow-btn);
}
body.nx-rl .nx-btn--solid:active:not(:disabled) {
  background: var(--cta-active);
  box-shadow: none;
  transform: none;
}
body.nx-rl .nx-btn--outline {
  border: 1px solid transparent;
  background-image: linear-gradient(var(--white), var(--white)), var(--cta);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  color: var(--purple) !important;
}
body.nx-rl .nx-btn--outline > span {
  background: var(--cta);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
body.nx-rl .nx-btn--outline:hover:not(:disabled) {
  box-shadow: var(--shadow-btn);
}
body.nx-rl .nx-btn--ghost {
  background: transparent;
  color: var(--navy) !important;
  box-shadow: inset 0 0 0 1px transparent;
}
body.nx-rl .nx-btn--ghost:hover:not(:disabled) {
  box-shadow: inset 0 0 0 1px var(--muted);
  transform: none;
}
body.nx-rl .nx-btn--link {
  height: auto;
  padding: 0 0 2px;
  border-radius: 0;
  background: none;
  color: var(--royal) !important;
  border-bottom: 1px solid transparent;
}
body.nx-rl .nx-btn--link:hover:not(:disabled) {
  border-bottom-color: var(--royal);
  transform: none;
}
body.nx-rl .nx-btn--block {
  width: 100%;
}

/* Status badge */
body.nx-rl .nx-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 24px;
  padding: 2px 10px;
  border-radius: var(--r-pill);
  border: 1px solid var(--muted);
  color: var(--ink);
  font-size: 11px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}
body.nx-rl .nx-badge::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.7;
}
body.nx-rl .nx-badge--ok {
  border-color: var(--cyan-print);
  color: var(--footer-navy);
  background: var(--surface);
}
body.nx-rl .nx-badge--ok::before {
  background: var(--cyan-print);
  opacity: 1;
}
body.nx-rl .nx-badge--pending {
  border-color: var(--chip);
  color: var(--plum);
  background: var(--chip);
}
body.nx-rl .nx-badge--off {
  border-color: rgba(12, 18, 50, 0.12);
  color: var(--ink);
  background: var(--white);
}

/* Icon-only button (Back on mobile, kebab in cards, sheet close) */
body.nx-rl .nx-btn--icon {
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--muted);
  background: var(--white);
  color: var(--navy) !important;
}
body.nx-rl .nx-btn--icon.nx-btn--sm {
  width: 40px;
  height: 40px;
}
body.nx-rl .nx-btn--icon.nx-btn--xs {
  width: 36px;
  height: 36px;
}
body.nx-rl .nx-btn--icon svg {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
}
body.nx-rl .nx-btn--icon:hover:not(:disabled) {
  border-color: var(--ink);
  box-shadow: var(--shadow-soft);
  transform: none;
}
body.nx-rl .nx-btn--icon:active:not(:disabled) {
  background: var(--surface);
}
body.nx-rl .nx-btn:focus-visible,
body.nx-rl .nx-btn--icon:focus-visible {
  outline: none;
  box-shadow: var(--ring);
}

/* Back button — outline pill with chevron; collapses to a 44 circle on phones */
body.nx-rl .nx-btn--back {
  gap: 6px;
  padding-left: 16px;
  padding-right: 22px;
}
body.nx-rl .nx-btn--back svg {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  color: var(--purple);
}
body.nx-rl .nx-btn--outline.nx-btn--back > span {
  background: var(--cta);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
@media (max-width: 839px) {
  body.nx-rl .nx-btn--back {
    width: 44px;
    height: 44px;
    padding: 0;
    justify-content: center;
  }
  body.nx-rl .nx-btn--back > span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }
}

/* Loading state — text stays, spinner joins on the left */
body.nx-rl .nx-btn.is-loading {
  pointer-events: none;
}
body.nx-rl .nx-btn.is-loading::before {
  content: "";
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: nx-spin 0.7s linear infinite;
}
body.nx-rl .nx-btn--outline.is-loading::before {
  border-color: var(--purple);
  border-right-color: transparent;
}

/* ------------------------------------------------------------------
 * Notices — one component for MemberPress / ACF / theme messages.
 * JS (mp-nexus-shell.js) maps legacy classes onto .nx-notice--*.
 * ---------------------------------------------------------------- */
body.nx-rl .nx-notice,
body.nx-rl .mepr-account-message,
body.nx-rl .mepr_updated,
body.nx-rl .mepr-account-container .mepr_updated,
body.nx-rl .mepr_error,
body.nx-rl .mepr_pro_error,
body.nx-rl .mepr-alert,
body.nx-rl .mepr-unauthorized-message,
body.nx-rl .mepr-unauthorized-excerpt,
body.nx-rl .mepr-already-logged-in,
body.nx-rl .acf-notice:not(.-error),
body.nx-rl .nx-auth-hint {
  --nx-notice-color: var(--info);
  --nx-notice-fill: var(--info-soft);
  --nx-notice-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E");
  position: relative;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 14px 16px;
  border: 1px solid var(--nx-notice-color);
  border-radius: var(--r-row);
  background: var(--nx-notice-fill);
  color: var(--navy);
  font-family: var(--font);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  box-shadow: none;
  overflow: visible;
}
body.nx-rl .nx-notice::before,
body.nx-rl .mepr-account-message::before,
body.nx-rl .mepr_updated::before,
body.nx-rl .mepr_error::before,
body.nx-rl .mepr_pro_error::before,
body.nx-rl .mepr-alert::before,
body.nx-rl .mepr-unauthorized-message::before,
body.nx-rl .mepr-unauthorized-excerpt::before,
body.nx-rl .mepr-already-logged-in::before,
body.nx-rl .acf-notice:not(.-error)::before,
body.nx-rl .nx-auth-hint::before {
  content: "";
  position: static;
  grid-column: 1;
  width: 20px;
  height: 20px;
  margin-top: 0;
  background: var(--nx-notice-color);
  -webkit-mask: var(--nx-notice-icon) center / contain no-repeat;
  mask: var(--nx-notice-icon) center / contain no-repeat;
}
/* Mepr's own inline svg in .mepr_pro_error / unauthorized → we draw ours */
body.nx-rl .mepr_pro_error > svg,
body.nx-rl .mepr-unauthorized-message > svg,
body.nx-rl .mepr-unauthorized-excerpt > svg {
  display: none;
}
body.nx-rl .nx-notice > *,
body.nx-rl .mepr_pro_error > *,
body.nx-rl .mepr_error > *,
body.nx-rl .mepr-account-message > *,
body.nx-rl .mepr-unauthorized-message > * {
  grid-column: 2;
  margin: 0;
}
body.nx-rl .nx-notice p,
body.nx-rl .mepr-account-message p,
body.nx-rl .mepr_updated p,
body.nx-rl .mepr_error p {
  margin: 0;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}
body.nx-rl .nx-notice ul,
body.nx-rl .mepr_pro_error ul,
body.nx-rl .mepr_error ul {
  display: grid;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}
body.nx-rl .nx-notice li,
body.nx-rl .mepr_pro_error li,
body.nx-rl .mepr_error li {
  margin: 0;
  padding: 0;
}
body.nx-rl .nx-notice__title {
  display: block;
  margin: 0 0 2px;
  color: var(--navy);
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
}
body.nx-rl .nx-notice a,
body.nx-rl .mepr_pro_error a,
body.nx-rl .mepr_error a,
body.nx-rl .mepr-unauthorized-message a {
  color: var(--royal);
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
body.nx-rl .nx-notice a:hover {
  border-bottom-color: currentColor;
}
body.nx-rl .nx-notice strong,
body.nx-rl .nx-auth-hint strong {
  color: var(--navy);
}

body.nx-rl .nx-notice--ok,
body.nx-rl .mepr_updated,
body.nx-rl .mepr-account-container .mepr_updated,
body.nx-rl .mepr-account-message.nx-notice--ok {
  --nx-notice-color: var(--ok);
  --nx-notice-fill: var(--ok-soft);
  --nx-notice-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
}
body.nx-rl .nx-notice--error,
body.nx-rl .mepr_error,
body.nx-rl .mepr_pro_error,
body.nx-rl .mepr-unauthorized-message,
body.nx-rl .mepr-unauthorized-excerpt,
body.nx-rl .mepr-alert--error {
  --nx-notice-color: var(--error);
  --nx-notice-fill: var(--error-soft);
  --nx-notice-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' x2='12' y1='8' y2='12'/%3E%3Cline x1='12' x2='12.01' y1='16' y2='16'/%3E%3C/svg%3E");
}
body.nx-rl .nx-notice--warn,
body.nx-rl .mepr-alert:not(.mepr-alert--error),
body.nx-rl .acf-notice.-warning {
  --nx-notice-color: var(--warn);
  --nx-notice-fill: var(--warn-soft);
  --nx-notice-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E");
}
body.nx-rl .nx-notice--info {
  --nx-notice-color: var(--info);
  --nx-notice-fill: var(--info-soft);
}
/* Welcome message on the account home is copy, not a status — plain white card */
body.nx-rl .mepr-account-welcome-message,
body.nx-rl .mepr-account-user-message {
  --nx-notice-color: var(--stroke-soft);
  --nx-notice-fill: var(--white);
  grid-template-columns: minmax(0, 1fr);
  padding: 16px 20px;
  color: var(--navy);
  font-size: var(--fs-small);
  font-weight: 400;
  line-height: var(--lh-small);
  box-shadow: var(--shadow-soft);
}
body.nx-rl .mepr-account-welcome-message::before,
body.nx-rl .mepr-account-user-message::before {
  display: none;
}
body.nx-rl .mepr-account-welcome-message > *,
body.nx-rl .mepr-account-user-message > * {
  grid-column: 1;
}
body.nx-rl .nx-notice--inline {
  padding: 10px 12px;
  border-radius: 12px;
}
body.nx-rl .mepr_pro_error.hidden,
body.nx-rl .nx-notice[hidden],
body.nx-rl .nx-notice.is-duplicate {
  display: none;
}
body.nx-rl .mepr-account-container .mepr_pro_error ul,
body.nx-rl .mepr-account-container .mepr_pro_error svg {
  margin: 0;
}
/* RL wraps every notice in .mp_wrapper — the wrapper must not add space */
body.nx-rl .mp_wrapper:has(> .mepr_pro_error),
body.nx-rl .mp_wrapper:has(> .mepr_updated),
body.nx-rl .mp_wrapper:has(> .mepr_error) {
  margin: 0;
  padding: 0;
}
@media (max-width: 839px) {
  body.nx-rl .nx-notice,
  body.nx-rl .mepr_updated,
  body.nx-rl .mepr_error,
  body.nx-rl .mepr_pro_error,
  body.nx-rl .mepr-alert,
  body.nx-rl .mepr-unauthorized-message {
    gap: 10px;
    padding: 12px 14px;
    font-size: 13px;
    line-height: 18px;
  }
}

/* Loading spinner replacement for Mepr gifs */
body.nx-rl .mepr-loading-gif {
  width: 20px;
  height: 20px;
  margin-left: 12px;
  vertical-align: middle;
}

/* ------------------------------------------------------------------
 * 6. Guest layout (login family) — shell parts only, card in mp-nexus-auth.css
 * ---------------------------------------------------------------- */
body.nx-rl.mepr-guest-layout {
  background: var(--white) !important;
}
body.nx-rl.mepr-guest-layout .guest-layout .site-header {
  justify-content: space-between;
  padding: 0 var(--nx-gutter);
}
body.nx-rl.mepr-guest-layout main {
  padding-bottom: 0;
}
body.nx-rl.mepr-pro-template #primary > * {
  padding-left: 0;
  padding-right: 0;
}

/* ------------------------------------------------------------------
 * 7. Motion safety
 * ---------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  body.nx-rl *,
  body.nx-rl *::before,
  body.nx-rl *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
  body.nx-rl .nx-btn:hover:not(:disabled) {
    transform: none;
  }
}