/**
 * Buffalo Eats Online - Platform-Wide CSS
 *
 * Global styles applied across all layouts (storefront, client, admin).
 *
 * @author    J.J. Johnson <visionquest716@gmail.com>
 * @copyright 2026 VisionQuestServices LLC
 * @package   BuffaloEatsOnline
 */

/* ===========================================
   Rounded Button Edges (pill-style)
   Override Bootstrap CSS custom properties so
   btn-sm, btn-lg, and all variants get rounded.
   =========================================== */
:root {
    --bs-btn-border-radius: 50rem;
    --bs-border-radius: 0.75rem;
    --bs-border-radius-sm: 50rem;
    --bs-border-radius-lg: 50rem;
    --bs-border-radius-xl: 50rem;
    --bs-border-radius-xxl: 50rem;
    --bs-border-radius-pill: 50rem;
}

.btn,
.btn-sm,
.btn-lg {
    border-radius: 50rem !important;
}

.btn-group > .btn:first-child {
    border-top-left-radius: 50rem !important;
    border-bottom-left-radius: 50rem !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.btn-group > .btn:last-child {
    border-top-right-radius: 50rem !important;
    border-bottom-right-radius: 50rem !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.btn-group > .btn:not(:first-child):not(:last-child) {
    border-radius: 0 !important;
}

/* Single button in btn-group gets full pill */
.btn-group > .btn:only-child {
    border-radius: 50rem !important;
}

/* Input groups with buttons keep square inner edges */
.input-group > .btn {
    border-radius: 0 !important;
}

.input-group > .btn:first-child {
    border-top-left-radius: 50rem !important;
    border-bottom-left-radius: 50rem !important;
}

.input-group > .btn:last-child {
    border-top-right-radius: 50rem !important;
    border-bottom-right-radius: 50rem !important;
}