/* 
SENATONGA Color Fixes - Complete Color Consistency
Fixes Client Admin badge visibility and updates all links to navy blue (#1b344b)
*/

/* Fix Client Admin badge visibility */
.badge.bg-warning {
    background-color: var(--senatonga-gold) !important;
    color: #000 !important;
    font-weight: 600;
}

/* Role badge improvements */
.bg-role-client-admin {
    background-color: var(--senatonga-gold) !important;
    color: #000 !important;
    font-weight: 600;
}

.bg-role-org-admin {
    background-color: var(--senatonga-gold) !important;
    color: #000 !important;
    font-weight: 600;
}

/* Update all links to navy blue */
a, .nav-link, .nav-tabs .nav-link {
    color: var(--senatonga-navy) !important;
}

a:hover, .nav-link:hover, .nav-tabs .nav-link:hover {
    color: var(--senatonga-navy-dark) !important;
}

/* Navigation links specific fix */
.navbar-nav .nav-link {
    color: var(--senatonga-navy) !important;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus,
.navbar-nav .nav-link.active {
    color: var(--senatonga-orange) !important;
}

/* Sidebar navigation links - Fixed for visibility */
.sidebar {
    background-color: #2c3e50 !important;
    border-right: 1px solid #ddd !important;
}

.sidebar .nav-link {
    color: #ffffff !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
}

.sidebar .nav-link:hover,
.sidebar .nav-link.active {
    background-color: var(--senatonga-orange) !important;
    color: white !important;
    transform: translateX(2px) !important;
}

.sidebar .nav-link i {
    color: #ffffff !important;
}

/* Button outline variants */
.btn-outline-primary {
    color: var(--senatonga-navy) !important;
    border-color: var(--senatonga-navy) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background-color: var(--senatonga-navy) !important;
    border-color: var(--senatonga-navy) !important;
    color: white !important;
}

/* Table links */
.table a {
    color: var(--senatonga-navy) !important;
}

.table a:hover {
    color: var(--senatonga-navy-dark) !important;
}

/* Card links */
.card-body a,
.card-footer a {
    color: var(--senatonga-navy) !important;
}

.card-body a:hover,
.card-footer a:hover {
    color: var(--senatonga-navy-dark) !important;
}

/* Breadcrumb links */
.breadcrumb-item a {
    color: var(--senatonga-navy) !important;
}

.breadcrumb-item a:hover {
    color: var(--senatonga-navy-dark) !important;
}

/* Dropdown links */
.dropdown-item {
    color: var(--senatonga-navy) !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: var(--senatonga-navy-dark) !important;
    background-color: var(--senatonga-beige) !important;
}

/* Pagination links */
.page-link {
    color: var(--senatonga-navy) !important;
}

.page-link:hover {
    color: var(--senatonga-navy-dark) !important;
    background-color: var(--senatonga-beige) !important;
    border-color: var(--senatonga-navy) !important;
}

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

/* Alert links */
.alert-link {
    color: var(--senatonga-navy) !important;
}

.alert-link:hover {
    color: var(--senatonga-navy-dark) !important;
}

/* List group links */
.list-group-item-action {
    color: var(--senatonga-navy) !important;
}

.list-group-item-action:hover,
.list-group-item-action:focus {
    color: var(--senatonga-navy-dark) !important;
    background-color: var(--senatonga-beige) !important;
}

/* Form text links */
.form-text a {
    color: var(--senatonga-navy) !important;
}

.form-text a:hover {
    color: var(--senatonga-navy-dark) !important;
}

/* Footer links */
.footer a {
    color: var(--senatonga-beige) !important;
}

.footer a:hover {
    color: var(--senatonga-orange) !important;
}

/* Tab navigation */
.nav-tabs .nav-link.active {
    color: var(--senatonga-orange) !important;
    border-color: var(--senatonga-orange) var(--senatonga-orange) var(--bs-nav-tabs-link-active-bg) !important;
}

/* Specific fixes for user management tables */
.user-table a {
    color: var(--senatonga-navy) !important;
}

.user-table a:hover {
    color: var(--senatonga-navy-dark) !important;
}

/* Dashboard navigation */
.dashboard-nav a {
    color: var(--senatonga-navy) !important;
}

.dashboard-nav a:hover {
    color: var(--senatonga-orange) !important;
}

/* Ensure all text is readable on colored backgrounds */
.bg-warning, .badge.bg-warning {
    color: #000 !important;
}

.bg-dark, .bg-secondary, .bg-primary {
    color: white !important;
}

.bg-light, .bg-white {
    color: var(--senatonga-text-primary) !important;
}

/* Role-specific badge fixes */
.badge.bg-role-coach {
    background-color: var(--senatonga-green) !important;
    color: white !important;
}

.badge.bg-role-coachee {
    background-color: var(--senatonga-blue) !important;
    color: white !important;
}

.badge.bg-role-client-admin {
    background-color: var(--senatonga-gold) !important;
    color: #000 !important;
}

.badge.bg-role-super-admin {
    background-color: var(--senatonga-orange) !important;
    color: white !important;
}

/* Status badge fixes */
.badge.bg-status-active {
    background-color: var(--senatonga-green) !important;
    color: white !important;
}

.badge.bg-status-pending {
    background-color: var(--senatonga-gold) !important;
    color: #000 !important;
}

.badge.bg-status-inactive {
    background-color: var(--senatonga-navy) !important;
    color: white !important;
}

/* Ensure brand consistency */
.text-primary {
    color: var(--senatonga-orange) !important;
}

.text-secondary {
    color: var(--senatonga-navy) !important;
}

/* Button primary should stay orange for CTAs */
.btn-primary {
    background-color: var(--senatonga-orange) !important;
    border-color: var(--senatonga-orange) !important;
    color: white !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--senatonga-orange-dark) !important;
    border-color: var(--senatonga-orange-dark) !important;
    color: white !important;
}

/* Secondary buttons use navy */
.btn-secondary {
    background-color: var(--senatonga-navy) !important;
    border-color: var(--senatonga-navy) !important;
    color: white !important;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
    background-color: var(--senatonga-navy-dark) !important;
    border-color: var(--senatonga-navy-dark) !important;
    color: white !important;
}