/* =========================
   FOOTER LMS PREMIUM
========================= */

.site-footer{

    margin-top:30px;
    margin-bottom:20px;

    width:100%;

    background:
        linear-gradient(
            135deg,
            #0f172a 0%,
            #162d63 50%,
            #2563eb 100%
        );

    color:#fff;

    padding:30px 25px 20px;

    border-radius:38px;

    box-shadow:
        0 20px 60px rgba(15,23,42,0.22);

    position:relative;
    overflow:hidden;
}


/* GRID 3 CỘT */
.footer-inner{

    display:grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap:24px;

    position:relative;
    z-index:2;
}


/* CARD */
.footer-col{

    padding:16px;

    border-radius:22px;

    background:
        rgba(255,255,255,0.06);

    border:
        1px solid rgba(219,234,254,0.12);

    backdrop-filter:
        blur(14px);

    transition:.25s;
}


.footer-col:hover{

    transform:
        translateY(-3px);
}


/* TITLE */
.footer-title{

    font-size:17px;

    font-weight:800;

    color:#dbeafe;

    margin-bottom:12px;
}


/* TEXT */
.footer-text{

    font-size:13px;

    line-height:1.6;

    color:#cbd5e1;
}


/* LINK */
.footer-link{

    display:block;

    margin-bottom:8px;

    color:#cbd5e1;

    text-decoration:none;

    font-size:13px;

    font-weight:600;

    transition:.2s;
}


.footer-link:hover{

    color:#fff;

    transform:
        translateX(3px);
}


/* SOCIAL */
.footer-social{

    margin-top:12px;
}


.footer-social a{

    display:inline-block;

    margin-right:12px;

    color:#cbd5e1;

    text-decoration:none;

    font-size:13px;

    transition:.2s;
}


.footer-social a:hover{

    color:#fff;

    transform:
        translateY(-2px);
}


/* BOTTOM */
.footer-bottom{

    margin-top:24px;

    padding-top:14px;

    border-top:
        1px solid rgba(255,255,255,0.15);

    text-align:center;

    font-size:12px;

    color:#94a3b8;
}

/* =========================
FOOTER MOBILE COMPACT PREMIUM
========================= */

@media (max-width:768px){


.site-footer{

    margin-top:16px;

    margin-bottom:12px;

    padding:14px 10px 12px;

    border-radius:18px;

}



.footer-inner{

    grid-template-columns:1fr;

    gap:8px;

}



.footer-col{

    padding:10px 8px;

    border-radius:14px;

    text-align:center;

}



.footer-title{

    font-size:13px;

    margin-bottom:6px;

}



.footer-text{

    font-size:11px;

    line-height:1.4;

}



.footer-link{

    display:inline-block;

    padding:1px 3px;

    margin:0;

    font-size:10px;

    line-height:1.25;

    white-space:nowrap;

}


.footer-social{

    margin-top:8px;

    display:flex;

    justify-content:center;

    gap:12px;

}



.footer-social a{

    margin:0;

    font-size:12px;

}



.footer-bottom{

    margin-top:10px;

    padding-top:8px;

    font-size:10px;

    line-height:1.4;

}


}



/* =========================
IPHONE NHỎ
========================= */

@media(max-width:430px){


.site-footer{

    padding:12px 8px 10px;

    border-radius:16px;

    margin-left:8px;

    margin-right:8px;

    width:auto;

}



.footer-inner{

    gap:7px;

}



.footer-col{

    padding:8px 6px;

    border-radius:12px;

}



.footer-title{

    font-size:12px;

    margin-bottom:5px;

}



.footer-text{

    font-size:10px;

    line-height:1.35;

}



.footer-link{

    font-size:9px;

    padding:1px 2px;

    line-height:1.2;

    white-space:nowrap;

}


.footer-social{

    margin-top:6px;

    gap:10px;

}



.footer-social a{

    font-size:11px;

}



.footer-bottom{

    margin-top:8px;

    padding-top:7px;

    font-size:9px;

}

}