/*
 * Square corners everywhere on the site (loaded on every page with
 * no-borders.css, inc/enqueue.php).
 *
 * Same technique as no-borders.css: an !important declaration inside a
 * cascade layer beats every !important outside one (theme, plugins, inline
 * styles), whatever the selector.
 *
 * Kept round: the loading spinners (a square one doesn't read as a spinner).
 */

@layer msj-square-corners {

	*,
	*::before,
	*::after {
		border-radius: 0 !important;
	}

	/* Spinners. */
	.custom-add-to-cart .button.loading::after,
	.stihl-search-loading::after,
	.stihl-part-add .stihl-add.loading::before,
	.woocommerce-product-gallery__wrapper.loading::after {
		border-radius: 50% !important;
	}
}