/*
================================================

Space Vanta Theme 1.0

Module:
Footer Base

Version:
FOOTER-VISUAL-002

Purpose:
Global Footer spatial system
Horizontal Overflow Safe

================================================
*/


/*
---------------------------------
Root
---------------------------------
*/

.sv-footer {
    position: relative;

    display: block;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    margin: 0;

    box-sizing: border-box;

    border-top:
        1px solid var(--sv-border);

    overflow-x: clip;
    overflow-y: visible;

    background:
        linear-gradient(180deg,
            rgba(255, 255, 255, .008),
            rgba(120, 150, 185, .018));

    isolation: isolate;
}


/*
---------------------------------
Ambient Metallic Line
---------------------------------
*/

.sv-footer::before {
    content: "";

    position: absolute;

    top: 0;
    left: 8%;
    right: 8%;

    width: auto;
    max-width: 84%;

    height: 1px;

    background:
        linear-gradient(90deg,
            transparent,
            rgba(180, 195, 215, .24),
            rgba(130, 170, 215, .16),
            transparent);

    opacity: .7;

    pointer-events: none;
}


/*
---------------------------------
Inner
---------------------------------
*/

.sv-footer__inner {
    position: relative;

    display: flex;
    flex-direction: column;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    margin: 0;

    box-sizing: border-box;

    padding:
        58px var(--sv-desktop-padding) 30px;

    gap: 0;

    overflow-x: clip;
    overflow-y: visible;
}


/*
---------------------------------
Block Safety
---------------------------------
*/

.sv-footer__inner > * {
    width: 100%;
    max-width: 100%;
    min-width: 0;

    margin-left: 0;
    margin-right: 0;

    box-sizing: border-box;
}


/*
---------------------------------
Shared Feature Label
---------------------------------
*/

.sv-footer__feature-label {
    display: inline-block;

    max-width: 100%;
    min-width: 0;

    font-size: 9px;
    font-weight: 600;

    letter-spacing: .18em;
    line-height: 1.3;

    color: var(--sv-muted);

    opacity: .66;

    text-transform: uppercase;

    overflow-wrap: anywhere;
}


/*
---------------------------------
Mobile
---------------------------------
*/

@media(max-width:767px) {

    .sv-footer {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        overflow-x: clip;
    }

    .sv-footer__inner {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        padding:
            42px var(--sv-mobile-padding) 24px;

        overflow-x: clip;
        overflow-y: visible;
    }

}