/* ==========================================================================
   Sharp corners, site-wide (brand rule 2026-10): buttons, cards, inputs,
   modals, drawers, images - rectangles, no rounded corners anywhere.

   Loads last of the global stylesheets (zz-). The design-system and
   Bootstrap radius variables go to 0, and one !important rule squares
   everything else, including plugin markup.

   Only true circles stay round - where the circle IS the shape, not a
   rounded box: colour/material swatches, radio buttons, loading spinners,
   slider dots and small count badges.
   ========================================================================== */

:root,
.dc-page {
    --dc-radius: 0;
    --dc-radius-sm: 0;
    --bs-border-radius: 0;
    --bs-border-radius-sm: 0;
    --bs-border-radius-lg: 0;
    --bs-border-radius-xl: 0;
    --bs-border-radius-2xl: 0;
    --bs-border-radius-pill: 0;
}

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

/* ---- Circles that stay circles ---- */

/* Product page options: colour / material swatches and size dots */
.product-details .option-circle,
.product-details .option-swatch,
.product-details .option-swatch img,
.product-details .option-plus,
.option-circle .va-dot,
.va-dot,
.blank-swatch,

/* Form controls that are round by nature */
input[type="radio"],
.form-check-input[type="radio"],

/* Loading spinners (a square spinner reads as a glitch), incl. the page
   loader's gold ring (includes/elements/loader.php) */
#loader-spinner .loader-circle,
.loader-circle,
.loader-spinner-material-lib,
.fancybox-loading,
.swiper-lazy-preloader,
.pers-spinner,
.auth-card .auth-btn.is-loading::after,
.dl-auth__spinner,
.header-v2 .mobile-menu-trigger-v2 .outer-circle,
.header-v2 .mobile-menu-trigger-v2 .inner-circle,
.mobile-menu-trigger-v2 .outer-circle,
.mobile-menu-trigger-v2 .inner-circle,
.dc-btn.is-loading::after,
.dcd__spinner,
#nprogress .spinner-icon,
.spinner-border,
.spinner-grow,

/* Carousel dots and small count badges */
.swiper-pagination-bullet,
.della-wishlist-count,
.dw-header-link .della-wishlist-count,
.cart-conter-v2 .della-cart-count,
.rounded-circle {
    border-radius: 50% !important;
}