/* ==========================
   MODERN PROFESSIONAL FOOTER
========================== */

.footer-modern {
    background:#0f172a; /* deep navy */
    color:#cbd5e1;
    padding:70px 0 30px;
    font-size:15px;
}

.footer-container {
    max-width:1200px;
    margin:auto;
    padding:0 20px;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:40px;
}

.footer-col h5 {
    color:#ffffff;
    font-weight:600;
    margin-bottom:20px;
    position:relative;
}

.footer-col h5::after {
    content:"";
    width:40px;
    height:3px;
    background:#e10600;
    display:block;
    margin-top:8px;
}

.footer-col ul {
    list-style:none;
    padding:0;
    margin:0;
}

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

.footer-col ul li a {
    text-decoration:none;
    color:#cbd5e1;
    transition:all 0.3s ease;
}

.footer-col ul li a:hover {
    color:#ffffff;
    padding-left:6px;
}

.footer-logo {
    height:45px;
    margin-bottom:20px;
    max-width: 100%;
    filter: brightness(0) invert(1);
}

.brand p {
    line-height:1.6;
    max-width:300px;
}

.social-links a {
    display:inline-block;
    margin-right:15px;
    text-decoration:none;
    color:#cbd5e1;
    transition:0.3s ease;
}

.social-links a:hover {
    color:#ffffff;
}

.footer-bottom {
    border-top:1px solid rgba(255,255,255,0.08);
    margin-top:50px;
    padding-top:20px;
    text-align:center;
    font-size:14px;
    color:#94a3b8;
}

/* FORCE FULL WIDTH CANVAS */
.footer-modern {
    width:100vw;
    margin-left:calc(-50vw + 50%);
}

.footer-modern {
    margin-top:100px;
}

/*html, body {*/
/*    height:100%;*/
/*}*/

/*body {*/
/*    display:flex;*/
/*    flex-direction:column;*/
/*    min-height:100vh;*/
/*}*/

/*main {*/
/*    flex:1;*/
/*}*/