/* =========================================================
   Hamida Traders
   Final Shared Public Footer
   Locked Home V11.1 Visual Language
   Frontend Integration 2026-08-31
   ========================================================= */

.site-footer{
    background:#041421;
    color:#9fb1c2;
    border-top:1px solid rgba(255,255,255,.06);
}

.footer-shell{
    width:min(var(--max),calc(100% - 30px));
    margin:auto;
}

.footer-main{
    padding:48px 0 36px;
    display:grid;
    grid-template-columns:1.35fr .8fr 1.15fr 1.1fr;
    gap:34px;
    align-items:start;
}

.footer-about{
    min-width:0;
}

.footer-brand{
    display:inline-block;
    margin-bottom:10px;
    color:#fff;
    font-size:16px;
    font-weight:850;
    letter-spacing:.01em;
}

.footer-desc{
    max-width:430px;
    margin:0;
    color:#9fb1c2;
    font-size:12px;
    line-height:1.7;
}

.footer-contact{
    display:grid;
    gap:7px;
    margin-top:17px;
    font-size:11.5px;
    color:#b6c6d4;
}

.footer-contact a{
    width:max-content;
    max-width:100%;
    color:#fff;
    transition:color .2s ease, transform .2s ease;
}

.footer-contact a:hover{
    color:#dbe9f5;
    transform:translateX(2px);
}

.footer-column{
    min-width:0;
}

.footer-title{
    margin-bottom:10px;
    color:#fff;
    font-size:12px;
    font-weight:850;
}

.footer-links{
    display:grid;
    gap:7px;
}

.footer-links a{
    width:max-content;
    max-width:100%;
    color:#9fb1c2;
    font-size:12px;
    line-height:1.5;
    transition:color .2s ease, transform .2s ease;
}

.footer-links a:hover{
    color:#fff;
    transform:translateX(2px);
}

.footer-trade{
    padding:20px;
    border:1px solid rgba(255,255,255,.07);
    border-radius:16px;
    background:rgba(255,255,255,.025);
}

.footer-trade p{
    margin:0;
    color:#9fb1c2;
    font-size:12px;
    line-height:1.7;
}

.footer-inquiry-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:40px;
    margin-top:16px;
    padding:0 14px;
    border-radius:10px;
    background:#fff;
    color:#061a2d;
    font-size:11.5px;
    font-weight:800;
    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.footer-inquiry-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 24px rgba(0,0,0,.15);
}

.footer-inquiry-btn span{
    transition:transform .2s ease;
}

.footer-inquiry-btn:hover span{
    transform:translateX(3px);
}

.footer-bottom{
    min-height:58px;
    padding:17px 0;
    border-top:1px solid rgba(255,255,255,.06);
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    color:#758b9e;
    font-size:10.5px;
}

.footer-bottom p{
    margin:0;
}

.footer-legal{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:24px;
    flex-wrap:wrap;
}

.footer-legal a{
    color:#a9bac8;
    font-size:11px;
    transition:color .2s ease;
}

.footer-legal a:hover{
    color:#fff;
}

/* ===== RESPONSIVE FOOTER ===== */

@media (max-width:1050px){
    .footer-main{
        grid-template-columns:1.2fr .8fr 1fr;
    }

    .footer-trade{
        grid-column:1 / -1;
    }
}

@media (max-width:760px){
    .footer-main{
        grid-template-columns:1fr 1fr;
        gap:30px 24px;
    }

    .footer-about,
    .footer-trade{
        grid-column:1 / -1;
    }

    .footer-bottom{
        align-items:flex-start;
        flex-direction:column;
        gap:14px;
    }

    .footer-legal{
        justify-content:flex-start;
        gap:14px 20px;
    }
}

@media (max-width:480px){
    .footer-shell{
        width:calc(100% - 24px);
    }

    .footer-main{
        grid-template-columns:1fr;
        padding-top:40px;
    }

    .footer-about,
    .footer-trade{
        grid-column:auto;
    }

    .footer-trade{
        padding:18px;
    }
}