/* Keep customer account and billing screens consistent with the Studio homepage. */
body.pixel-helmet-commerce-page {
  color-scheme: dark;
  --theme-palette-color-1: #bdadf7;
  --theme-palette-color-2: #d5c8ff;
  --theme-palette-color-3: #b8b7c1;
  --theme-palette-color-4: #f2f1f5;
  --theme-palette-color-5: #34343d;
  --theme-palette-color-6: #191a1f;
  --theme-palette-color-7: #111214;
  --theme-palette-color-8: #191a1f;
  --theme-text-color: #b8b7c1;
  --theme-headings-color: #f2f1f5;
  --theme-link-initial-color: #bdadf7;
  --theme-link-hover-color: #d5c8ff;
  --theme-border-color: #34343d;
  --theme-button-background-initial-color: #b9a3f7;
  --theme-button-background-hover-color: #cfbfff;
  --theme-button-text-initial-color: #171321;
  --theme-button-text-hover-color: #171321;
  --theme-form-text-initial-color: #f2f1f5;
  --theme-form-text-focus-color: #ffffff;
  --theme-form-field-background-initial-color: #191a1f;
  --theme-form-field-background-focus-color: #202127;
  --theme-form-field-border-initial-color: #494951;
  --theme-form-field-border-focus-color: #bdadf7;
  background: #111214;
  color: #b8b7c1;
}
body.pixel-helmet-commerce-page #main-container,
body.pixel-helmet-commerce-page main,
body.pixel-helmet-commerce-page header [data-row],
body.pixel-helmet-commerce-page footer [data-row] { background: #111214; }
body.pixel-helmet-commerce-page h1,
body.pixel-helmet-commerce-page h2,
body.pixel-helmet-commerce-page h3,
body.pixel-helmet-commerce-page .site-title { color: #f2f1f5; }
body.pixel-helmet-commerce-page .menu > li > a { color: #b8b7c1; }
body.pixel-helmet-commerce-page input:not([type=checkbox]):not([type=radio]):not([type=submit]),
body.pixel-helmet-commerce-page textarea,
body.pixel-helmet-commerce-page select,
body.pixel-helmet-commerce-page .select2-selection { background: #191a1f; color: #f2f1f5; border-color: #494951; border-radius: 6px; }
body.pixel-helmet-commerce-page .select2-selection__rendered { color: #f2f1f5; }
body.pixel-helmet-commerce-page .select2-dropdown { background: #191a1f; color: #f2f1f5; }
body.pixel-helmet-commerce-page .select2-results__option[aria-selected=true] { background: #383044; }
body.pixel-helmet-commerce-page #order_review,
body.pixel-helmet-commerce-page .woocommerce-MyAccount-content,
body.pixel-helmet-commerce-page .woocommerce-checkout-review-order-table { border-color: #34343d; }
body.pixel-helmet-commerce-page .woocommerce-info,
body.pixel-helmet-commerce-page .woocommerce-message,
body.pixel-helmet-commerce-page .woocommerce-error { background: #22232a; color: #f2f1f5; }
body.pixel-helmet-commerce-page .button,
body.pixel-helmet-commerce-page button[type=submit] { background: #b9a3f7; color: #171321; border-radius: 7px; }
body.pixel-helmet-commerce-page .button:hover,
body.pixel-helmet-commerce-page button[type=submit]:hover { background: #cfbfff; color: #171321; }
body.pixel-helmet-commerce-page a:focus-visible,
body.pixel-helmet-commerce-page button:focus-visible { outline: 3px solid #bdadf7; outline-offset: 4px; }
/* Keep Stripe's hosted card panel readable; its iframe uses its own theme. */
body.pixel-helmet-commerce-page .wc-stripe-upe-element { background: #fff; color-scheme: light; padding: 16px; border-radius: 8px; }
/* Keep the password visibility control usable by touch and keyboard. */
body.pixel-helmet-commerce-page .password-input input { min-height:48px; padding-right:52px; }
body.pixel-helmet-commerce-page .password-input .show-password-input { width:44px; height:44px; min-width:44px; min-height:44px; padding:0; right:2px; top:50%; transform:translateY(-50%); display:flex; align-items:center; justify-content:center; background:transparent; color:#d5c8ff; border:0; }
/* Blocksy draws the eye with a mask: retain a 44px hit area, not a 44px icon. */
body.pixel-helmet-commerce-page form .password-input .show-password-input {
  background-color:#d5c8ff;
  -webkit-mask-size:22px 22px; mask-size:22px 22px;
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  -webkit-mask-position:center; mask-position:center;
  top:24px; inset-inline-end:2px;
}
/* Password recovery has no account sidebar; use one readable column. */
body.pixel-helmet-commerce-page .woocommerce:has(.woocommerce-ResetPassword) { display:block; }
body.pixel-helmet-commerce-page form.woocommerce-ResetPassword {
  width:100%; max-width:520px; margin:0; float:none;
}
body.pixel-helmet-commerce-page .woocommerce-ResetPassword .form-row {
  float:none; width:100%; margin:0 0 24px;
}
body.pixel-helmet-commerce-page .woocommerce-ResetPassword label { display:block; margin-bottom:8px; }
body.pixel-helmet-commerce-page .woocommerce-ResetPassword > p:first-child { margin-bottom:24px; }
body.pixel-helmet-commerce-page .woocommerce-ResetPassword .button { width:100%; }
body.pixel-helmet-commerce-page .password-input:has(.show-password-input:focus-visible) { outline:2px solid #bdadf7; outline-offset:3px; }
body.pixel-helmet-commerce-page .woocommerce-password-strength {
  display:block; margin-top:8px; border:1px solid #494951; border-radius:6px; padding:8px 12px; color:#f2f1f5; background:#29252f;
}
body.pixel-helmet-commerce-page .woocommerce-password-strength.strong { background:#18372b; color:#bfe8cc; border-color:#39674f; }
body.pixel-helmet-commerce-page .woocommerce-password-strength.good { background:#3a301b; color:#ffe2a3; border-color:#756034; }
body.pixel-helmet-commerce-page .woocommerce-password-strength.bad,
body.pixel-helmet-commerce-page .woocommerce-password-strength.short { background:#41212b; color:#ffd0d8; border-color:#80515e; }