/* The basket icon on product cards and "Buy it now" on product pages (quick-buy.php). A plain
   default in the theme's palette; the theme restyles .gc-quick-add__button and .gc-buy-now__button.
   Selectors carry the block's frame or the form: WooCommerce styles every link in a product image,
   and the theme's button styles print after this file. */
.wc-block-components-product-image { position: relative; }
.wc-block-components-product-image a.gc-quick-add__button {
	position: absolute; z-index: 3; right: 10px; bottom: 10px;
	display: inline-flex; align-items: center; justify-content: center;
	width: 44px; height: 44px; padding: 0; border-radius: 50%;
	background: var(--wp--preset--color--base, #fff); color: var(--wp--preset--color--contrast, #111);
	box-shadow: 0 2px 10px rgb(0 0 0 / .15); text-decoration: none;
	transition: background-color .15s ease, color .15s ease, transform .15s ease;
}
.wc-block-components-product-image a.gc-quick-add__button:hover, .wc-block-components-product-image a.gc-quick-add__button:focus-visible { background: var(--wp--preset--color--accent, #111); color: var(--wp--preset--color--base, #fff); transform: scale(1.06); }
.gc-quick-add__button:focus-visible { outline: 2px solid var(--wp--preset--color--accent, #111); outline-offset: 2px; }
.gc-quick-add__button .gc-quick-add__icon { display: block; }
.gc-quick-add__button .gc-quick-add__tick { display: none; }
.gc-quick-add__button.loading { opacity: .6; pointer-events: none; }
.gc-quick-add__button.loading::after { display: none; }
.gc-quick-add__button.added .gc-quick-add__icon { display: none; }
.gc-quick-add__button.added .gc-quick-add__tick { display: block; }
/* WooCommerce's script adds a "View basket" link after an added button; on a photo the mini-cart
   says it. Important: WooCommerce's own rules for links in the image frame are more specific. */
.wc-block-components-product-image .gc-quick-add__button + .added_to_cart { display: none !important; }
@media (prefers-reduced-motion: reduce) { .gc-quick-add__button { transition: none; } }

form.cart .gc-buy-now__button {
	grid-column: 1 / -1; justify-self: stretch;
	width: 100%; margin-top: .5rem; cursor: pointer;
	background: transparent; color: var(--wp--preset--color--accent, currentColor);
	border: 1px solid currentColor;
}
form.cart .gc-buy-now__button:hover, form.cart .gc-buy-now__button:focus-visible { background: var(--wp--preset--color--accent, #111); color: var(--wp--preset--color--base, #fff); border-color: var(--wp--preset--color--accent, #111); }
form.cart .woocommerce-variation-add-to-cart-disabled .gc-buy-now__button { opacity: .5; pointer-events: none; }
