/* Footer Component */

.footer-component {
    position: relative;
    overflow: hidden;
    background: #0B0F19;
    border-top: 1px solid rgba(147, 51, 234, 0.2);
}

/* Universe canvas fills the entire footer behind content */
.footer-canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
}

/* All footer content sits above the canvas */
.footer-component > *:not(.footer-canvas) {
    position: relative;
    z-index: 1;
}

/* Text colours */
.footer-body-text {
    color: rgba(209, 213, 219, 0.7);
}

.footer-link {
    color: rgba(209, 213, 219, 0.7);
    transition: color 0.2s ease;
    display: inline-block;
}

.footer-link:hover {
    color: #ffffff;
}

.footer-divider {
    border-top: 1px solid rgba(147, 51, 234, 0.25);
}

@media (max-width: 768px) {
    .footer-component {
        padding-top: 3rem;
        padding-bottom: 2rem;
    }
}