/*
 * Brand colors — replace theme/Bootstrap blue CTAs with Chef Bright red.
 *
 * Loaded last (with brand-typography.css) so it wins over kaiadmin / Bootstrap
 * primary blues (#0d6efd, #1572E8, #177dff).
 */

:root {
    --brand-red: #E53935;
    --brand-red-dark: #A82825;
    --brand-red-hover: #C62828;
    --brand-red-soft: #FFEBEE;
    --brand-red-border: #FFCDD2;

    /* Bootstrap 5 primary → brand red */
    --bs-blue: var(--brand-red);
    --bs-primary: var(--brand-red);
    --bs-primary-rgb: 229, 57, 53;
    --bs-link-color: var(--brand-red);
    --bs-link-hover-color: var(--brand-red-dark);
    --bs-focus-ring-color: rgba(229, 57, 53, 0.25);

    /* Kaiadmin primary token used by some components */
    --primary-color: var(--brand-red);
    --primary: var(--brand-red);
}

/* ─── Solid primary buttons ─── */
.btn-primary,
.btn-primary:not(:disabled):not(.disabled),
a.btn-primary,
button.btn-primary,
input.btn-primary,
span.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--brand-red);
    --bs-btn-border-color: var(--brand-red);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--brand-red-hover);
    --bs-btn-hover-border-color: var(--brand-red-hover);
    --bs-btn-focus-shadow-rgb: 229, 57, 53;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--brand-red-dark);
    --bs-btn-active-border-color: var(--brand-red-dark);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--brand-red);
    --bs-btn-disabled-border-color: var(--brand-red);
    color: #fff !important;
    background: var(--brand-red) !important;
    background-color: var(--brand-red) !important;
    border-color: var(--brand-red) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:disabled,
.btn-primary.disabled,
.show > .btn-primary.dropdown-toggle {
    color: #fff !important;
    background: var(--brand-red-hover) !important;
    background-color: var(--brand-red-hover) !important;
    border-color: var(--brand-red-hover) !important;
    box-shadow: 0 0 0 0.2rem rgba(229, 57, 53, 0.25) !important;
}

.btn-primary:disabled:hover,
.btn-primary.disabled:hover {
    background: var(--brand-red) !important;
    border-color: var(--brand-red) !important;
}

/* ─── Outline primary ─── */
.btn-outline-primary {
    --bs-btn-color: var(--brand-red);
    --bs-btn-border-color: var(--brand-red);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--brand-red);
    --bs-btn-hover-border-color: var(--brand-red);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--brand-red-dark);
    --bs-btn-active-border-color: var(--brand-red-dark);
    --bs-btn-disabled-color: var(--brand-red);
    --bs-btn-disabled-border-color: var(--brand-red);
    color: var(--brand-red) !important;
    background: transparent !important;
    border-color: var(--brand-red) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active {
    color: #fff !important;
    background: var(--brand-red) !important;
    border-color: var(--brand-red) !important;
}

/* ─── Info buttons (used as blue action/detail CTAs in this project) ─── */
.btn-info,
.btn-info:not(:disabled):not(.disabled) {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--brand-red);
    --bs-btn-border-color: var(--brand-red);
    --bs-btn-hover-bg: var(--brand-red-hover);
    --bs-btn-hover-border-color: var(--brand-red-hover);
    --bs-btn-active-bg: var(--brand-red-dark);
    --bs-btn-active-border-color: var(--brand-red-dark);
    color: #fff !important;
    background: var(--brand-red) !important;
    background-color: var(--brand-red) !important;
    border-color: var(--brand-red) !important;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info:disabled {
    color: #fff !important;
    background: var(--brand-red-hover) !important;
    border-color: var(--brand-red-hover) !important;
}

.btn-outline-info {
    color: var(--brand-red) !important;
    border-color: var(--brand-red) !important;
    background: transparent !important;
}

.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info:active {
    color: #fff !important;
    background: var(--brand-red) !important;
    border-color: var(--brand-red) !important;
}

/* ─── Kaiadmin border / link button variants ─── */
.btn-border.btn-primary,
.btn-border.btn-info {
    color: var(--brand-red) !important;
    background: transparent !important;
    border: 1px solid var(--brand-red) !important;
}

.btn-border.btn-primary:hover,
.btn-border.btn-info:hover {
    color: #fff !important;
    background: var(--brand-red) !important;
}

.btn-link.btn-primary,
.btn-link.btn-info,
a.btn-link.btn-primary {
    color: var(--brand-red) !important;
    background: transparent !important;
    border-color: transparent !important;
}

.btn-link.btn-primary:hover,
.btn-link.btn-info:hover {
    color: var(--brand-red-dark) !important;
}

/* ─── Soft / subtle helpers ─── */
.bg-primary {
    background-color: var(--brand-red) !important;
}

.bg-primary-subtle {
    background-color: var(--brand-red-soft) !important;
}

.text-primary {
    color: var(--brand-red) !important;
}

.border-primary {
    border-color: var(--brand-red) !important;
}

.btn-check:checked + .btn-outline-primary,
.btn-check:active + .btn-outline-primary {
    color: #fff !important;
    background-color: var(--brand-red) !important;
    border-color: var(--brand-red) !important;
}

/* Pagination / pills that use primary blue */
.page-item.active .page-link,
.pagination .page-item.active .page-link {
    background-color: var(--brand-red) !important;
    border-color: var(--brand-red) !important;
    color: #fff !important;
}

.page-link {
    color: var(--brand-red);
}

.page-link:hover {
    color: var(--brand-red-dark);
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: var(--brand-red) !important;
}

/* Form focus rings that were blue */
.form-control:focus,
.form-select:focus,
.form-check-input:focus {
    border-color: var(--brand-red) !important;
    box-shadow: 0 0 0 0.2rem rgba(229, 57, 53, 0.2) !important;
}

.form-check-input:checked {
    background-color: var(--brand-red) !important;
    border-color: var(--brand-red) !important;
}

/* Enquiry status tags — shared Admin + Client palette (beats Kaiadmin bg-* overrides) */
.badge.bg-enq-pending,
.enq-status-pill.bg-enq-pending,
.client-enq-pill.bg-enq-pending {
    background-color: #ffc107 !important;
    color: #1f2937 !important;
}

.badge.bg-enq-matching,
.enq-status-pill.bg-enq-matching,
.client-enq-pill.bg-enq-matching {
    background-color: #0dcaf0 !important;
    color: #053b48 !important;
}

.badge.bg-enq-in-progress,
.enq-status-pill.bg-enq-in-progress,
.client-enq-pill.bg-enq-in-progress {
    background-color: #8ECA3C !important; /* In Progress */
    color: #1a2e0a !important;
}

.badge.bg-enq-completed,
.enq-status-pill.bg-enq-completed,
.client-enq-pill.bg-enq-completed,
.badge.bg-completed-dark,
.enq-status-pill.bg-completed-dark,
.client-enq-pill.bg-completed-dark {
    background-color: #266210 !important; /* Completed */
    color: #fff !important;
}

.badge.bg-enq-cancelled,
.enq-status-pill.bg-enq-cancelled,
.client-enq-pill.bg-enq-cancelled {
    background-color: #dc3545 !important;
    color: #fff !important;
}

.badge.bg-enq-expired,
.enq-status-pill.bg-enq-expired,
.client-enq-pill.bg-enq-expired {
    background-color: #212529 !important;
    color: #fff !important;
}

.badge.bg-enq-draft,
.enq-status-pill.bg-enq-draft,
.client-enq-pill.bg-enq-draft {
    background-color: #6c757d !important;
    color: #fff !important;
}