/*
 * Final frontend fallback for CTA controls that do not yet have a component
 * owner. Component selectors intentionally remain more specific and continue
 * to control their existing buttons.
 */
:root {
  --storefront-fallback-button-background: #202020;
  --storefront-fallback-button-border: #202020;
  --storefront-fallback-button-color: #fff;
  --storefront-fallback-button-focus-background: #fff;
  --storefront-fallback-button-focus-border: #000;
  --storefront-fallback-button-focus-color: #000;
  --storefront-fallback-button-disabled-background: #c1c1c1;
  --storefront-fallback-button-disabled-border: #c1c1c1;
  --storefront-fallback-button-disabled-color: #fff;
  --storefront-fallback-button-transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}

body.storefront-button-system
  :where(
    a.button,
    a.btn,
    a.wp-element-button,
    .wp-block-button__link,
    button[type="submit"],
    input[type="button"],
    input[type="submit"],
    input[type="reset"]
  ):where(
    :not(
      [aria-label],
      [aria-expanded],
      [aria-controls]:not([type="submit"]),
      .storefront-control-button,
      .storefront-account-button,
      .storefront-account-primary,
      .storefront-account-secondary,
      .storefront-account-dark,
      [class*="omnisend-"],
      [id^="omnisend-"],
      .custom-acc-page .btn,
      .custom-acc-page .button,
      .custom-acc-page button,
      .custom-acc-page input[type="submit"],
      .storefront-product-promise__trigger,
      .store-contact-form__submit,
      .single_add_to_cart_button,
      .add_to_cart_button,
      .added_to_cart,
      .storefront-review-submit,
      .storefront-back-in-stock__loader-button,
      .storefront-back-in-stock__form button,
      .storefront-site-footer button,
      .porto-child-cart button,
      #header #mini-cart button,
      #header #mini-cart a.button,
      .wc-block-components-button,
      .checkout-responsive-summary__coupon-button,
      .woocommerce-button,
      .quantity button,
      .wc-block-components-quantity-selector__button,
      .remove,
      .remove_from_cart_button,
      .reset_variations,
      .page-numbers,
      .wc-block-product-filter-clear-button .wp-block-button__link,
      .wp-block-woocommerce-product-filter-clear-button .wp-block-button__link,
      .mfp-close,
      .mobile-toggle,
      .menu-toggle,
      .owl-prev,
      .owl-next,
      .slick-prev,
      .slick-next,
      .swiper-button-prev,
      .swiper-button-next
    )
  ) {
  appearance: none;
  box-sizing: border-box;
  min-width: 130px;
  min-height: 51px;
  padding: 14px 15px 12px;
  border: 1px solid var(--storefront-fallback-button-border);
  border-radius: 3px;
  background: var(--storefront-fallback-button-background);
  box-shadow: none;
  color: var(--storefront-fallback-button-color);
  cursor: pointer;
  display: inline-block;
  font: 600 15px/23px "Jost", Arial, sans-serif;
  letter-spacing: normal;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: var(--storefront-fallback-button-transition);
  vertical-align: middle;
}

body.storefront-button-system
  :where(
    a.button,
    a.btn,
    a.wp-element-button,
    .wp-block-button__link,
    button[type="submit"],
    input[type="button"],
    input[type="submit"],
    input[type="reset"]
  ):where(
    :not(
      [aria-label],
      [aria-expanded],
      [aria-controls]:not([type="submit"]),
      .storefront-control-button,
      .storefront-account-button,
      .storefront-account-primary,
      .storefront-account-secondary,
      .storefront-account-dark,
      [class*="omnisend-"],
      [id^="omnisend-"],
      .custom-acc-page .btn,
      .custom-acc-page .button,
      .custom-acc-page button,
      .custom-acc-page input[type="submit"],
      .storefront-product-promise__trigger,
      .store-contact-form__submit,
      .single_add_to_cart_button,
      .add_to_cart_button,
      .added_to_cart,
      .storefront-review-submit,
      .storefront-back-in-stock__loader-button,
      .storefront-back-in-stock__form button,
      .storefront-site-footer button,
      .porto-child-cart button,
      #header #mini-cart button,
      #header #mini-cart a.button,
      .wc-block-components-button,
      .checkout-responsive-summary__coupon-button,
      .woocommerce-button,
      .quantity button,
      .wc-block-components-quantity-selector__button,
      .remove,
      .remove_from_cart_button,
      .reset_variations,
      .page-numbers,
      .wc-block-product-filter-clear-button .wp-block-button__link,
      .wp-block-woocommerce-product-filter-clear-button .wp-block-button__link,
      .mfp-close,
      .mobile-toggle,
      .menu-toggle,
      .owl-prev,
      .owl-next,
      .slick-prev,
      .slick-next,
      .swiper-button-prev,
      .swiper-button-next
    )
  ):hover {
  border-color: var(--storefront-fallback-button-border);
  background: var(--storefront-fallback-button-background);
  color: var(--storefront-fallback-button-color);
  text-decoration: none;
}

