/* Button Text Color Fix for Better Contrast
   This ensures buttons with purple backgrounds have white text for better readability
*/

/* Primary buttons (purple background) with white text */
.btn-primary, 
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active,
button.bg-primary,
[class*="bg-primary"],
.ion-color-primary {
    color: #FFFFFF !important;
}

/* Make sure all buttons with purple background have white text */
.btn[style*="background-color: #8034EB"],
.btn[style*="background-color: #8B2DF4"],
.btn[style*="background-color: #752BDE"],
.btn[style*="background: #8034EB"],
.btn[style*="background: #8B2DF4"],
.btn[style*="background: #752BDE"],
button[style*="background-color: #8034EB"],
button[style*="background-color: #8B2DF4"],
button[style*="background-color: #752BDE"],
button[style*="background: #8034EB"],
button[style*="background: #8B2DF4"],
button[style*="background: #752BDE"] {
    color: #FFFFFF !important;
}

/* Ionic buttons with primary color */
ion-button.ion-color-primary,
.ion-color-primary {
    --ion-color-contrast: #FFFFFF !important;
    color: #FFFFFF !important;
}

/* Active list items with primary background color */
.list-group-item.active,
.nav-pills .nav-link.active,
.page-item.active .page-link {
    color: #FFFFFF !important;
}

/* Tag/badge elements with primary color */
.badge-primary,
.badge.bg-primary {
    color: #FFFFFF !important;
}

/* Special case for cards with primary background */
.card.bg-primary .card-title,
.card.bg-primary .card-text,
.card.bg-primary .card-header,
.card.bg-primary .card-footer,
.card[style*="background-color: #8034EB"] *,
.card[style*="background-color: #8B2DF4"] *,
.card[style*="background-color: #752BDE"] * {
    color: #FFFFFF !important;
}