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

footer{

background:#08080b;

border-top:1px solid var(--border);

padding:70px 5% 30px;

position:relative;

}


/* Contenu principal */

.footer-container{

max-width:1400px;

margin:auto;

display:grid;

grid-template-columns:repeat(auto-fit,minmax(250px,1fr));

gap:45px;

}


/* Colonnes */

.footer-column h3{

font-size:22px;

margin-bottom:20px;

color:white;

}


.footer-column p{

color:var(--text-light);

}


.footer-column a{

display:block;

color:var(--text-light);

margin:10px 0;

transition:.25s;

}


.footer-column a:hover{

color:var(--primary-light);

transform:translateX(5px);

}


/* Logo */

.footer-logo{

display:flex;

align-items:center;

gap:15px;

font-size:30px;

font-weight:900;

margin-bottom:20px;

}


.footer-logo img{

width:60px;

height:60px;

}


/* Réseaux */

.social-links{

display:flex;

gap:15px;

margin-top:20px;

}


.social-links a{

width:45px;

height:45px;

display:flex;

align-items:center;

justify-content:center;

background:var(--surface);

border-radius:50%;

font-size:20px;

transition:.25s;

}


.social-links a:hover{

background:var(--primary);

color:white;

transform:translateY(-5px);

}


/* Statut serveur */

.server-status{

display:flex;

align-items:center;

gap:12px;

background:rgba(0,255,120,.08);

border:1px solid rgba(0,255,120,.2);

padding:12px 18px;

border-radius:15px;

margin-top:20px;

}


.status-dot{

width:12px;

height:12px;

background:#00ff7b;

border-radius:50%;

box-shadow:0 0 15px #00ff7b;

}


/* Bas du footer */

.footer-bottom{

border-top:1px solid var(--border);

margin-top:50px;

padding-top:25px;

display:flex;

justify-content:space-between;

align-items:center;

flex-wrap:wrap;

color:var(--text-dark);

font-size:14px;

}


/* Responsive */

@media(max-width:700px){


.footer-bottom{

flex-direction:column;

gap:15px;

text-align:center;

}


}