body.storefront-button-system
  :where(
    a.button,
    a.btn,
    a.wp-element-button,
    .wp-block-button__link,
    button[type="submit"],
    input[type="button"],
    input[type="submit"],
    input[type="reset"]
  ):where(
    :not(
      [aria-label],
      [aria-expanded],
      [aria-controls]:not([type="submit"]),
      .storefront-control-button,
      .storefront-account-button,
      .storefront-account-primary,
      .storefront-account-secondary,
      .storefront-account-dark,
      [class*="omnisend-"],
      [id^="omnisend-"],
      .custom-acc-page .btn,
      .custom-acc-page .button,
      .custom-acc-page button,
      .custom-acc-page input[type="submit"],
      .storefront-product-promise__trigger,
      .store-contact-form__submit,
      .single_add_to_cart_button,
      .add_to_cart_button,
      .added_to_cart,
      .storefront-review-submit,
      .storefront-back-in-stock__loader-button,
      .storefront-back-in-stock__form button,
      .storefront-site-footer button,
      .porto-child-cart button,
      #header #mini-cart button,
      #header #mini-cart a.button,
      .wc-block-components-button,
      .checkout-responsive-summary__coupon-button,
      .woocommerce-button,
      .quantity button,
      .wc-block-components-quantity-selector__button,
      .remove,
      .remove_from_cart_button,
      .reset_variations,
      .page-numbers,
      .wc-block-product-filter-clear-button .wp-block-button__link,
      .wp-block-woocommerce-product-filter-clear-button .wp-block-button__link,
      .mfp-close,
      .mobile-toggle,
      .menu-toggle,
      .owl-prev,
      .owl-next,
      .slick-prev,
      .slick-next,
      .swiper-button-prev,
      .swiper-button-next
    )
  ):is(:focus, :focus-visible):not(:active) {
  border-color: var(--storefront-fallback-button-focus-border);
  outline: 0;
  background: var(--storefront-fallback-button-focus-background);
  color: var(--storefront-fallback-button-focus-color);
}

body.storefront-button-system
  :where(
    a.button,
    a.btn,
    a.wp-element-button,
    .wp-block-button__link,
    button[type="submit"],
    input[type="button"],
    input[type="submit"],
    input[type="reset"]
  ):where(
    :not(
      [aria-label],
      [aria-expanded],
      [aria-controls]:not([type="submit"]),
      .storefront-control-button,
      .storefront-account-button,
      .storefront-account-primary,
      .storefront-account-secondary,
      .storefront-account-dark,
      [class*="omnisend-"],
      [id^="omnisend-"],
      .custom-acc-page .btn,
      .custom-acc-page .button,
      .custom-acc-page button,
      .custom-acc-page input[type="submit"],
      .storefront-product-promise__trigger,
      .store-contact-form__submit,
      .single_add_to_cart_button,
      .add_to_cart_button,
      .added_to_cart,
      .storefront-review-submit,
      .storefront-back-in-stock__loader-button,
      .storefront-back-in-stock__form button,
      .storefront-site-footer button,
      .porto-child-cart button,
      #header #mini-cart button,
      #header #mini-cart a.button,
      .wc-block-components-button,
      .checkout-responsive-summary__coupon-button,
      .woocommerce-button,
      .quantity button,
      .wc-block-components-quantity-selector__button,
      .remove,
      .remove_from_cart_button,
      .reset_variations,
      .page-numbers,
      .wc-block-product-filter-clear-button .wp-block-button__link,
      .wp-block-woocommerce-product-filter-clear-button .wp-block-button__link,
      .mfp-close,
      .mobile-toggle,
      .menu-toggle,
      .owl-prev,
      .owl-next,
      .slick-prev,
      .slick-next,
      .swiper-button-prev,
      .swiper-button-next
    )
  ):active {
  border-color: var(--storefront-fallback-button-border);
  background: var(--storefront-fallback-button-background);
  color: var(--storefront-fallback-button-color);
}

body.storefront-button-system
  :where(
    button[type="submit"],
    input[type="button"],
    input[type="submit"],
    input[type="reset"]
  ):where(
    :not(
      [aria-label],
      [aria-expanded],
      [aria-controls]:not([type="submit"]),
      .storefront-control-button,
      .storefront-account-button,
      .storefront-account-primary,
      .storefront-account-secondary,
      .storefront-account-dark,
      [class*="omnisend-"],
      [id^="omnisend-"],
      .custom-acc-page .btn,
      .custom-acc-page .button,
      .custom-acc-page button,
      .custom-acc-page input[type="submit"],
      .storefront-product-promise__trigger,
      .store-contact-form__submit,
      .single_add_to_cart_button,
      .add_to_cart_button,
      .storefront-review-submit,
      .storefront-back-in-stock__loader-button,
      .storefront-back-in-stock__form button,
      .storefront-site-footer button,
      .porto-child-cart button,
      #header #mini-cart button,
      .wc-block-components-button,
      .checkout-responsive-summary__coupon-button,
      .woocommerce-button,
      .quantity button,
      .wc-block-components-quantity-selector__button,
      .remove,
      .remove_from_cart_button,
      .reset_variations,
      .page-numbers,
      .mfp-close,
      .mobile-toggle,
      .menu-toggle,
      .owl-prev,
      .owl-next,
      .slick-prev,
      .slick-next,
      .swiper-button-prev,
      .swiper-button-next
    )
  ):is(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  border-color: var(--storefront-fallback-button-disabled-border);
  background: var(--storefront-fallback-button-disabled-background);
  color: var(--storefront-fallback-button-disabled-color);
  cursor: default;
  opacity: 1;
  pointer-events: none;
}