/* Global square-corner treatment for the KALA storefront.
 * Graphic icons keep their own geometry; every interactive control remains square. */
:is(
  body.woocommerce,
  body.woocommerce-page,
  [data-wr-shop-header],
  [class^="wr-"],
  [class*=" wr-"]
) :where(*:not(img):not(svg):not(path):not(i):not([class~="icon"]):not([class*="__icon"]):not([class*="elementor-icon"]):not([class*="star-rating"]):not(.wr-sh__social-mark)) {
  border-radius:0!important;
}

:is(
  body.woocommerce,
  body.woocommerce-page,
  [data-wr-shop-header],
  [class^="wr-"],
  [class*=" wr-"]
) :where(
  button,
  [role="button"],
  .button,
  a.button,
  input[type="button"],
  input[type="submit"],
  input[type="reset"]
) {
  border-radius:0!important;
}

:is([class^="wr-"], [class*=" wr-"]):not(img):not(svg):not(path):not(i):not([class~="icon"]):not([class*="__icon"]):not([class*="elementor-icon"]):not([class*="star-rating"]):not(.wr-sh__social-mark) {
  border-radius:0!important;
}

/* Controls can be rendered outside a WR/WooCommerce wrapper by Elementor.
 * The ID exclusion deliberately raises specificity above component CSS. */
html body :where(
  button,
  [role="button"],
  .button,
  a.button,
  input[type="button"],
  input[type="submit"],
  input[type="reset"],
  .page-numbers,
  .woocommerce-pagination a,
  .woocommerce-pagination span
):not(#wr-ea-keep-rounded) {
  border-radius:0!important;
}