/* Generated from page: my-account */
/*Builder Custom CSS START*/
/* account nav links — force light (beats theme's a{color:var(--theme_accent)}) */
.woocommerce-account .woocommerce-MyAccount-navigation-link a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a,
#rnx-acct .woocommerce-MyAccount-navigation-link a,
#rnx-acct .woocommerce-MyAccount-navigation ul li a {
    color: #f4f4f7 !important;
}
/* active / hover link in violet */
.woocommerce-account .woocommerce-MyAccount-navigation-link.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation-link a:hover,
#rnx-acct .woocommerce-MyAccount-navigation-link.is-active a {
    color: #8b7cff !important;
}
/* all other account text + links, light */
.woocommerce-account,
.woocommerce-account p,
.woocommerce-account td,
.woocommerce-account th,
.woocommerce-account label,
.woocommerce-account h2,
.woocommerce-account h3 {
    color: #f4f4f7 !important;
}
.woocommerce-account .woocommerce-MyAccount-content a {
    color: #8b7cff !important;
}
/* ===== MY ACCOUNT PAGE — make invisible links visible =====
   Fixes the privacy policy + password reset ("Lost your password?")
   links that were black-on-black. Violet + underlined.
   Scoped to #rnx-acct ONLY — affects nothing else.
   Add as a CSS snippet. Purge WP Fastest Cache + Cloudflare. */
#rnx-acct .woocommerce a,
#rnx-acct .woocommerce-privacy-policy-link,
#rnx-acct .lost_password a,
#rnx-acct .woocommerce-LostPassword a,
#rnx-acct form.woocommerce-form a,
#rnx-acct .woocommerce-form-login a,
#rnx-acct .woocommerce-form-register a {
  color: #8b7cff !important;
  text-decoration: underline !important;
}
#rnx-acct .woocommerce a:hover,
#rnx-acct .lost_password a:hover {
  color: #a99bff !important;
}

/* ===== LOGIN / REGISTER BUTTONS — lilac, visible ===== */
#rnx-acct button,
#rnx-acct .woocommerce button,
#rnx-acct button.woocommerce-Button,
#rnx-acct button[name="login"],
#rnx-acct button[name="register"],
#rnx-acct input[type="submit"],
#rnx-acct .woocommerce .button,
.woocommerce-account button.woocommerce-Button,
.woocommerce-account button[name="login"],
.woocommerce-account button[name="register"] {
  background: #a99bff !important;
  color: #0a0a0d !important;
  border: none !important;
  border-radius: 99px !important;
  font-family: "JetBrains Mono", ui-monospace, Menlo, monospace !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  padding: 14px 30px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: background .18s, transform .18s, box-shadow .18s !important;
}
#rnx-acct button:hover,
#rnx-acct .woocommerce button:hover,
#rnx-acct button.woocommerce-Button:hover,
#rnx-acct input[type="submit"]:hover,
#rnx-acct .woocommerce .button:hover,
.woocommerce-account button.woocommerce-Button:hover,
.woocommerce-account button[name="login"]:hover,
.woocommerce-account button[name="register"]:hover {
  background: #bcb1ff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 30px rgba(169,155,255,.35) !important;
}

/* ===== FORM INPUTS — readable on dark ===== */
#rnx-acct input[type="text"],
#rnx-acct input[type="email"],
#rnx-acct input[type="password"],
.woocommerce-account input[type="text"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="password"] {
  background: #13131b !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 10px !important;
  color: #f4f4f7 !important;
  padding: 13px 15px !important;
}
#rnx-acct input:focus,
.woocommerce-account input:focus {
  border-color: #a99bff !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(169,155,255,.15) !important;
}
/* ===== FIX: show/hide password toggle — keep it small ===== */
#rnx-acct .show-password-input,
#rnx-acct button.show-password-input,
#rnx-acct .woocommerce-password-strength ~ .show-password-input,
.woocommerce-account .show-password-input,
.woocommerce-account button.show-password-input,
#rnx-acct .password-input .show-password-input {
  background: transparent !important;
  color: #9a9aa8 !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  font-size: 0 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  box-shadow: none !important;
  transform: none !important;
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  cursor: pointer !important;
}
#rnx-acct .show-password-input:hover,
.woocommerce-account .show-password-input:hover {
  background: transparent !important;
  color: #a99bff !important;
  transform: translateY(-50%) !important;
  box-shadow: none !important;
}

/* make sure the password field wrapper positions the toggle correctly */
#rnx-acct .password-input,
#rnx-acct .woocommerce-form-row--password,
.woocommerce-account .password-input {
  position: relative !important;
  display: block !important;
}
#rnx-acct .password-input input,
.woocommerce-account .password-input input {
  padding-right: 42px !important;
}

/* ===== MOBILE ===== */
@media (max-width: 680px) {
  #rnx-acct button,
  #rnx-acct input[type="submit"],
  .woocommerce-account button[name="login"],
  .woocommerce-account button[name="register"] {
    width: 100% !important;
    padding: 14px 20px !important;
    font-size: 11px !important;
  }
  /* keep the eye toggle small on mobile too */
  #rnx-acct .show-password-input,
  .woocommerce-account .show-password-input {
    width: auto !important;
    padding: 0 !important;
    font-size: 0 !important;
    right: 12px !important;
  }
  #rnx-acct input[type="text"],
  #rnx-acct input[type="email"],
  #rnx-acct input[type="password"] {
    font-size: 16px !important;
  }
}
/*Builder Custom CSS END*/