/* ============================================================================
 * radius-13.css  —  site-wide 13px corner standardization (generic controls)
 * ----------------------------------------------------------------------------
 * Our bespoke components (.pl-*, .nd/product-*, .co-*, .box-*, .dash-*, .ao-*,
 * #myModal, header, cart, …) already carry 13px directly in their own sheets
 * (site.css / productlist.css / newdesign.css / cart.css / box.css /
 *  admin-design.css / popup.css — normalized in place).
 *
 * THIS sheet only mops up GENERIC, un-classed Bootstrap/plugin controls on
 * plain pages (login, generic admin CRUD, jquery-confirm, select2 …) and, by
 * loading last, beats vendor defaults (e.g. Bootstrap .btn/.card at .25rem)
 * that are bundled after site.css.
 *
 * It deliberately does NOT touch anything round or pill-shaped: circles
 * (border-radius:50%), pills (.rounded-pill, .rounded-input, ≥2rem / 999px /
 * 50px), icon dots, the round theme toggle, the floating WhatsApp button, or
 * the liquid-glass toasts (.lqt-*). Radius isn't carried into the dark sheets
 * (the dark generator strips it), so these values cascade into dark as-is.
 *
 * To revert the whole site-wide pass: delete this file, remove its two <link>
 * lines, and `git checkout` the seven css sheets above.
 * ========================================================================== */

:root { --radius-std: 13px; }

/* --- Buttons (skip the genuinely round ones) --- */
.btn:not(.rounded-circle):not(.rounded-pill):not(.btn-circle):not(.btn-box-sidebar):not(.theme-toggle):not(.theme-toggle--compact):not(.theme-toggle--admin):not(.theme-toggle--box):not(.wa-btn):not(.wa-close) {
    border-radius: 13px !important;
}

/* --- Text inputs / selects / textareas (skip pills) --- */
.form-control:not(.rounded-pill):not(.rounded-input),
.form-select:not(.rounded-pill),
textarea.form-control,
.custom-select,
.input-group-text {
    border-radius: 13px !important;
}

/* --- Input groups: only the OUTER edges of the whole group are rounded ---
   (the blanket .form-control rule above otherwise double-rounds the inner seam).
   RTL: first child = rightmost (round its right), last child = leftmost (round its left).
   Selectors carry extra :not()s so they outrank the 0,3,0 blanket .form-control rule. */
.input-group > .form-control:not(.rounded-pill):not(.rounded-input),
.input-group > .form-select:not(.rounded-pill):not(.x),
.input-group > .custom-select:not(.x):not(.y),
.input-group > select:not(.x):not(.y),
.input-group > .input-group-text:not(.x):not(.y),
.input-group > .btn:not(.x):not(.y),
.input-group-prepend .input-group-text,
.input-group-append .input-group-text,
.input-group-prepend .btn,
.input-group-append .btn {
    border-radius: 0 !important;
}
.input-group > :first-child:not(.rounded-pill):not(.rounded-input),
.input-group > :first-child > .input-group-text,
.input-group > :first-child > .btn {
    border-top-right-radius: 13px !important;
    border-bottom-right-radius: 13px !important;
}
.input-group > :last-child:not(.rounded-pill):not(.rounded-input),
.input-group > :last-child > .input-group-text,
.input-group > :last-child > .btn {
    border-top-left-radius: 13px !important;
    border-bottom-left-radius: 13px !important;
}

/* --- select2 rendered controls --- */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.select2-dropdown {
    border-radius: 13px !important;
}

/* --- Surfaces: cards, modals, dropdowns, alerts, popovers --- */
.card,
.modal-content,
.dropdown-menu,
.alert,
.list-group,
.popover,
.jconfirm .jconfirm-box {
    border-radius: 13px !important;
}

/* --- Admin grids: preview thumbnails + status badges (skip pill badges) --- */
.mvc-grid .circle-preview-thumb,
.mvc-grid td img.circle-preview-thumb {
    border-radius: 13px !important;
}
.mvc-grid .badge:not(.badge-pill):not(.rounded-pill) {
    border-radius: 13px !important;
}