/* Neutral color palette overrides: black and greys only */

:root {
    /* Bootstrap CSS variables overrides */
    --bs-primary: #000000;
    --bs-primary-rgb: 0, 0, 0;
    --bs-link-color: #000000;
    --bs-link-hover-color: #111111;
    --bs-success: #222222;
    --bs-info: #333333;
    --bs-warning: #444444;
    --bs-danger: #555555;
    --bs-secondary: #666666;
    --bs-dark: #000000;
    --bs-light: #f2f2f2;
}

/* Links */
a {
    color: #000000;
}
a:hover,
a:focus {
    color: #111111;
}

/* Buttons */
.btn,
.btn-primary {
    background-color: #000000;
    border-color: #000000;
    color: #ffffff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #111111;
    border-color: #111111;
}

.btn-secondary {
    background-color: #666666;
    border-color: #666666;
    color: #ffffff;
}
.btn-secondary:hover {
    background-color: #555555;
    border-color: #555555;
}

.btn-success {
    background-color: #222222;
    border-color: #222222;
    color: #ffffff;
}
.btn-info {
    background-color: #333333;
    border-color: #333333;
    color: #ffffff;
}
.btn-warning {
    background-color: #444444;
    border-color: #444444;
    color: #ffffff;
}
.btn-danger {
    background-color: #555555;
    border-color: #555555;
    color: #ffffff;
}

/* Badges */
.badge.bg-primary {
    background-color: #000000 !important;
}
.badge.bg-secondary {
    background-color: #666666 !important;
}
.badge.bg-success {
    background-color: #222222 !important;
}
.badge.bg-info {
    background-color: #333333 !important;
}
.badge.bg-warning {
    background-color: #444444 !important;
}
.badge.bg-danger {
    background-color: #555555 !important;
}

/* Alerts - neutralized to grey bg and black text */
.alert,
.alert-primary,
.alert-secondary,
.alert-success,
.alert-info,
.alert-warning,
.alert-danger {
    color: #000;
    background-color: #f2f2f2;
    border-color: #e6e6e6;
}

/* Bootstrap v5 alert CSS variable overrides */
.alert,
.alert-primary,
.alert-secondary,
.alert-success,
.alert-info,
.alert-warning,
.alert-danger {
    --bs-alert-color: #000;
    --bs-alert-bg: #f2f2f2;
    --bs-alert-border-color: #e6e6e6;
}

/* Navs and active states */
.nav-link,
.pagination .page-link {
    color: #000000;
}
.nav-link:hover,
.pagination .page-link:hover {
    color: #111111;
}
.active > .page-link,
.page-link.active,
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #000000;
    border-color: #000000;
    color: #ffffff;
}

/* Form controls focus */
.form-control:focus,
.form-select:focus {
    border-color: #000000;
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.15);
}

/* Misc components */
.progress-bar {
    background-color: #000000;
}
.link-secondary {
    color: #666666 !important;
}
.text-primary {
    color: #000000 !important;
}
.bg-primary {
    background-color: #000000 !important;
}
.border-primary {
    border-color: #000000 !important;
}

/* Checkout/address selection override from parent theme.css */
.step .address.selected {
    border: 2px solid #000000 !important;
}
.checkout .step .address.selected {
    border: 2px solid #000000 !important;
}

/* Form checkboxes/switches */
.form-check-input:checked {
    background-color: #000000 !important;
    border-color: #000000 !important;
}