/* ==========================================================
   SAGO FOOTER
   ========================================================== */

.sago-footer{
    margin-top:3rem;
    background: linear-gradient(135deg, var(--sago-dark-bg) 40%, var(--sago-green-dark)100%);
    color:var(--sago-white);
    position:relative;
    overflow:hidden;
}
.sago-footer::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:radial-gradient(ellipse at top left,rgba(220,53,11,.05),transparent 65%);
}
.sago-footer>*{position:relative;z-index:1;}

.sago-footer-main{padding:3rem 0;}

.footer-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:2.5rem;
}

.footer-col h3,
.footer-col h4{
    display:inline-block;
    position:relative;
    margin:0 0 1.5rem;
    color:var(--sago-white);
}
.footer-col h3::after,
.footer-col h4::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-.5rem;
    width:42px;
    height:3px;
    background:var(--sago-primary);
    transition:width .25s;
}
.footer-col:hover h3::after,
.footer-col:hover h4::after{width:100%;}

.footer-col p{
    margin:0 0 1rem;
    line-height:1.5;
    color:#cbd5e1;
}

.footer-col ul{
    margin:0;
    padding:0;
    list-style:none;
}
.footer-col li{margin-bottom:.65rem;}
.footer-col li:last-child{margin-bottom:0;}

.footer-col a{
    color:#cbd5e1;
    text-decoration:none;
    transition:.25s;
}
.footer-col li a{
    display:inline-flex;
    align-items:center;
}
.footer-col li a::before{
    content:"\f105";
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    margin-right:.6rem;
    color:var(--sago-primary);
}
.footer-col li a:hover{
    color:#fff;
    transform:translateX(5px);
}

.social{
    display:flex;
    gap:.85rem;
    margin-top:1.5rem;
}
.social a{
    width:44px;height:44px;
    display:flex;align-items:center;justify-content:center;
    border-radius:50%;
    background:var(--sago-bg);
}
.social a:hover{
    background:var(--sago-primary);
    color:#fff;
    transform:translateY(-4px);
}

.footer-contact-link{
    display:inline-flex;
    align-items:center;
    gap:.7rem;
}
.footer-contact-link i,
.footer-col p>i{
    width:20px;
    color:var(--sago-primary);
    text-align:center;
}

.sago-footer-bottom{
    padding:1rem 0;
    border-top:1px solid rgba(255,255,255,.08);
    background:var(--sago-dark-footer);
}
.sago-footer-bottom .ast-container{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:1rem;
    flex-wrap:wrap;
}
.footer-copyright p{margin:0;}

.payments{
    display:flex;
    gap:1rem;
}
.payments i{
    font-size:1.6rem;
    color:#94a3b8;
    transition:.25s;
}
.payments i:hover{
    color:#fff;
    transform:translateY(-3px);
}

.footer-col a:focus-visible,
.social a:focus-visible,
.footer-contact-link:focus-visible{
    outline:2px solid var(--sago-primary);
    outline-offset:3px;
}

@media (max-width:992px){
    .footer-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:2rem;
    }
}

@media (max-width:768px){
    .sago-footer{margin-top:2rem;}
    .sago-footer-main{padding:2.25rem 0;}
    .footer-grid{grid-template-columns:1fr;}
    .social{justify-content:flex-start;}
    .sago-footer-bottom .ast-container{
        flex-direction:column;
        text-align:center;
    }
    .payments{justify-content:center;}
}

@media (max-width:480px){
    .footer-col h3{font-size:1.15rem;}
    .footer-col h4{font-size:1rem;}
    .footer-col p,
    .footer-col a{font-size:.9rem;}
    .payments i{font-size:1.45rem;}
}