/* Jobs Page Color Consistency Fixes */

/* Ensure consistent primary blue colors throughout the jobs page */
:root {
    --primary: #3B82F6;
    --primary-hover: #2563EB;
    --primary-50: #eff6ff;
    --primary-100: #dbeafe;
    --primary-200: #bfdbfe;
    --primary-300: #93c5fd;
    --primary-400: #60a5fa;
    --primary-500: #3b82f6;
    --primary-600: #2563eb;
    --primary-700: #1d4ed8;
    --primary-800: #1e40af;
    --primary-900: #1e3a8a;
}

/* Fix for inconsistent blue color in regular and hover states */
.text-primary, .text-primary-500, .text-blue-600, .text-blue-500 {
    color: var(--primary) !important;
}

.hover\:text-primary:hover, .hover\:text-primary-500:hover, 
.hover\:text-blue-600:hover, .hover\:text-blue-500:hover {
    color: var(--primary-hover) !important;
}

.bg-primary, .bg-primary-500, .bg-blue-600, .bg-blue-500 {
    background-color: var(--primary) !important;
}

.hover\:bg-primary:hover, .hover\:bg-primary-500:hover,
.hover\:bg-blue-600:hover, .hover\:bg-blue-500:hover {
    background-color: var(--primary-hover) !important;
}

.border-primary, .border-primary-500, .border-blue-600, .border-blue-500 {
    border-color: var(--primary) !important;
}

.hover\:border-primary:hover, .hover\:border-primary-500:hover,
.hover\:border-blue-600:hover, .hover\:border-blue-500:hover {
    border-color: var(--primary-hover) !important;
}

/* Fix for filter buttons */
.filter-btn.active {
    background: var(--primary) !important;
    border-color: var(--primary-800) !important;
    color: white !important;
    box-shadow: 0 4px 12px rgba(30, 64, 175, 0.35), 0 2px 6px rgba(30, 64, 175, 0.2) !important;
}

.filter-btn:not(.active):hover {
    background: var(--primary-600) !important;
    border-color: var(--primary) !important;
    color: white !important;
}

/* Fix for input focus states */
input:focus, select:focus, textarea:focus {
    border-color: var(--primary) !important;
    --tw-ring-color: var(--primary) !important;
    outline-color: var(--primary) !important;
}

/* Fix for apply now button gradient */
.apply-job-btn, a.apply-job-btn, .job-card .apply-job-btn {
    background: linear-gradient(135deg, var(--primary-800) 0%, var(--primary-600) 25%, var(--primary) 75%, var(--primary-400) 100%) !important;
}

.apply-job-btn:hover, a.apply-job-btn:hover, .job-card .apply-job-btn:hover {
    background: linear-gradient(135deg, var(--primary-900) 0%, var(--primary-800) 25%, var(--primary-600) 75%, var(--primary) 100%) !important;
}

/* Fix for job education color */
.job-education {
    color: var(--primary) !important;
}

/* Fix for icon colors in cards */
.job-card svg.text-primary, .job-card svg.text-blue-600 {
    color: var(--primary) !important;
    stroke: var(--primary) !important;
}

.bg-primary svg, [class*="bg-primary"] svg, 
.bg-blue-600 svg, [class*="bg-blue-600"] svg {
    color: white !important;
    fill: none !important;
    stroke: white !important;
}

/* Fix statistics cards color consistency */
.bg-blue-50 {
    background-color: var(--primary-50) !important;
}

.text-primary-600, .text-blue-600 {
    color: var(--primary-600) !important;
}

/* Ensure focus rings are consistent */
.focus\:ring-primary:focus, .focus\:ring-primary-500:focus,
.focus\:ring-blue-600:focus, .focus\:ring-blue-500:focus {
    --tw-ring-color: var(--primary) !important;
}

/* Fix for quick filter buttons active state */
[data-category=""].active, .filter-btn.active {
    background-color: var(--primary) !important;
    color: white !important;
}

/* Fix for pagination buttons */
.pagination-btn.active {
    background-color: var(--primary) !important;
    color: white !important;
    border-color: var(--primary) !important;
}

.pagination-btn:hover:not(.active):not(.disabled) {
    background-color: var(--primary-50) !important;
    color: var(--primary) !important;
    border-color: var(--primary) !important;
}