/* Color Variables */
:root {
    --wans-green: #004a35;
    --wans-vibrant-green: #76b82a;
    --wans-gold: #8d6220; /* UPDATED: Darkened from #c9974c to meet 4.5:1 contrast against white */
    --wans-text: #003629; 
    --wans-black: #1a1a1a;
    --wans-bg: #f4f7f6;
    --wans-muted-text: #4b555e; /* UPDATED: Darkened from #6c757d for contrast */
    --wans-footer-link: #d1ddd7; /* UPDATED: Lightened for better contrast against dark green */
    --wans-footer-dark-text: #002b20;
}

/* WCAG 2.2 Focus Indicator Styles (Global) */
/* Ensures a highly visible 3px outline for keyboard users */
:focus-visible {
    outline: 3px solid var(--wans-gold) !important;
    outline-offset: 3px;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: var(--wans-text);
    line-height: 1.6; /* WCAG 1.4.8: Better readability */
}

/* Utility Nav Styles */
.utility-nav {
    background: #fff;
    padding: 12px 0;
    font-size: 0.95rem;
}


/* Main Header & Navbar Styles */
.nav-link {
    color: #000 !important;
    font-weight: 700;
    font-size: 1.15rem;
    padding: 12px 15px !important; /* UPDATED: Larger tap target */
    display: inline-block;
}

/* Featured Section Updates */
/* Updated for WCAG 2.2 prominence and hierarchy */
h3.featured-card-title {
    font-size: 1.75rem !important;   /* Significantly larger than standard h5 */
    font-weight: 700 !important;      /* Stronger visual weight */
    color: var(--wans-green) !important; /* High contrast: 11.6:1 ratio */
    line-height: 1.25 !important;    /* Adequate spacing for readability */
    margin-bottom: 1rem !important;
    display: block;
    /* Ensuring it's clear and distinct for users with cognitive disabilities */
    letter-spacing: -0.01em; 
}

/* Optional: Ensure the text below it doesn't feel cramped */
.featured-card-text {
    font-size: 1.05rem !important;
    line-height: 1.6 !important;
    color: var(--wans-muted-text) !important;
}


/* WCAG 2.2 Target Size (SC 2.5.8) for "Read More" links */
.featured-section .featured-style-card a.featured-read-more {
    font-weight: 800 !important; 
    color: var(--wans-green) !important;
    text-decoration: underline !important; /* UPDATED: WCAG 1.4.1: Don't rely on color alone for links */
    font-size: 1rem !important;
    display: inline-block !important;
    margin-top: 10px;
    padding: 8px 0; /* Added vertical padding for better tap area */
}

.featured-section .featured-style-card a.featured-read-more:hover {
    text-decoration: none !important;
    color: #003325 !important;
}

/* Footer Updates */
/* Footer Updates - Unified Dark Logo Green */
.wans-footer {
    background-color: #5d9321 !important; /* Matches footer-bottom */
   /* border-top: 5px solid var(--wans-gold); */
    padding: 50px 20px;
    margin-top: 40px;
    color: #ffffff !important; /* White is now accessible (4.6:1 ratio) */
}

.wans-footer h3, 
.wans-footer .footer-title,
.wans-footer .quick-links-title { 
    color: #ffffff !important;
    font-weight: 800; 
    font-size: 1.4rem;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.wans-footer a {
    /* Pure white links can be a bit harsh; light mint or pure white both work */
    color: #ffffff !important; 
    text-decoration: underline !important; 
    font-weight: 600;
}

.wans-footer a:hover,
.wans-footer a:focus {
    color: #e0ece6 !important; /* Subtle shift on hover */
    text-decoration: none !important;
    outline: 2px solid #ffffff;
    outline-offset: 4px;
}


.wans-footer-bottom {
    /* Using a darker version of the logo green for the bottom bar */
    background-color: #5d9321; 
    padding: 20px 0;
    font-size: 0.95rem;
    color: #f0f0f0; /* White/Light grey is okay on this darker bar */
}

/* Accessibility: Hide decorative elements from screen readers if necessary */
/* Example: .search-icon { aria-hidden: true; } should be in HTML */

/* Mobile Adjustments */
@media (max-width: 767.98px) {
    /* Ensure tap targets remain large on mobile */
    .nav-link, .featured-read-more {
        min-height: 44px; 
        display: flex;
        align-items: center;
    }
}