/**
 * Color Contrast Accessibility Fixes
 * Ensures WCAG 2.1 AA compliance (4.5:1 minimum for normal text)
 * Generated: 2025-11-09
 */

/* ===== SKIP TO MAIN CONTENT LINK ===== */
/* Was: rgb(0, 85, 204) - Contrast: 1.82 */
/* Now: Dark blue with sufficient contrast */
.skip-link,
a[href="#main-content"] {
    color: #0056b3 !important;
    background: #ffffff !important;
    padding: 0.5rem 1rem;
    border: 2px solid #0056b3;
}

.skip-link:focus,
a[href="#main-content"]:focus {
    color: #ffffff !important;
    background: #0056b3 !important;
}

/* ===== FEATURED COMPANIES BUTTON ===== */
/* Was: rgb(17, 24, 39) on purple - Contrast: 1.97 */
/* Now: White text on darker purple background */
.refresh-featured-btn,
button[id*="refresh"],
button[class*="featured"] {
    color: #ffffff !important;
    background: linear-gradient(135deg, #5b21b6, #7c3aed) !important;
    font-weight: 600;
}

.refresh-featured-btn:hover,
button[id*="refresh"]:hover {
    background: linear-gradient(135deg, #4c1d95, #6d28d9) !important;
}

/* ===== PAGINATION BUTTONS ===== */
/* Was: rgb(255, 255, 255) on rgb(212, 104, 0) - Contrast: 3.63 */
/* Now: White text on darker orange */
.pagination-page.active,
button.pagination-page.active,
a.pagination-page.active {
    color: #ffffff !important;
    background: #c2410c !important; /* Darker orange for better contrast */
    font-weight: 600;
}

.pagination-page:not(.active) {
    color: #1f2937 !important;
    background: #f3f4f6 !important;
    border: 1px solid #d1d5db;
}

.pagination-page:hover {
    background: #ea580c !important;
    color: #ffffff !important;
}

/* ===== BACK TO TOP BUTTON ===== */
/* Was: rgb(17, 24, 39) on rgb(91, 33, 182) - Contrast: 1.97 */
/* Now: White text on darker purple */
.footer-scroll-top,
button[onclick*="scrollTo"],
button[class*="scroll-top"] {
    color: #ffffff !important;
    background: linear-gradient(135deg, #5b21b6, #7c3aed) !important;
    font-weight: 600;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
}

.footer-scroll-top:hover,
button[onclick*="scrollTo"]:hover {
    background: linear-gradient(135deg, #4c1d95, #6d28d9) !important;
    transform: translateY(-2px);
}

/* ===== FOOTER LINKS ===== */
/* Ensure all footer links have sufficient contrast */
footer a {
    color: #2563eb !important; /* Brighter blue for better contrast */
}

footer a:hover {
    color: #1d4ed8 !important;
    text-decoration: underline;
}

/* ===== GENERAL BUTTON IMPROVEMENTS ===== */
/* Ensure all buttons have adequate contrast */
button {
    min-height: 44px; /* WCAG touch target size */
    min-width: 44px;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .pagination-page.active {
        border: 2px solid #000000;
    }

    .footer-scroll-top,
    .refresh-featured-btn {
        border: 2px solid #ffffff;
    }
}