/* Color Overrides for Nifty Foodz - Replace Gray Colors */

/* Override all Bootstrap muted text colors */
.text-muted {
    color: #666 !important;
}

/* Override small text colors */
.small, small {
    color: #666 !important;
}

/* Override secondary text colors */
.text-secondary {
    color: #666 !important;
}

/* Override any remaining gray colors */
.text-gray, .text-grey {
    color: #666 !important;
}

/* Override Bootstrap's default muted colors */
.form-text, .form-label {
    color: #333 !important;
}

/* Override card text colors for better readability */
.card-text {
    color: #333 !important;
}

/* Override footer text colors */
footer .text-muted {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* Override breadcrumb colors */
.breadcrumb-item + .breadcrumb-item::before {
    color: #666 !important;
}

/* Override pagination colors */
.pagination .page-link {
    color: #333 !important;
}

.pagination .page-link:hover {
    color: #ffa41f !important;
}

/* Override dropdown text colors */
.dropdown-item {
    color: #333 !important;
}

.dropdown-item:hover {
    color: #ffa41f !important;
    background-color: rgba(255, 164, 31, 0.1) !important;
}

/* Override alert text colors */
.alert .text-muted {
    color: #666 !important;
}

/* Override modal text colors */
.modal-body .text-muted {
    color: #666 !important;
}

/* Override table text colors */
.table .text-muted {
    color: #666 !important;
}

/* Override list group text colors */
.list-group-item .text-muted {
    color: #666 !important;
}

/* Override badge text colors */
.badge .text-muted {
    color: #666 !important;
}

/* Override any remaining gray color classes */
.gray, .grey {
    color: #666 !important;
}

/* Override any custom gray classes */
.text-gray-500, .text-gray-600, .text-gray-700 {
    color: #666 !important;
}

/* Ensure consistent color scheme */
:root {
    --bs-gray-500: #666;
    --bs-gray-600: #666;
    --bs-gray-700: #666;
    --bs-secondary: #666;
    --bs-muted: #666;
}

/* Override any inline styles with gray colors */
[style*="#808080"], [style*="#707070"], [style*="#6c757d"] {
    color: #666 !important;
}

/* Override any remaining muted elements */
.muted, .muted-text, .secondary-text {
    color: #666 !important;
}

/* Override any custom gray text classes */
.gray-text, .grey-text, .muted-text {
    color: #666 !important;
}

/* Ensure all small text has proper contrast */
small, .small, .text-sm {
    color: #666 !important;
}

/* Override any remaining Bootstrap utility classes */
.text-body-secondary {
    color: #666 !important;
}

/* Override any custom muted classes */
.text-muted-custom, .muted-custom {
    color: #666 !important;
}