/* VYSESTORE 2026-11-09 — compact, accessible form focus styles.
   Do not modify focus indication for buttons, checkbox, radios or links. */
:root{--vyse-input-focus:#8b5cf6;--vyse-input-line:rgba(139,92,246,.50)}
:is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]),textarea,select):focus,
:is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]),textarea,select):focus-visible{
  outline:none!important;
  outline-offset:0!important;
  box-shadow:none!important;
}
/* Preserve a subtle, visible active state without the double purple rectangle. */
:is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]),textarea,select):focus-visible{
  border-color:var(--vyse-input-line);
}
/* Checkout uses an underline-only input; keep that pattern when focused. */
#orderForm .line-input:focus,#orderForm .line-input:focus-visible,
.line-input:focus,.line-input:focus-visible{
  outline:none!important;
  outline-offset:0!important;
  box-shadow:none!important;
  border:0!important;
  border-bottom:2px solid var(--vyse-input-focus)!important;
  border-radius:0!important;
}
/* Member login/registration/admin icon-wrapped fields keep a slim focus border. */
.auth-input-wrap:focus-within,.admin-input-wrap:focus-within{
  border-color:var(--vyse-input-line)!important;
  box-shadow:none!important;
}
/* The contact, support, and administration fields should not glow on focus. */
.info-form :is(input,textarea,select):focus,
.admin-app :is(input,textarea,select):focus,
.reset-card :is(input,textarea,select):focus{
  box-shadow:none!important;
}
/* Mobile keyboard focus: same low-profile treatment. */
@media(max-width:760px){
  #orderForm .line-input:focus{box-shadow:none!important}
}