/* Modern Footer Background - Main Areas */
footer.elementor-location-footer,
#footer-main-section,
#dedicated-footer-hub,
.elementor-location-footer .elementor-section:last-of-type,
.elementor-location-footer .e-con:last-of-type,
.site-footer {
    background-color: #0f1e32 !important; /* Modern Navy */
    color: #ffffff !important; 
    border-top: 1px solid rgba(255, 140, 0, 0.3) !important;
}

/* Ensure copyright section specifically is also modern navy and has white text */
.elementor-location-footer .elementor-section:last-of-type *,
.elementor-location-footer .e-con:last-of-type *,
.site-info,
.copyright-area {
    background-color: transparent !important; /* Remove the white background */
    color: #ffffff !important;
}

/* Ensure all regular text, headings, and paragraphs in footer are white for visibility */
footer.elementor-location-footer *,
#footer-main-section *,
#dedicated-footer-hub * {
    color: #ffffff;
}

/* Footer base link and icon colors (Light Blue) */
footer a,
.elementor-location-footer a,
#footer-main-section a,
#dedicated-footer-hub a {
    color: #6EC1E4 !important; /* Light blue */
    text-decoration: none !important;
    transition: color 0.3s ease, transform 0.3s ease !important;
}

footer .elementor-social-icon,
.elementor-location-footer .elementor-social-icon {
    background-color: #6EC1E4 !important; /* Light blue */
    transition: background-color 0.3s ease, transform 0.3s ease !important;
    border-radius: 50% !important; /* Modern circular icons */
}

footer .elementor-social-icon i,
footer .elementor-social-icon svg,
.elementor-location-footer .elementor-social-icon i,
.elementor-location-footer .elementor-social-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Footer specific hover overrides (Orange) */
footer a:hover,
.elementor-location-footer a:hover,
#footer-main-section a:hover,
#dedicated-footer-hub a:hover {
    color: #FF8C00 !important; /* Orange */
}

/* Social icons in footer hover */
footer .elementor-social-icon:hover,
.elementor-location-footer .elementor-social-icon:hover {
    background-color: #FF8C00 !important; /* Orange */
    transform: translateY(-3px) !important; /* Modern lift effect */
}
