/* Indie Streams Blade 3 Cinematic Design v1.2.10
   Only elements positively matched as account sign-in UI receive these styles.
   Do not recolor album editors, artist dashboards, checkout cards or other plugins. */

/* Remove the light rectangle surrounding this exact album-manager guest notice.
   Leave the text visible and respect the visitor's light/dark color preference. */
html body.isaw-theme-on .isaw-album-login-notice {
  background: rgba(0, 0, 0, 0) !important;
  background-color: rgba(0, 0, 0, 0) !important;
  background-image: none !important;
  color: var(--isaw-ink) !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  border-radius: 0 !important;
  padding: 9px 6px !important;
  margin-top: 0 !important;
  margin-bottom: 12px !important;
  opacity: 1 !important;
  text-shadow: 0 1px 12px rgba(0,0,0,.46) !important;
}
html body.isaw-theme-on .isaw-album-login-notice :is(p,span,strong,b,em,a) {
  color: var(--isaw-ink) !important;
  background: transparent !important;
  text-shadow: inherit !important;
  opacity: 1 !important;
}
html body.isaw-theme-on .isaw-album-login-notice a {
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Login heading is often separate from a WooCommerce login form. */
html body.isaw-theme-on .isaw-account-login-heading {
  color: var(--isaw-ink) !important;
  text-shadow: 0 2px 12px rgba(0,0,0,.55) !important;
}
/* The following rules only affect detected login forms, not registrations,
   subscriptions, payment checkouts or the artist management controls. */
html[data-isaw-mode="dark"] body.isaw-theme-on form.isaw-account-login-form,
html[data-isaw-mode="dark"] body.isaw-theme-on form.isaw-account-login-form :is(label,legend,p,span,small,strong,.required,.woocommerce-form-login__rememberme) {
  color: #ffffff !important;
}
html[data-isaw-mode="dark"] body.isaw-theme-on form.isaw-account-login-form :is(input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="search"]) {
  color: #fff !important;
  background: rgba(14,8,31,.50) !important;
  border-color: rgba(255,255,255,.80) !important;
  caret-color: #fff !important;
  box-shadow: none !important;
}
html[data-isaw-mode="dark"] body.isaw-theme-on form.isaw-account-login-form :is(input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="search"])::placeholder {
  color: rgba(255,255,255,.75) !important;
  opacity: 1 !important;
}
html[data-isaw-mode="dark"] body.isaw-theme-on form.isaw-account-login-form :is(input[type="text"],input[type="email"],input[type="password"]):focus-visible {
  outline: 2px solid var(--isaw-accent) !important;
  outline-offset: 2px !important;
}
html[data-isaw-mode="dark"] body.isaw-theme-on form.isaw-account-login-form :is(.show-password-input,.password-input,.woocommerce-password-strength) {
  color: #fff !important;
}
/* Links and gold login buttons keep their existing contrast. */
html[data-isaw-mode="dark"] body.isaw-theme-on form.isaw-account-login-form a {color:var(--isaw-accent) !important;}
@media(max-width:767px) {
  html body.isaw-theme-on .isaw-album-login-notice {padding:8px 5px !important;margin-bottom:10px !important;}
}

/* v1.2.8: A white message box can belong to an OUTER notice wrapper
   even after the text-only inner element becomes transparent. JavaScript
   marks only the ancestor chain that consists solely of this exact message. */
html body.isaw-theme-on .isaw-album-notice-layer,
html body.isaw-theme-on .isaw-album-notice-layer::before,
html body.isaw-theme-on .isaw-album-notice-layer::after {
  background: rgba(0, 0, 0, 0) !important;
  background-color: rgba(0, 0, 0, 0) !important;
  background-image: none !important;
  box-shadow: none !important;
}
html[data-isaw-mode="dark"] body.isaw-theme-on .isaw-album-notice-layer,
html[data-isaw-mode="dark"] body.isaw-theme-on .isaw-album-notice-layer :is(p,span,strong,b,em,a) {
  color: #ffffff !important;
}
html[data-isaw-mode="light"] body.isaw-theme-on .isaw-album-notice-layer,
html[data-isaw-mode="light"] body.isaw-theme-on .isaw-album-notice-layer :is(p,span,strong,b,em,a) {
  color: var(--isaw-ink) !important;
}

/* v1.2.9: Only the eye/show-password control in DETECTED SIGN-IN
   forms. Blade may style this control as a large gold button; clearing its
   background must not change the actual password input or the gold Log In
   submit button. Keep the eye functional and keyboard-accessible. */
