/* Minification failed. Returning unminified contents.
(95,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-active-bg'
(96,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-active-border-color'
(97,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-active-color'
(101,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-success'
(102,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-success'
(107,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger'
(108,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger'
 */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/* Fix hover + active colors */
/* Remove Bootstrap default hover effect and apply desired background */
.btn-check:checked + .btn-outline-success,
.btn-outline-success:hover,
.btn-outline-success:focus {
    background-color: #198754 !important;
    color: #fff !important;
    border-color: #198754 !important;
    box-shadow: none !important;
    background-image: none !important; /* <- THIS kills the blue gradient */
}

/* Active + hover state fix for danger */
.btn-check:checked + .btn-outline-danger,
.btn-outline-danger:hover,
.btn-outline-danger:focus {
    background-color: #dc3545 !important;
    color: #fff !important;
    border-color: #dc3545 !important;
    box-shadow: none !important;
    background-image: none !important;
}

/* Remove Bootstrap's inner-corner overrides for .btn-group */
.btn-group .btn {
    border-radius: 0.5rem !important; /* or whatever roundness you prefer */
}

    /* Ensure spacing between buttons */
    .btn-group .btn + .btn {
        margin-left: 0.5rem !important;
    }

/* Ensure consistent rounded corners when using .btn-check + label pattern */
.btn-check + .btn {
    border-radius: 0.5rem !important;
}

/* Base button style for all app buttons */
.btn-uniform {
    border-radius: 0.5rem !important;
    min-width: 110px;
    height: 50px;
    font-size: 1.1rem;
    padding: 0.5rem 1rem;
    text-align: center;
}

    /* Optional spacing between buttons */
    .btn-uniform + .btn-uniform {
        margin-left: 1rem;
    }

.btn-success:hover,
.btn-warning:hover,
.btn-danger:hover {
    filter: brightness(90%);
    transition: 0.2s ease-in-out;
    box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.15);
}

/* On mobile: reduce min-width */
@media (max-width: 576px) {
    .btn-uniform {
        min-width: 85px;
        font-size: 1rem;
        height: 44px;
    }
}

html {
    scroll-padding-top: 70px; /* adjust based on navbar height */
}

/* Force Bootstrap 5 btn-check styling */
.btn-check:checked + .btn {
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
    color: var(--bs-btn-active-color);
}

.btn-check:checked + .btn-success {
    background-color: var(--bs-success);
    border-color: var(--bs-success);
    color: white;
}

.btn-check:checked + .btn-danger {
    background-color: var(--bs-danger);
    border-color: var(--bs-danger);
    color: white;
}

.popover {
    max-width: 300px; /* Allow enough space */
    z-index: 1060; /* Bootstrap default */
}

body {
    overflow: visible !important;
}