/**
 * Bejou — load last so rectangular UI is 1px even when core page CSS
 * (account.css, page-title-bar, legal, etc.) defines larger radii.
 * Circles stay 50%.
 */
:root {
  --sf-radius: 1px;
  --bs-border-radius: 1px;
  --bs-border-radius-sm: 1px;
  --bs-border-radius-lg: 1px;
  --bs-border-radius-xl: 1px;
  --bs-border-radius-2xl: 1px;
  --bs-border-radius-pill: 1px;
  --bs-btn-border-radius: 1px;
}

.account-page .form-control,
.account-page .form-select,
.account-page input,
.account-page textarea,
.account-page select,
.account-page .btn,
.account-page button,
.account-hub-page .form-control,
.account-hub-page .btn,
.account-hub-page button,
.account-flash,
.account-nav a,
.account-card,
.account-panel,
.account-order-card,
.account-thumb,
.account-avatar-upload,
.page-title-bar,
.form-control,
.form-select,
.modal-content,
.dropdown-menu,
.alert,
.card,
.badge:not(.rounded-circle),
.list-group-item,
.input-group-text,
.pagination .page-link,
.toast,
.popover,
.tooltip-inner {
  border-radius: 1px !important;
}

.rounded-pill,
.rounded-5,
.rounded-4,
.rounded-3,
.rounded-2,
.rounded-1 {
  border-radius: 1px !important;
}

.rounded-circle,
.shop-count,
.header-area .header-action-area .shop-button-group .shop-button-item .shop-button .shop-count,
.owl-theme .owl-dots .owl-dot span,
.swiper-pagination-bullet,
.fancybox-loading,
.slick-dots li button,
.product-color-list .color-item,
.product-color-list .color-item a,
.product-color-list .color-item span,
.pro-color-list .color-list-item,
.pro-color-list li a,
.color-list li a,
.scroll-to-top,
.scroll-to-top .scroll-icon,
.account-page .rounded-circle {
  border-radius: 50% !important;
}