/* MyWebStore shared button foundation.
   Buttons are centred with flex alignment so text does not drift vertically. */

button,
.button,
.mws-button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.wp-element-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce ul.products li.product .button,
.woocommerce div.product form.cart .button,
.woocommerce div.product form.cart .single_add_to_cart_button {
  box-sizing: border-box;
  min-height: var(--mws-button-height);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--mws-button-gap);
  border-style: var(--mws-button-border-style);
  border-width: var(--mws-button-border-width);
  border-color: var(--mws-button-border-rendered);
  border-radius: var(--mws-button-radius);
  background: var(--mws-button-bg);
  color: var(--mws-button-text);
  padding-block: var(--mws-button-padding-y);
  padding-inline: var(--mws-button-padding-x);
  font-family: var(--mws-font-button);
  font-size: var(--mws-button-font-size);
  font-weight: var(--mws-button-font-weight);
  line-height: var(--mws-button-line-height);
  letter-spacing: var(--mws-button-letter-spacing);
  text-align: center;
  text-decoration: none;
  text-transform: var(--mws-button-text-transform);
  white-space: normal;
  cursor: pointer;
  box-shadow: none;
  vertical-align: middle;
  transition:
    background var(--mws-transition),
    color var(--mws-transition),
    border-color var(--mws-transition),
    box-shadow var(--mws-transition),
    transform var(--mws-transition);
}

button:hover,
.button:hover,
.mws-button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.wp-element-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce ul.products li.product .button:hover,
.woocommerce div.product form.cart .button:hover,
.woocommerce div.product form.cart .single_add_to_cart_button:hover {
  border-color: var(--mws-button-border-hover-rendered);
  background: var(--mws-button-bg-hover);
  color: var(--mws-button-text-hover);
  text-decoration: none;
}

button:focus-visible,
.button:focus-visible,
.mws-button:focus-visible,
input[type="button"]:focus-visible,
input[type="reset"]:focus-visible,
input[type="submit"]:focus-visible,
.wp-element-button:focus-visible,
.woocommerce a.button:focus-visible,
.woocommerce button.button:focus-visible,
.woocommerce input.button:focus-visible,
.woocommerce #respond input#submit:focus-visible {
  outline: var(--mws-button-focus-outline-width) solid var(--mws-button-focus);
  outline-offset: var(--mws-button-focus-outline-offset);
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
  background: var(--mws-button-bg) !important;
  color: var(--mws-button-text) !important;
  border-color: var(--mws-button-border-rendered) !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
  background: var(--mws-button-bg-hover) !important;
  color: var(--mws-button-text-hover) !important;
  border-color: var(--mws-button-border-hover-rendered) !important;
}


button:disabled,
.button.disabled,
.mws-button.disabled,
[aria-disabled="true"].button,
[aria-disabled="true"].mws-button,
input[type="button"]:disabled,
input[type="reset"]:disabled,
input[type="submit"]:disabled,
.woocommerce a.button.disabled,
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce input.button:disabled {
  opacity: .55;
  cursor: not-allowed;
  pointer-events: none;
  transform: none;
}