/*
 * 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: var(--storefront-color-control-primary, #6e0087);
  --storefront-fallback-button-border: var(--storefront-color-primary-border);
  --storefront-fallback-button-color: var(--storefront-color-control-primary-text, #fff);
  --storefront-fallback-button-hover-background: var(--storefront-color-control-primary-hover, #ff672d);
  --storefront-fallback-button-hover-border: var(--storefront-color-primary-border);
  --storefront-fallback-button-hover-color: var(--storefront-color-control-primary-hover-text, #232323);
  --storefront-fallback-button-focus-background: var(--storefront-color-control-primary, #6e0087);
  --storefront-fallback-button-focus-border: var(--storefront-color-primary-border);
  --storefront-fallback-button-focus-color: var(--storefront-color-control-primary-text, #fff);
  --storefront-fallback-button-disabled-background: var(--storefront-color-disabled, #c1c1c1);
  --storefront-fallback-button-disabled-border: var(--storefront-color-disabled, #c1c1c1);
  --storefront-fallback-button-disabled-color: var(--storefront-color-control-primary-text, #fff);
  --storefront-fallback-button-transition: var(--storefront-button-transition, color 0.35s ease, background-color 0.35s ease, border-color 0.35s 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,
      #footer .site-footer .footer-newsletter [id^="omnisend-embedded-"] :is(button, input[type="button"], input[type="submit"], input[type="reset"]),
      #footer .site-footer .footer-newsletter form[id^="omnisend-form-"][id$="-submit-form"] :is(button, input[type="button"], input[type="submit"], input[type="reset"]),
      .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: var(--storefront-button-height, 44px);
  padding: var(--storefront-button-padding, 10px 15px);
  border: var(--storefront-button-border-width, 0) solid var(--storefront-fallback-button-border);
  border-radius: var(--storefront-button-radius, 0);
  background: var(--storefront-fallback-button-background);
  box-shadow: none;
  color: var(--storefront-fallback-button-color);
  cursor: pointer;
  display: inline-block;
  font: 700 14px/22px var(--storefront-font-ui, "Montserrat", Arial, sans-serif);
  letter-spacing: .05em;
  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,
      #footer .site-footer .footer-newsletter [id^="omnisend-embedded-"] :is(button, input[type="button"], input[type="submit"], input[type="reset"]),
      #footer .site-footer .footer-newsletter form[id^="omnisend-form-"][id$="-submit-form"] :is(button, input[type="button"], input[type="submit"], input[type="reset"]),
      .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-hover-border);
  background: var(--storefront-fallback-button-hover-background);
  color: var(--storefront-fallback-button-hover-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,
      #footer .site-footer .footer-newsletter [id^="omnisend-embedded-"] :is(button, input[type="button"], input[type="submit"], input[type="reset"]),
      #footer .site-footer .footer-newsletter form[id^="omnisend-form-"][id$="-submit-form"] :is(button, input[type="button"], input[type="submit"], input[type="reset"]),
      .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: 2px solid var(--storefront-color-focus, #232323);
  outline-offset: 2px;
  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,
      #footer .site-footer .footer-newsletter [id^="omnisend-embedded-"] :is(button, input[type="button"], input[type="submit"], input[type="reset"]),
      #footer .site-footer .footer-newsletter form[id^="omnisend-form-"][id$="-submit-form"] :is(button, input[type="button"], input[type="submit"], input[type="reset"]),
      .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-hover-border);
  background: var(--storefront-fallback-button-hover-background);
  color: var(--storefront-fallback-button-hover-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,
      #footer .site-footer .footer-newsletter [id^="omnisend-embedded-"] :is(button, input[type="button"], input[type="submit"], input[type="reset"]),
      #footer .site-footer .footer-newsletter form[id^="omnisend-form-"][id$="-submit-form"] :is(button, input[type="button"], input[type="submit"], input[type="reset"]),
      .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: not-allowed;
  opacity: 1;
  pointer-events: none;
}
