/* ==========================================================================
   Delta Auriga
   Footer Styles (Nova)
   Version: 1.0
   Status: Development
   ========================================================================== */

/**
 * Footer
 * Footer Container
 * Footer Branding
 * Footer Grid
 * Footer Typography
 * Footer Links
 * Footer Bottom
 * Hover Effects
 * Responsive
 */


/* ==========================================================================
   Footer
   ========================================================================== */

.auriga-footer {

    position: relative;

    padding-block: clamp(5rem, 8vw, 7rem) 2rem;

    padding-bottom: 4rem;

    background:
        linear-gradient(
            180deg,
            #0b1220 0%,
            #070b14 100%
        );

    border-top: 1px solid rgba(255,210,120,.16);

    overflow: hidden;

}


/* ==========================================================================
   Footer Container
   ========================================================================== */

.auriga-footer__container {

    width: min(1280px, calc(100% - 3rem));

    margin-inline: auto;

}


/* ==========================================================================
   Footer Branding
   ========================================================================== */

.auriga-footer__branding {

    text-align: center;

    margin-bottom: 5rem;

}

.auriga-footer__title {

    font-size: clamp(2rem, 3vw, 2.75rem);

    font-weight: 500;

    letter-spacing: -.03em;

    margin-bottom: .5rem;

}

.auriga-footer__tagline {

    margin: 0;

    color: var(--wp--preset--color--text-muted);

    font-size: 1.05rem;

}


/* ==========================================================================
   Footer Grid
   ========================================================================== */

.auriga-footer__columns {

    margin-bottom: 4rem;

}

.auriga-footer__columns h5 {

    margin-bottom: 1.5rem;

    font-size: 1rem;

    text-transform: uppercase;

    letter-spacing: .08em;

}


/* ==========================================================================
   Footer Typography
   ========================================================================== */

.auriga-footer ul {

    margin: 0;

    padding: 0;

    list-style: none;

}

.auriga-footer li {

    margin-bottom: .85rem;

}

.auriga-footer p {

    color: var(--wp--preset--color--text-muted);

    line-height: 1.8;

}


/* ==========================================================================
   Footer Links
   ========================================================================== */

.auriga-footer a {

    position:relative;

    color: var(--wp--preset--color--text);

    text-decoration: none;

    transition: color .3s ease;

}

.auriga-footer a::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-4px;

    width:0;

    height:1px;

    background:var(--wp--preset--color--primary);

    transition:width .3s ease;

}

.auriga-footer a:hover {

    color: var(--wp--preset--color--primary);

}

.auriga-footer a:hover::after{

    width:100%;

}


/* ==========================================================================
   Footer Bottom
   ========================================================================== */

.auriga-footer__bottom {

    padding-top: 2rem;

    margin-top: 2rem;

    border-top: 1px solid rgba(255,255,255,.08);

}

.auriga-footer__bottom p {

    margin: 0;

    font-size: .95rem;

}


/* ==========================================================================
   Ambient Light
   ========================================================================== */

.auriga-footer::before {

    content: "";

    position: absolute;

    top: -220px;

    left: -220px;

    width: 420px;

    height: 420px;

    border-radius: 50%;

    background:

        radial-gradient(

            circle,

            rgba(255,210,120,.08),

            transparent 70%

        );

    pointer-events: none;

}


/* ==========================================================================
   Hover Effects
   ========================================================================== */

/* reserved */


/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 900px) {

    .auriga-footer__branding {

        margin-bottom: 3rem;

    }

    .auriga-footer__columns {

        gap: 2rem;

    }

    .auriga-footer__bottom {

        flex-direction: column;

        gap: 1rem;

        text-align: center;

    }

}