/**
 * Syakar Care — Honda wing red brand palette (#e60012)
 * Loaded after Bootstrap/Velzon CSS to unify all red accents.
 */
:root {
    --honda-wing-red: #e60012;
    --honda-wing-red-hover: #c40010;
    --honda-wing-red-rgb: 230, 0, 18;
    --syakar-red: #e60012;
    --vz-danger: #e60012;
    --vz-danger-rgb: 230, 0, 18;
    --bs-danger: #e60012;
    --bs-danger-rgb: 230, 0, 18;
    --bs-link-color-rgb: 230, 0, 18;
}

.text-danger,
.link-danger {
    color: var(--honda-wing-red) !important;
}

.link-danger:hover,
.link-danger:focus {
    color: var(--honda-wing-red-hover) !important;
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--honda-wing-red);
    --bs-btn-border-color: var(--honda-wing-red);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--honda-wing-red-hover);
    --bs-btn-hover-border-color: var(--honda-wing-red-hover);
    --bs-btn-focus-shadow-rgb: var(--honda-wing-red-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--honda-wing-red-hover);
    --bs-btn-active-border-color: var(--honda-wing-red-hover);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--honda-wing-red);
    --bs-btn-disabled-border-color: var(--honda-wing-red);
}

.btn-outline-danger {
    --bs-btn-color: var(--honda-wing-red);
    --bs-btn-border-color: var(--honda-wing-red);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--honda-wing-red);
    --bs-btn-hover-border-color: var(--honda-wing-red);
    --bs-btn-focus-shadow-rgb: var(--honda-wing-red-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--honda-wing-red-hover);
    --bs-btn-active-border-color: var(--honda-wing-red-hover);
}

.bg-danger,
.text-bg-danger {
    background-color: var(--honda-wing-red) !important;
    color: #fff !important;
}

.border-danger {
    border-color: var(--honda-wing-red) !important;
}

.bg-danger-subtle {
    background-color: rgba(var(--honda-wing-red-rgb), 0.12) !important;
}

.text-bg-danger-subtle {
    color: var(--honda-wing-red) !important;
}

.alert-danger {
    --bs-alert-color: var(--honda-wing-red-hover);
    --bs-alert-bg: rgba(var(--honda-wing-red-rgb), 0.1);
    --bs-alert-border-color: rgba(var(--honda-wing-red-rgb), 0.25);
}

.badge.bg-danger {
    background-color: var(--honda-wing-red) !important;
}

.list-group-item-danger {
    color: var(--honda-wing-red-hover);
    background-color: rgba(var(--honda-wing-red-rgb), 0.08);
}

.page-link.active,
.active > .page-link {
    background-color: var(--honda-wing-red);
    border-color: var(--honda-wing-red);
}

.form-check-input:checked {
    background-color: var(--honda-wing-red);
    border-color: var(--honda-wing-red);
}

.form-check-input:focus {
    border-color: rgba(var(--honda-wing-red-rgb), 0.55);
    box-shadow: 0 0 0 0.25rem rgba(var(--honda-wing-red-rgb), 0.2);
}

.progress-bar.bg-danger {
    background-color: var(--honda-wing-red) !important;
}

.spinner-border.text-danger,
.spinner-grow.text-danger {
    color: var(--honda-wing-red) !important;
}

.dropdown-item.text-danger {
    color: var(--honda-wing-red) !important;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: var(--honda-wing-red);
}

.accordion-button:not(.collapsed) {
    color: var(--honda-wing-red);
    background-color: rgba(var(--honda-wing-red-rgb), 0.08);
}