/* =========================================
   FOOTER COMPONENT STYLES
   Extracted from footer.php inline styles
   ========================================= */

/* --- Footer Navigation Links --- */
.footer-links a {
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
    font-size: 0.875rem;
    transition: color 0.3s ease;
    display: block;
    padding: 0.25rem 0;
}

.footer-links a:hover {
    color: var(--color-primary, #00e5ff);
}

/* --- Social Media Icons --- */
.footer-social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: transparent;
    /* Removed bg */
    border: none;
    /* Removed border */
    border-radius: 0;
    /* Removed radius */
    color: rgba(255, 255, 255, 0.6);
    font-size: 1.25rem;
    /* Ensure size */
    transition: all 0.3s ease;
}

.footer-social-link:hover {
    background: transparent;
    /* No bg on hover */
    border-color: transparent;
    color: var(--color-primary, #00e5ff);
    /* Color change only */
    transform: scale(1.1);
}

/* --- Footer Bottom Section --- */
.footer-bottom {
    padding-top: var(--space-4, 16px);
    border-top: 1px solid var(--color-gray-3, #333);
}

/* --- Site Footer Base --- */
.site-footer {
    background: var(--color-secondary, #000);
    padding: var(--space-16, 64px) 0 var(--space-8, 32px);
}

@media (max-width: 991.98px) {
    .site-footer {
        padding: var(--space-12, 48px) 0 var(--space-6, 24px);
    }
}