/**
 * Ward Footer Styles
 * 
 * Ward accent color integration for Elementor footer sections
 * Uses CSS variable architecture for consistent branding
 * Add "ward-footer" class to your Elementor footer section
 * 
 * @package SaintsCore
 * @version 1.5.3
 */

/* Set footer accent color to ward accent color */
.ward-footer {
    --footer-accent-color: var(--ward-accent-color, #0C6CB6);
}

/* Footer background color using ward accent - with !important to override theme/Elementor */
.ward-footer,
.ward-footer.elementor-section,
section.ward-footer {
    background-color: var(--footer-accent-color) !important;
}

/* Footer text should contrast with accent background */
.ward-footer,
.ward-footer *,
.ward-footer .widget-area,
.ward-footer .site-info,
.ward-footer .elementor-widget,
.ward-footer .elementor-heading-title {
    color: #ffffff !important;
}

/* Footer links */
.ward-footer a,
.ward-footer .elementor-widget a {
    color: #ffffff !important;
    opacity: 0.9;
    transition: opacity 0.3s ease;
}

.ward-footer a:hover,
.ward-footer a:focus,
.ward-footer .elementor-widget a:hover,
.ward-footer .elementor-widget a:focus {
    opacity: 1;
    color: #ffffff !important;
    text-decoration: underline;
}

/* Footer widget titles and headings */
.ward-footer .widget-title,
.ward-footer h1,
.ward-footer h2,
.ward-footer h3,
.ward-footer h4,
.ward-footer h5,
.ward-footer h6,
.ward-footer .elementor-heading-title {
    color: #ffffff !important;
}

/* Footer navigation menu links */
.ward-footer .footer-navigation a,
.ward-footer .elementor-nav-menu a {
    color: #ffffff !important;
}

/* Copyright and site info area */
.ward-footer .site-info {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

/* Light tinted background for footer widgets */
.ward-footer .widget-area .footer-widget-wrap {
    background-color: color-mix(in srgb, var(--footer-accent-color) 90%, black) !important;
    padding: 2rem;
    border-radius: 8px;
}