/*
 * Targeted white-label overrides for the compiled Vuexy theme.
 * The full palette is baked into the theme SCSS; these rules recolor the most
 * visible primary-color surfaces via the per-tenant --brand-primary /
 * --brand-secondary custom properties (set in partials/branding-css).
 */

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

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

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

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

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

a:not(.btn):not(.nav-link):not(.dropdown-item):not(.page-link) {
    color: var(--brand-primary);
}

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

.main-menu .navigation li a.active,
.main-menu .navigation > li.active > a {
    background: linear-gradient(118deg, var(--brand-primary), color-mix(in srgb, var(--brand-primary) 70%, #fff)) !important;
}

.form-control:focus,
.custom-select:focus {
    border-color: var(--brand-primary) !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
}

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

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

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

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