/* =========================================================
   WooCommerce Checkout button theme
   ========================================================= */

body.woocommerce-checkout {
  --avl-checkout-button-bg: #FF2800;
  --avl-checkout-button-hover: #C90818;
  --avl-checkout-button-active: #A80714;
  --avl-checkout-button-text: #ffffff;
}

/* Classic Checkout and checkout forms (login / coupon / order). */
body.woocommerce-checkout .woocommerce button.button,
body.woocommerce-checkout .woocommerce input.button,
body.woocommerce-checkout .woocommerce a.button,
body.woocommerce-checkout .woocommerce #place_order {
  background: var(--avl-checkout-button-bg) !important;
  border-color: var(--avl-checkout-button-bg) !important;
  color: var(--avl-checkout-button-text) !important;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease !important;
}

body.woocommerce-checkout .woocommerce button.button:not(:disabled):not(.disabled):hover,
body.woocommerce-checkout .woocommerce input.button:not(:disabled):not(.disabled):hover,
body.woocommerce-checkout .woocommerce a.button:not(.disabled):hover,
body.woocommerce-checkout .woocommerce #place_order:not(:disabled):not(.disabled):hover,
body.woocommerce-checkout .woocommerce button.button:not(:disabled):not(.disabled):focus-visible,
body.woocommerce-checkout .woocommerce input.button:not(:disabled):not(.disabled):focus-visible,
body.woocommerce-checkout .woocommerce a.button:not(.disabled):focus-visible,
body.woocommerce-checkout .woocommerce #place_order:not(:disabled):not(.disabled):focus-visible {
  background: var(--avl-checkout-button-hover) !important;
  border-color: var(--avl-checkout-button-hover) !important;
  color: var(--avl-checkout-button-text) !important;
}

body.woocommerce-checkout .woocommerce button.button:not(:disabled):not(.disabled):active,
body.woocommerce-checkout .woocommerce input.button:not(:disabled):not(.disabled):active,
body.woocommerce-checkout .woocommerce a.button:not(.disabled):active,
body.woocommerce-checkout .woocommerce #place_order:not(:disabled):not(.disabled):active {
  background: var(--avl-checkout-button-active) !important;
  border-color: var(--avl-checkout-button-active) !important;
  color: var(--avl-checkout-button-text) !important;
}

body.woocommerce-checkout .woocommerce button.button:disabled,
body.woocommerce-checkout .woocommerce input.button:disabled,
body.woocommerce-checkout .woocommerce .button.disabled,
body.woocommerce-checkout .woocommerce .button[aria-disabled="true"] {
  background: var(--avl-checkout-button-bg) !important;
  border-color: var(--avl-checkout-button-bg) !important;
  color: var(--avl-checkout-button-text) !important;
  cursor: not-allowed !important;
  opacity: .55 !important;
}

/* WooCommerce Checkout Block. */
body.woocommerce-checkout .wp-block-woocommerce-checkout .wc-block-components-button:not(.is-link) {
  background: var(--avl-checkout-button-bg) !important;
  border-color: var(--avl-checkout-button-bg) !important;
  color: var(--avl-checkout-button-text) !important;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease !important;
}

body.woocommerce-checkout .wp-block-woocommerce-checkout .wc-block-components-button:not(.is-link):not(:disabled):hover,
body.woocommerce-checkout .wp-block-woocommerce-checkout .wc-block-components-button:not(.is-link):not(:disabled):focus-visible {
  background: var(--avl-checkout-button-hover) !important;
  border-color: var(--avl-checkout-button-hover) !important;
  color: var(--avl-checkout-button-text) !important;
}

body.woocommerce-checkout .wp-block-woocommerce-checkout .wc-block-components-button:not(.is-link):not(:disabled):active {
  background: var(--avl-checkout-button-active) !important;
  border-color: var(--avl-checkout-button-active) !important;
  color: var(--avl-checkout-button-text) !important;
}

body.woocommerce-checkout .wp-block-woocommerce-checkout .wc-block-components-button:not(.is-link):disabled,
body.woocommerce-checkout .wp-block-woocommerce-checkout .wc-block-components-button:not(.is-link)[aria-disabled="true"] {
  background: var(--avl-checkout-button-bg) !important;
  border-color: var(--avl-checkout-button-bg) !important;
  color: var(--avl-checkout-button-text) !important;
  cursor: not-allowed !important;
  opacity: .55 !important;
}

body.woocommerce-checkout .woocommerce .button *,
body.woocommerce-checkout .woocommerce #place_order *,
body.woocommerce-checkout .wp-block-woocommerce-checkout .wc-block-components-button:not(.is-link) * {
  color: inherit !important;
}