/* ============================================
   FOOTER LINKS WITH NAVBAR ACTIVE STATE
   Ensure footer links work with navbar active state
   ============================================ */

/* Footer links styling - ensure they match nav links */
.footer-link {
    color: #ffffff !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

.footer-link:hover {
    color: #3498db !important;
    text-decoration: underline !important;
}

/* Ensure nav links have proper active state */
.nav-menu .nav-link.active {
    background-color: rgba(52, 152, 219, 0.1) !important;
    color: #3498db !important;
}

/* Mobile nav links active state */
.mobile-nav-link.active {
    background-color: rgba(52, 152, 219, 0.2) !important;
    color: #3498db !important;
}

/* Page active state */
.page.active {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 1 !important;
}

.page:not(.active) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    z-index: -1 !important;
}