/**
 * JELPO brand — #000b5d
 * Loaded after theme/modern/website CSS to unify CRM + public site branding.
 */

:root {
    --brand-primary: #000b5d;
    --brand-primary-dark: #000849;
    --brand-primary-darker: #00063a;
    --brand-primary-light: #e8ebf7;
    --brand-primary-soft: rgba(0, 11, 93, 0.12);
    --brand-primary-softer: rgba(0, 11, 93, 0.06);
    --brand-link-on-dark: #8da4e0;
    --brand-link-on-dark-hover: #b3c1eb;
    --brand-border-accent: #b8c6e8;
    --brand-accent: #001a8a;

    --modern-primary: var(--brand-primary);
    --modern-primary-hover: var(--brand-primary-dark);
    --modern-sidebar-accent: var(--brand-primary);
    --modern-sidebar-active: var(--brand-primary-soft);

    --website-primary: var(--brand-primary);
    --website-primary-dark: var(--brand-primary-dark);
    --website-primary-light: var(--brand-primary-light);
    --website-accent: var(--brand-accent);
    --website-link-on-dark: var(--brand-link-on-dark);
    --website-border-accent: var(--brand-border-accent);
}

/* ── Legacy Grow CRM theme overrides ───────────────────── */

.bg-primary,
.label-primary,
.badge-primary,
.card-header.bg-primary {
    background-color: var(--brand-primary) !important;
}

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

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

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

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

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

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

.pagination .page-item.active .page-link {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
}

.progress-bar.bg-primary,
.progress-bar {
    background-color: var(--brand-primary) !important;
}

.nav-tabs .nav-link.active,
.nav-pills .nav-link.active {
    color: var(--brand-primary) !important;
}

.nav-tabs .nav-link.active {
    border-bottom-color: var(--brand-primary) !important;
}

[type="radio"].radio-col-blue:checked + label:after,
[type="radio"].with-gap.radio-col-blue:checked + label:after,
[type="checkbox"].filled-in:checked + label:after {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
}

[type="radio"].with-gap.radio-col-blue:checked + label:before {
    border-color: var(--brand-primary) !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--brand-primary) !important;
}

.settings-tickets-modal-color-select.bg-primary {
    background-color: var(--brand-primary) !important;
}

.topbar .navbar-header {
    background: #ffffff !important;
}

.website-topbar {
    background: var(--brand-primary) !important;
}