/* ===========================================
   Jijas Exports — Corporate Footer
   Palette: Navy / Gray / Orange / White
   =========================================== */

:root{
    /* Palette */
    --jx-primary:#000080;
    --jx-secondary:#808080;
    --jx-accent:#FF5733;
    --jx-white:#FFFFFF;

    /* Derived */
    --jx-outer-bg:var(--jx-white);
    --jx-card-bg:var(--jx-white);
    --jx-ink:#0b1120;
    --jx-muted:var(--jx-secondary);
    --jx-border:rgba(0,0,128,.15);
    --jx-chip-bg:rgba(0,0,128,.06);
    --jx-bottom-bg:var(--jx-primary);
}

/* Base wrapper */
.jx-corp-footer{
    background:var(--jx-outer-bg);
    color:var(--jx-ink);
    margin-top:3rem;
    font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

/* Top card */
.jx-corp-footer__top{padding:3rem 0 1.25rem;}
.jx-corp-footer__top .container{
    background:var(--jx-card-bg);
    border:1px solid var(--jx-border);
    border-radius:16px;
    padding:2rem;
    box-shadow:0 10px 24px rgba(14,21,51,.05);
    position:relative;
}
.jx-corp-footer__top .container::after{
    content:"";display:block;height:1px;background:var(--jx-border);margin-top:1.25rem;
}

/* Grid */
.jx-corp-footer__grid{
    display:grid;gap:1.75rem;
    grid-template-columns:1.1fr 1fr 1fr 1.2fr;
}
@media (max-width:991.98px){.jx-corp-footer__grid{grid-template-columns:1fr 1fr;}}
@media (max-width:575.98px){.jx-corp-footer__grid{grid-template-columns:1fr;}}

/* Brand */
.jx-corp-footer__brand{display:flex;flex-direction:column;gap:.5rem;}
.jx-corp-footer__logo{width:96px;height:96px;object-fit:contain;}
.jx-corp-footer__brand-name{
    margin:.25rem 0 0;font-size:1.125rem;font-weight:800;letter-spacing:.08em;color:var(--jx-primary);
}
.jx-corp-footer__tagline{margin:0;font-weight:500;color:var(--jx-muted);font-size:.95rem;}

/* Column titles & lists */
.jx-corp-footer__title{
    font-size:1rem;font-weight:800;margin:.25rem 0 .75rem;color:var(--jx-primary);
}
.jx-corp-footer__list{
    list-style:none;margin:0;padding:0;display:grid;gap:.45rem;
}
.jx-corp-footer__list a{
    text-decoration:none;color:var(--jx-ink);font-weight:600;
    transition:color .15s ease,transform .15s ease;
}
.jx-corp-footer__list a:hover{color:var(--jx-accent);transform:translateX(2px);}

/* Contact */
.jx-corp-footer__address{margin:0 0 .75rem 0;font-style:normal;color:var(--jx-ink);}
.jx-corp-footer__contact-row{margin:.35rem 0;}
.jx-corp-footer__contact-link{
    display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--jx-ink);font-weight:700;
    transition:color .15s ease;
}
.jx-corp-footer__contact-link i{color:var(--jx-primary);}
.jx-corp-footer__contact-link:hover{color:var(--jx-accent);}

/* Socials — match Home contact visuals */
.jx-corp-footer__social{
    display:flex;gap:10px;justify-content:flex-start;margin-top:.75rem;flex-wrap:wrap;
}
.jx-corp-footer__social-btn{
    width:40px;height:40px;border-radius:50%;display:grid;place-items:center;
    background:var(--jx-chip-bg);color:var(--jx-primary);border:1px solid var(--jx-border);
    text-decoration:none;
    transition:transform .2s ease,box-shadow .2s ease,background .15s ease,color .15s ease,border-color .15s ease;
    -webkit-tap-highlight-color:transparent;
}
.jx-corp-footer__social-btn:hover{
    transform:translateY(-2px);box-shadow:0 10px 20px rgba(14,21,51,.10);
    background:var(--jx-accent);color:var(--jx-white);border-color:var(--jx-accent);
}
.jx-corp-footer__social-btn:focus{
    outline:none;box-shadow:0 0 0 3px rgba(0,0,128,.06),0 10px 20px rgba(14,21,51,.06);
    background:var(--jx-accent);color:var(--jx-white);border-color:var(--jx-accent);
}

/* Bottom strip */
.jx-corp-footer__bottom{background:var(--jx-bottom-bg);padding:1rem 0 1.25rem;text-align:center;}
.jx-corp-footer__bottom-text{margin:0;color:var(--jx-white);font-weight:700;letter-spacing:.2px;}

/* Focus styles */
.jx-corp-footer a:focus{
    outline:2px solid rgba(255,87,51,.12);outline-offset:2px;border-radius:6px;
}

/* Small tweaks */
@media (max-width:575.98px){
    .jx-corp-footer{margin-top:2rem;}
    .jx-corp-footer__top{padding:2rem 0 1rem;}
    .jx-corp-footer__top .container{padding:1.25rem;border-radius:12px;}
    .jx-corp-footer__logo{width:84px;height:84px;}
}