/*
 * Backpack accent color override.
 * Brand accent: #2490bd (hover: #1d7a a darker shade).
 * Loaded globally via config/backpack/ui.php → 'styles'.
 */
:root {
    --primary: #2490bd;
    --info: #2490bd;
}

/* Links */
a {
    color: #2490bd;
}
a:hover,
a:focus {
    color: #1d7ba0;
}

/* Primary buttons (login button, form submits, etc.) */
.btn-primary {
    background-color: #2490bd;
    border-color: #2490bd;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:not(:disabled):not(.disabled):active {
    background-color: #1d7ba0;
    border-color: #1d7ba0;
}
.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(36, 144, 189, 0.5);
}
.btn-outline-primary {
    color: #2490bd;
    border-color: #2490bd;
}
.btn-outline-primary:hover {
    background-color: #2490bd;
    border-color: #2490bd;
}

/* Utility color classes */
.bg-primary {
    background-color: #2490bd !important;
}
.text-primary {
    color: #2490bd !important;
}
.border-primary {
    border-color: #2490bd !important;
}
.badge-primary {
    background-color: #2490bd;
}

/* Sidebar active / hover state */
.sidebar .nav-link.active,
.sidebar .nav-link:hover {
    background: #2490bd;
}
.sidebar .nav-link.active .nav-icon {
    color: #fff;
}

/* Pagination & accents */
.page-item.active .page-link {
    background-color: #2490bd;
    border-color: #2490bd;
}
.page-link {
    color: #2490bd;
}
.card-accent-primary {
    border-top-color: #2490bd !important;
}

/* Form focus ring */
.form-control:focus,
.custom-select:focus {
    border-color: #2490bd;
    box-shadow: 0 0 0 0.2rem rgba(36, 144, 189, 0.25);
}

/* Switches / checkboxes checked state */
.custom-control-input:checked ~ .custom-control-label::before {
    background-color: #2490bd;
    border-color: #2490bd;
}