/* Accessibility improvements: Better color contrast for WCAG compliance */

/* Category title - improve contrast from #fd5631 to darker shade */
.categorytitle {
    color: #c42d0f !important; /* Darker red for better contrast, was #fd5631 */
}

/* Blog card date and author text - improve contrast */
.blog .card-body li {
    color: #5a5a5a !important; /* Darker gray, was #888 */
}

.blog .card-body .text-muted {
    color: #5a5a5a !important; /* Darker gray for author */
}

/* Badge contrast improvements */
.badge.bg-primary {
    background-color: #0056b3 !important; /* Darker blue for better contrast */
}

/* Individual label in job listing */
li.right {
    color: #5a5a5a !important; /* Darker gray, was too light */
}

/* Price span in job listings - improve contrast */
.task-listing-bid span[style*="color: #888"] {
    color: #5a5a5a !important; /* Override inline style with better contrast */
}

.task-listing-bid span[style*="color:#888"] {
    color: #5a5a5a !important; /* Override inline style with better contrast */
}

/* Freelancer details list - improve contrast */
.freelancer-details-list {
    color: #5a5a5a !important;
}

.freelancer-details-list ul li {
    color: #5a5a5a !important;
}

/* Modern button text contrast improvements */
.modern-btn.primary-btn {
    background: #fff;
    color: #2a0d7a !important; /* Darker purple for better contrast, was #361999 */
    border: 2px solid #2a0d7a;
}

.modern-btn.primary-btn:hover {
    background: #ffc400; /* Slightly darker yellow */
    color: #2a0d7a !important;
    border-color: #ffc400;
}

.modern-btn.secondary-btn {
    background: transparent;
    color: #1a1a1a !important; /* Darker than pure black for better readability */
    border: 2px solid rgba(0, 0, 0, 0.7); /* Darker border */
}

.modern-btn.secondary-btn:hover {
    background: rgba(0, 0, 0, 0.15);
    border-color: rgba(0, 0, 0, 0.9);
    color: #1a1a1a !important;
}

/* Dark theme adjustments */
html[data-theme="dark"] .categorytitle {
    color: #ff8566 !important; /* Lighter red for dark theme */
}

html[data-theme="dark"] .blog .card-body li,
html[data-theme="dark"] .blog .card-body .text-muted {
    color: #b0b0b0 !important; /* Lighter for dark theme */
}

html[data-theme="dark"] .badge.bg-primary {
    background-color: #4a90e2 !important; /* Lighter blue for dark theme */
}

html[data-theme="dark"] .modern-btn.primary-btn {
    color: #e6d9ff !important; /* Lighter purple for dark background */
}

html[data-theme="dark"] .modern-btn.secondary-btn {
    color: #e8e8e8 !important;
    border-color: rgba(255, 255, 255, 0.7);
}