/* ===== footer.css ===== */


/* ===== FOOTER ===== */
.site-footer{
    background: linear-gradient(135deg,#081633,#102d6b);
    color:#dfe8ff;
    margin-top:80px;
    padding:60px 20px 25px;
    font-family:'Segoe UI',sans-serif;
}

/* ===== FOOTER CONTAINER ===== */
.footer-container{
    max-width:1200px;
    margin:auto;
    display:grid;
    grid-template-columns: 1.4fr 1fr 1fr 1fr;
    gap:40px;
}

/* ===== BRAND ===== */
.footer-brand img{
    width:220px;
    margin-bottom:18px;
}

.footer-brand p{
    color:#c7d5ff;
    line-height:1.6;
    font-size:15px;
}

/* ===== HEADINGS ===== */
.footer-column h3{
    color:#fff;
    margin-bottom:18px;
    font-size:20px;
    line-height:1.2;
}

/* ===== LINKS ===== */
.footer-links{
    list-style:none;
    padding:0;
    margin:0;
}

.footer-links li{
    margin-bottom:12px;
}

.footer-links a{
    color:#dfe8ff;
    text-decoration:none;
    transition:0.25s ease;
    font-size:15px;
    line-height:1.6;
}

.footer-links a:hover{
    color:#ffb300;
    padding-left:4px;
}

/* ===== CONTACT ===== */
.footer-contact p{
    margin-bottom:12px;
    font-size:15px;
    line-height:1.6;
}

/* ===== SOCIAL ===== */
.social-links{
    display:flex;
    gap:14px;
    margin-top:16px;
}

.social-links a{
    width:42px;
    height:42px;
    border-radius:50%;
    background:rgba(255,255,255,0.08);
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    color:#fff;
    font-size:18px;
    transition:0.25s ease;
}

.social-links a:hover{
    background:#ff9800;
    transform:translateY(-2px);
}

/* ===== BOTTOM ===== */
.footer-bottom{
    margin-top:50px;
    padding-top:22px;
    border-top:1px solid rgba(255,255,255,0.12);
    text-align:center;
    color:#b8c8f5;
    font-size:14px;
}

/* ===== RESPONSIVE ===== */
@media(max-width:950px){

    .footer-container{
        grid-template-columns:1fr 1fr;
    }

}

@media(max-width:650px){

    .footer-container{
        grid-template-columns:1fr;
    }

    .footer-brand{
        text-align:center;
    }

    .social-links{
        justify-content:center;
    }

    .footer-column{
        text-align:center;
    }

}