/* ============================================
   Sewgo Marketing Site — footer.css
   ============================================ */

.site-footer { background: var(--navy); color: #cfd9e3; padding-top: 56px; padding-bottom: 56px; margin-top: 0px; }

.footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 40px; }
.footer-grid h4 { color: #fff; font-size: .95rem; margin-bottom: 14px; }
.footer-grid ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }
.footer-grid a { color: #b7c4d1; font-size: .88rem; }
.footer-grid a:hover { color: #fff; }

.footer-brand img.logo { height: 34px; filter: brightness(0) invert(1); margin-bottom: 14px; }
.footer-brand p { color: #9fb0c1; font-size: .88rem; max-width: 300px; }

.footer-social { display: flex; gap: 10px; margin-top: 16px; }
.footer-social a { width: 34px; height: 34px; border-radius: 50%; background: rgba(255,255,255,.08);
    display: flex; align-items: center; justify-content: center; }
.footer-social a:hover { background: var(--teal); }

.footer-bottom { border-top: 1px solid rgba(255,255,255,.12); margin-top: 40px; padding-top: 20px;
    display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; font-size: .82rem; color: #8fa0b3; }

@media (max-width: 800px) {
    .footer-grid { grid-template-columns: 1fr 1fr; }
}

/* ===== Simple footer variant (Partner Login and similar pages) ===== */
.footer-grid-simple { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 40px; }
.footer-grid-simple h4 { color: #fff; font-size: .95rem; margin-bottom: 14px; text-transform: uppercase; letter-spacing: .5px; }
.footer-grid-simple ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }
.footer-grid-simple ul li { color: #b7c4d1; font-size: .88rem; }
.footer-grid-simple a { color: #b7c4d1; font-size: .88rem; }
.footer-grid-simple a:hover { color: #fff; }
.footer-grid-simple a i { width: 16px; }

@media (max-width: 800px) {
    .footer-grid-simple { grid-template-columns: 1fr; padding: 0; }
}
.footer-bottom-simple a {
    color: var(--navy);
}

.footer-bottom-simple a:hover {
    color: var(--teal);
}

.site-footer{
    padding-left: 44px;
    padding-right: 44px;
}
.footer-bottom-simple{
    background: #fff;
    background: #edfffa;
    margin-top: 0px;
    padding: 12px 0px;
    
}

.footer-bottom-wrap{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
}

.footer-left{
    justify-self: start;
}

.footer-center{
    justify-self: center;
    text-align: center;
}

.footer-right{
    justify-self: end;
}

.footer-bottom-simple .logo{
    height: 50px;
}

.footer-bottom-simple span{
    color: #555;
    font-size: .9rem;
}

.footer-bottom-simple .footer-social{
    display: flex;
    gap: 18px;
}

.footer-bottom-simple .footer-social a{
    color: var(--navy);
    font-size: 22px;
}

@media (max-width:768px){
    .footer-bottom-wrap{
        grid-template-columns: 1fr;
        gap: 20px;
        text-align: center;
    }

    .footer-left,
    .footer-center,
    .footer-right{
        justify-self: center;
    }
}