/* Private AsanWP Market 0.22.105 → commercial AsanWP Auth 1.0.2.
   Scoped to this theme; the authentication plugin itself is untouched. */

body.awp-market-auth .asanwp-auth,
body.awp-market-auth .asanwp-login-popup,
body.asanwp-auth-page.awp-market-auth {
  /* Use a deliberate brand palette, regardless of the plugin's inline accent. */
  --asanwp-auth-button-color: var(--awp-primary, #ffcc00) !important;
  --asanwp-auth-button-text-color: #14171b !important;
  --asanwp-auth-input-bg: #f6f7f9 !important;
  --asanwp-auth-input-border: #e0e5eb !important;
  --asanwp-auth-surface: #ffffff !important;
  --asanwp-auth-surface-soft: #f7f8fa !important;
  --asanwp-auth-form-color: #ffffff !important;
  --asanwp-auth-bg-color: #f5f6f8 !important;
  --asanwp-auth-title-color: #15191f !important;
  --asanwp-auth-muted-color: #667085 !important;
  --asanwp-auth-secondary-bg: #f2f4f6 !important;
  --asanwp-auth-secondary-text: #242a31 !important;
  --asanwp-auth-secondary-bg-hover: #e7eaef !important;
  --asanwp-auth-divider: #e3e7ed !important;
  --awp-auth-card-border: #e2e6ec;
  --awp-auth-card-shadow: 0 18px 52px rgb(16 24 40 / 10%);
}

/* Independent plugin mode can be Dark even when the site's theme is Light. */
body.awp-market-auth .asanwp-auth[data-asanwp-auth-theme="dark"],
body.awp-market-auth .asanwp-login-popup[data-asanwp-auth-theme="dark"],
body.asanwp-auth-page.awp-market-auth[data-asanwp-auth-theme="dark"],
body.awp-market-auth .asanwp-auth[data-asanwp-auth-mode="dark"],
body.awp-market-auth .asanwp-login-popup[data-asanwp-auth-mode="dark"],
body.asanwp-auth-page.awp-market-auth[data-asanwp-auth-mode="dark"] {
  --asanwp-auth-bg-color: var(--awp-dark-bg, #101214) !important;
  --asanwp-auth-form-color: var(--awp-dark-surface, #181b1f) !important;
  --asanwp-auth-title-color: var(--awp-dark-ink, #f5f7f9) !important;
  --asanwp-auth-muted-color: var(--awp-dark-muted, #bdc6d0) !important;
  --asanwp-auth-input-bg: var(--awp-dark-surface-2, #20242a) !important;
  --asanwp-auth-input-border: var(--awp-dark-border, #30363e) !important;
  --asanwp-auth-surface: var(--awp-dark-surface, #181b1f) !important;
  --asanwp-auth-surface-soft: var(--awp-dark-surface-2, #20242a) !important;
  --asanwp-auth-secondary-bg: var(--awp-dark-surface-2, #20242a) !important;
  --asanwp-auth-secondary-bg-hover: var(--awp-dark-surface-3, #292e35) !important;
  --asanwp-auth-secondary-text: var(--awp-dark-ink, #f5f7f9) !important;
  --asanwp-auth-divider: var(--awp-dark-border, #30363e) !important;
  --awp-auth-card-border: var(--awp-dark-border, #30363e);
  --awp-auth-card-shadow: 0 22px 60px rgb(0 0 0 / 28%);
  color-scheme: dark;
}

/* Support manual Light while the site's outer page is Dark. */
body.awp-market-auth .asanwp-auth[data-asanwp-auth-mode="light"],
body.awp-market-auth .asanwp-login-popup[data-asanwp-auth-mode="light"],
body.asanwp-auth-page.awp-market-auth[data-asanwp-auth-mode="light"] {
  color-scheme: light;
}

body.awp-market-auth .asanwp-auth,
body.awp-market-auth .asanwp-auth :is(input,select,textarea,button,a),
body.asanwp-auth-page.awp-market-auth {
  font-family: var(--awp-font, 'IRANYekanX', Tahoma, sans-serif) !important;
}

body.awp-market-auth .asanwp-auth {
  width: 100%;
  max-width: 460px !important;
  margin: 28px auto;
  padding: 16px;
  color: var(--asanwp-auth-title-color) !important;
}
body.awp-market-auth .asanwp-auth__wrapper {
  border: 1px solid var(--awp-auth-card-border);
  border-radius: 20px;
  background: var(--asanwp-auth-form-color) !important;
  padding: 30px !important;
  box-shadow: var(--awp-auth-card-shadow);
  color: var(--asanwp-auth-title-color) !important;
}
body.awp-market-auth .asanwp-auth__title {
  font-size: clamp(19px, 2.5vw, 23px);
  line-height: 1.5;
  font-weight: 850;
  color: var(--asanwp-auth-title-color) !important;
}
body.awp-market-auth .asanwp-auth__logo {margin-bottom: 17px;}
body.awp-market-auth .asanwp-auth__logo img {
  width: auto;
  max-height: 62px;
  object-fit: contain;
}
body.awp-market-auth .asanwp-auth__logo-image--light {display: inline-block !important;}
body.awp-market-auth .asanwp-auth__logo-image--dark {display: none !important;}
body.awp-market-auth .asanwp-auth[data-asanwp-auth-theme="dark"] .asanwp-auth__logo-image--light,
body.awp-market-auth .asanwp-auth[data-asanwp-auth-mode="dark"] .asanwp-auth__logo-image--light {display: none !important;}
body.awp-market-auth .asanwp-auth[data-asanwp-auth-theme="dark"] .asanwp-auth__logo-image--dark,
body.awp-market-auth .asanwp-auth[data-asanwp-auth-mode="dark"] .asanwp-auth__logo-image--dark {display: inline-block !important;}

body.awp-market-auth .asanwp-auth input:not(.unset),
body.awp-market-auth .asanwp-auth select:not(.unset),
body.awp-market-auth .asanwp-auth textarea:not(.unset) {
  border: 1px solid var(--asanwp-auth-input-border) !important;
  background: var(--asanwp-auth-input-bg) !important;
  color: var(--asanwp-auth-title-color) !important;
  border-radius: 11px !important;
  min-height: 48px;
  padding-inline: 12px;
  caret-color: var(--awp-primary, #ffcc00);
}
body.awp-market-auth .asanwp-auth input:not(.unset):focus-visible,
body.awp-market-auth .asanwp-auth select:not(.unset):focus-visible,
body.awp-market-auth .asanwp-auth textarea:not(.unset):focus-visible {
  border-color: var(--awp-primary, #ffcc00) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--awp-primary, #ffcc00) 18%, transparent) !important;
}
body.awp-market-auth .asanwp-auth input:not(.unset)::placeholder {color: var(--asanwp-auth-muted-color);opacity: 1;}
body.awp-market-auth .asanwp-auth button.button:not(.unset),
body.awp-market-auth .asanwp-auth a.button:not(.unset) {
  border-radius: 11px;
  min-height: 47px;
  font-weight: 800;
}
body.awp-market-auth .asanwp-auth button.button:not(.unset):not(.button-secondary),
body.awp-market-auth .asanwp-auth a.button:not(.unset):not(.asanwp-auth__google) {
  background: var(--awp-primary, #ffcc00) !important;
  color: #111318 !important;
}
body.awp-market-auth .asanwp-auth button.button:not(.unset):not(.button-secondary):hover {
  filter: brightness(.97);
}
body.awp-market-auth .asanwp-auth button.button.button-secondary:not(.unset),
body.awp-market-auth .asanwp-auth a.button.asanwp-auth__google {
  background: var(--asanwp-auth-secondary-bg) !important;
  color: var(--asanwp-auth-secondary-text) !important;
  border: 1px solid var(--asanwp-auth-input-border) !important;
}
body.awp-market-auth .asanwp-auth a:not(.button):hover {color: var(--awp-primary, #ffcc00);}
body.awp-market-auth .asanwp-auth__back,
body.awp-market-auth .asanwp-login-popup__close {
  border-radius: 10px;
}
body.awp-market-auth .asanwp-auth .asanwp-auth__remember input[type="checkbox"] {
  flex: 0 0 19px;
  width: 19px !important;
  min-width: 19px !important;
  height: 19px !important;
  min-height: 19px !important;
  padding: 0 !important;
  border-radius: 5px !important;
  border: 1px solid var(--asanwp-auth-input-border) !important;
  background: var(--asanwp-auth-surface) !important;
}
body.awp-market-auth .asanwp-auth .asanwp-auth__remember input[type="checkbox"]:checked {
  background: var(--awp-primary, #ffcc00) !important;
  border-color: var(--awp-primary, #ffcc00) !important;
}
body.awp-market-auth .asanwp-auth .asanwp-auth__remember input[type="checkbox"]:checked::before {
  border-color: #111318;
}
body.awp-market-auth .asanwp-auth__otp {max-width: 100%;}
body.awp-market-auth .asanwp-auth input.asanwp-auth__otp-input:not(.unset) {
  flex: 0 1 50px;
  min-width: 0;
  max-width: 50px;
  width: 50px;
  padding-inline: 0;
  direction: ltr;
  text-align: center;
}
body.awp-market-auth .asanwp-auth__captcha-image,
body.awp-market-auth .asanwp-password-policy {
  background: var(--asanwp-auth-surface) !important;
  border-color: var(--asanwp-auth-input-border) !important;
  border-radius: 11px;
}
body.awp-market-auth .asanwp-login-popup__container {
  background: var(--asanwp-auth-surface) !important;
  color: var(--asanwp-auth-title-color) !important;
  border: 1px solid var(--awp-auth-card-border);
  border-radius: 19px;
  box-shadow: 0 26px 70px rgb(0 0 0 / 22%);
}
/* Plugin popup already has its own compact form padding; do not add another card. */
body.awp-market-auth.asanwp-login-popup-open .asanwp-auth__wrapper {
  border: none;
  box-shadow: none;
  padding: 14px 0 !important;
  background: transparent !important;
}
body.awp-market-auth .asanwp-login-popup__close {color: var(--asanwp-auth-title-color);}
body.awp-market-auth .asanwp-login-popup__close svg {fill: currentColor;}

/* Keep the commercial plugin's own backgrounds intact in BOTH modes.
   The Market dark stylesheet uses a background shorthand on html[data-awp-theme="dark"] body,
   which resets background-image, size, position and repeat. Restore those longhands
   here (on auth pages only) using the plugin's original appearance variables. */
body.asanwp-auth-page.awp-market-auth {
  --asanwp-auth-bg-color: var(--asanwp-auth-light-bg-color, #f6f7f9) !important;
  background-color: var(--asanwp-auth-bg-color, #f6f7f9) !important;
  background-image:
    linear-gradient(var(--asanwp-auth-bg-overlay, transparent), var(--asanwp-auth-bg-overlay, transparent)),
    var(--asanwp-auth-bg-image, none) !important;
  background-size: 100% 100%, var(--asanwp-auth-bg-size, cover) !important;
  background-position: center, var(--asanwp-auth-bg-position, center center) !important;
  background-repeat: no-repeat, var(--asanwp-auth-bg-repeat, no-repeat) !important;
  color: var(--asanwp-auth-title-color) !important;
  min-height: 100svh;
}
body.asanwp-auth-page.awp-market-auth[data-asanwp-auth-theme="dark"],
body.asanwp-auth-page.awp-market-auth[data-asanwp-auth-mode="dark"] {
  --asanwp-auth-bg-color: var(--asanwp-auth-dark-bg-color, #111318) !important;
}

@media (max-width: 480px) {
  body.awp-market-auth .asanwp-auth {padding: 12px;margin: 10px auto;}
  body.awp-market-auth .asanwp-auth__wrapper {padding: 22px 17px !important;border-radius: 16px;}
  body.awp-market-auth.asanwp-login-popup-open .asanwp-auth__wrapper {padding: 10px 0 !important;}
  body.awp-market-auth .asanwp-login-popup__container {border-radius: 15px;}
}
@media (prefers-reduced-motion: reduce) {
  body.awp-market-auth .asanwp-auth *,
  body.awp-market-auth .asanwp-login-popup * {transition: none !important;animation: none !important;}
}