/* SG-GLOVES shared storefront button shape. No colours, layout or behaviour overrides.
 * The important cascade layer wins over legacy modules' unlayered !important rules,
 * including modal styles loaded after the theme. Keep a fallback for older browsers.
 */
:root {
  --sg-button-radius: max(8px, var(--SGGLOVES-button-radius, 8px));
  --bs-btn-border-radius: var(--sg-button-radius);
}

html:root body :is(
  button:not([role="switch"]):not([role="radio"]),
  input[type="button"], input[type="submit"], input[type="reset"],
  .btn, [role="button"], a.sggb2b-dashboard-tab,
  a.button, a[class*="-btn"], a[class*="__btn"], a[class*="__button"], a[class*="-button"],
  a[class*="__action"], a[class*="-action"], a[class*="__cta"], a[class*="-cta"]
) {
  border-radius: var(--sg-button-radius) !important;
}

@layer sg-button-shape {
  html body :is(
    button:not([role="switch"]):not([role="radio"]),
    input[type="button"], input[type="submit"], input[type="reset"],
    .btn, [role="button"], a.sggb2b-dashboard-tab,
    a.button, a[class*="-btn"], a[class*="__btn"], a[class*="__button"], a[class*="-button"],
    a[class*="__action"], a[class*="-action"], a[class*="__cta"], a[class*="-cta"]
  ) {
    border-radius: var(--sg-button-radius) !important;
  }
  input[type="file"]::file-selector-button {
    border-radius: var(--sg-button-radius) !important;
  }
}