html body.isaw-theme-on form.isaw-account-login-form :is(
  .show-password-input,
  .show-password-toggle,
  .toggle-password,
  .password-toggle,
  .password-visibility-toggle,
  .isaw-login-password-visibility
),
html body.isaw-theme-on form.isaw-account-login-form :is(
  .show-password-input,
  .show-password-toggle,
  .toggle-password,
  .password-toggle,
  .password-visibility-toggle,
  .isaw-login-password-visibility
):is(:hover,:active,:focus,:focus-visible),
html body.isaw-theme-on form.isaw-account-login-form .password-input.isaw-login-password-eye-wrapper {
  background: rgba(0, 0, 0, 0) !important;
  background-color: rgba(0, 0, 0, 0) !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
html body.isaw-theme-on form.isaw-account-login-form :is(
  .show-password-input,
  .show-password-toggle,
  .toggle-password,
  .password-toggle,
  .password-visibility-toggle,
  .isaw-login-password-visibility
),
html body.isaw-theme-on form.isaw-account-login-form :is(
  .show-password-input,
  .show-password-toggle,
  .toggle-password,
  .password-toggle,
  .password-visibility-toggle,
  .isaw-login-password-visibility
) :is(i,svg,span),
html body.isaw-theme-on form.isaw-account-login-form :is(
  .show-password-input,
  .show-password-toggle,
  .toggle-password,
  .password-toggle,
  .password-visibility-toggle,
  .isaw-login-password-visibility
)::before,
html body.isaw-theme-on form.isaw-account-login-form :is(
  .show-password-input,
  .show-password-toggle,
  .toggle-password,
  .password-toggle,
  .password-visibility-toggle,
  .isaw-login-password-visibility
)::after {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
html body.isaw-theme-on form.isaw-account-login-form :is(
  .show-password-input,
  .show-password-toggle,
  .toggle-password,
  .password-toggle,
  .password-visibility-toggle,
  .isaw-login-password-visibility
) svg :is(path,circle,ellipse,line,polyline,rect) {
  stroke: #ffffff !important;
}
/* On pale Light Mode backgrounds a dark eye gives better contrast. */
html[data-isaw-mode="light"] body.isaw-theme-on form.isaw-account-login-form :is(
  .show-password-input,.show-password-toggle,.toggle-password,.password-toggle,
  .password-visibility-toggle,.isaw-login-password-visibility
),
html[data-isaw-mode="light"] body.isaw-theme-on form.isaw-account-login-form :is(
  .show-password-input,.show-password-toggle,.toggle-password,.password-toggle,
  .password-visibility-toggle,.isaw-login-password-visibility
) :is(i,svg,span),
html[data-isaw-mode="light"] body.isaw-theme-on form.isaw-account-login-form :is(
  .show-password-input,.show-password-toggle,.toggle-password,.password-toggle,
  .password-visibility-toggle,.isaw-login-password-visibility
)::before,
html[data-isaw-mode="light"] body.isaw-theme-on form.isaw-account-login-form :is(
  .show-password-input,.show-password-toggle,.toggle-password,.password-toggle,
  .password-visibility-toggle,.isaw-login-password-visibility
)::after {color:#231430 !important;-webkit-text-fill-color:#231430 !important;}
html[data-isaw-mode="light"] body.isaw-theme-on form.isaw-account-login-form :is(
  .show-password-input,.show-password-toggle,.toggle-password,.password-toggle,
  .password-visibility-toggle,.isaw-login-password-visibility
) svg :is(path,circle,ellipse,line,polyline,rect) {stroke:#231430 !important;}

/* v1.2.10 – Contrast repair for theme-drawn EYE / EYE-SLASH icons.
   Some Blade/Woo templates draw the eye from an SVG with hard-coded
   black fill, a background image, or an icon-font pseudo-element.
   Setting the `color` property alone (v1.2.9) cannot whiten those.
   The filter acts on the ENTIRE eye control, not its descendants, so
   both glyph and embedded artwork turn white without a double filter.
   Scoped ONLY to the verified account sign-in form, never to Log In. */
html[data-isaw-mode="dark"] body.isaw-theme-on form.isaw-account-login-form :is(
  .show-password-input,
  .show-password-toggle,
  .toggle-password,
  .password-toggle,
  .password-visibility-toggle,
  .isaw-login-password-visibility
),
html:not([data-isaw-mode="light"]) body.isaw-theme-on form.isaw-account-login-form :is(
  .show-password-input,
  .show-password-toggle,
  .toggle-password,
  .password-toggle,
  .password-visibility-toggle,
  .isaw-login-password-visibility
) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  filter: brightness(0) invert(1) drop-shadow(0 1px 2px rgba(0,0,0,.75)) !important;
  -webkit-filter: brightness(0) invert(1) drop-shadow(0 1px 2px rgba(0,0,0,.75)) !important;
  opacity: 1 !important;
}
/* Remove the forced white filter immediately on a light-mode change. */
html[data-isaw-mode="light"] body.isaw-theme-on form.isaw-account-login-form :is(
  .show-password-input,
  .show-password-toggle,
  .toggle-password,
  .password-toggle,
  .password-visibility-toggle,
  .isaw-login-password-visibility
) {
  filter: none !important;
  -webkit-filter: none !important;
  color: #231430 !important;
  -webkit-text-fill-color: #231430 !important;
}