/* High Contrast Footer Styles */

/* Base Footer Styles with High Contrast */
footer {
    background-color: #1a1a1a !important; /* Darker background for better contrast */
    color: #ffffff !important; /* White text for maximum contrast */
}

footer h5 {
    color: #ffffff !important; /* White headings for better visibility */
    font-weight: bold !important;
    margin-bottom: 1.2rem !important;
}

footer p, footer small {
    color: #f0f0f0 !important; /* Slightly off-white for paragraphs */
    line-height: 1.6 !important;
    margin-bottom: 1rem !important;
}

footer small {
    color: #e0e0e0 !important; /* Slightly dimmer for small text but still high contrast */
    display: block !important;
}

/* Footer Links with High Contrast */
footer a, footer a.text-light {
    color: #93c5fd !important; /* Light blue for links - high contrast against dark background */
    text-decoration: underline !important;
    font-weight: 500 !important;
    transition: color 0.2s ease !important;
}

footer a:hover, footer a.text-light:hover {
    color: #dbeafe !important; /* Even lighter blue on hover */
    text-decoration: underline !important;
}

/* Focus styles for keyboard navigation */
footer a:focus, footer a.text-light:focus {
    outline: 2px solid #ffffff !important;
    outline-offset: 2px !important;
    color: #dbeafe !important;
}

/* Footer list styles */
footer ul.list-unstyled {
    padding-left: 0 !important;
    margin-bottom: 1.5rem !important;
}

footer ul.list-unstyled li {
    margin-bottom: 0.75rem !important; /* Increased spacing between list items */
}

/* Horizontal rule in footer */
footer hr {
    border-top: 1px solid #444444 !important;
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
    opacity: 0.7 !important;
}

/* Media query for high contrast mode */
@media (forced-colors: active) {
    footer {
        border-top: 2px solid CanvasText !important;
    }
    
    footer a, footer a.text-light {
        color: LinkText !important;
    }
    
    footer a:hover, footer a.text-light:hover {
        color: HighlightText !important;
    }
    
    footer h5, footer p, footer small {
        color: CanvasText !important;
    }
}

/* Ensure text visibility */
footer * {
    text-shadow: none !important;
}

/* Larger font size for better readability */
footer p, footer a, footer li {
    font-size: 1rem !important;
}

footer small {
    font-size: 0.875rem !important;
}