/* Normal state (your brand blue) */
.btn-info {
    color: #fff;
    background-color: #0a285b;
    border-color: #0a285b;
}

.btn-outline-info {
    color: #0a285b;
    border-color: #0a285b;
    background-color: transparent;
}

/* Global hover color (your gold/brown) */
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.show > .btn.dropdown-toggle {
    background-color: #b1833b !important;
    border-color: #b1833b !important;
}

/* Outline hover fill */
.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info:active {
    color: #fff !important;
    background-color: #b1833b !important;
    border-color: #b1833b !important;
}



/* Normal state for .btn-link */
.btn-link {
    color: #0a285b;
    text-decoration: none;  /* optional: remove underline */
}

/* Hover, focus, active states */
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
    color: #0a285b;
    text-decoration: underline;  /* or 'none' if you don't want it */
}

/* If you also use .btn-outline- with .btn-link somewhere, this keeps text color */
.btn-link.btn-outline-info,
.btn-link.btn-outline-primary,
.btn-link.btn-outline-secondary,
.btn-link.btn-outline-success,
.btn-link.btn-outline-danger,
.btn-link.btn-outline-warning,
.btn-link.btn-outline-dark {
    color: #0a285b;
}

/* Base pagination link color */
.page-link {
    color: #0a285b;
    border-color: #dee2e6;  /* keep default border, or change if you want */
}

/* Hover & focus */
.page-link:hover,
.page-link:focus {
    color: #0a285b;
    background-color: #f0f0f0; /* subtle hover background, optional */
    border-color: #dee2e6;
}

/* Active page */
.page-item.active .page-link {
    color: #fff;
    background-color: #0a285b;
    border-color: #0a285b;
}

/* Disabled page */
.page-item.disabled .page-link {
    color: #6c757d;        /* default muted, change if you want */
    background-color: #fff;
    border-color: #dee2e6;
}

/* Breadcrumb link color */
.breadcrumb-item a {
    color: #0a285b;
    text-decoration: none; /* optional */
}

/* Breadcrumb link hover/focus */
.breadcrumb-item a:hover,
.breadcrumb-item a:focus {
    color: #0a285b;        /* or a different shade if you prefer */
    text-decoration: underline; /* or 'none' */
}

/* Optional: separator ("/" or ">") color */
.breadcrumb-item + .breadcrumb-item::before {
    color: #0a285b;        /* matches your brand color */
}

/* Optional: active breadcrumb text color */
.breadcrumb-item.active {
    color: #0a285b;
}