/* ==========================================================
   THE AI ACE
   FOOTER
   ========================================================== */

/* ---------- FOOTER ---------- */

.site-footer{

    margin-top:120px;

    background:var(--bg-secondary);

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

}

/* ---------- CONTAINER ---------- */

.footer-container{

    width:min(var(--container),95%);

    margin:auto;

    padding:70px 0;

}

/* ---------- GRID ---------- */

.footer-grid{

    display:grid;

    grid-template-columns:
        2fr
        1fr
        1fr
        1fr;

    gap:60px;

}

/* ---------- BRAND ---------- */

.footer-brand{

    display:flex;

    flex-direction:column;

    gap:20px;

}

.footer-logo img{

    height:48px;

}

.footer-description{

    max-width:430px;

    color:var(--text-secondary);

    line-height:1.8;

}

/* ---------- TITLES ---------- */

.footer-title{

    margin-bottom:20px;

    color:var(--text-primary);

    font-size:1rem;

    font-weight:700;

}

/* ---------- LINKS ---------- */

.footer-links{

    display:flex;

    flex-direction:column;

    gap:14px;

}

.footer-links a{

    color:var(--text-secondary);

    transition:.3s;

}

.footer-links a:hover{

    color:var(--color-primary);

    padding-left:6px;

}

/* ---------- SOCIAL ---------- */

.footer-social{

    display:flex;

    gap:14px;

    margin-top:10px;

}

.footer-social a{

    width:42px;

    height:42px;

    display:grid;

    place-items:center;

    border-radius:12px;

    background:var(--bg-card);

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

    transition:.3s;

}

.footer-social a:hover{

    border-color:var(--color-primary);

    transform:translateY(-3px);

}

/* ---------- NEWSLETTER ---------- */

.footer-newsletter{

    display:flex;

    flex-direction:column;

    gap:14px;

}

.footer-newsletter input{

    padding:15px 18px;

    border-radius:14px;

    background:var(--bg-card);

    color:var(--text-primary);

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

}

.footer-newsletter button{

    padding:15px;

    border-radius:14px;

    background:var(--gradient-gold);

    color:#000;

    font-weight:700;

    transition:.3s;

}

.footer-newsletter button:hover{

    box-shadow:var(--shadow-gold);

}

/* ---------- BOTTOM ---------- */

.footer-bottom{

    margin-top:60px;

    padding-top:28px;

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

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;

    flex-wrap:wrap;

}

.footer-copy{

    color:var(--text-muted);

    font-size:.9rem;

}

.footer-bottom-links{

    display:flex;

    gap:24px;

}

.footer-bottom-links a{

    color:var(--text-muted);

    font-size:.9rem;

}

.footer-bottom-links a:hover{

    color:var(--color-primary);

}

/* ---------- RESPONSIVE ---------- */

@media(max-width:1100px){

.footer-grid{

grid-template-columns:1fr 1fr;

}

}

@media(max-width:700px){

.footer-grid{

grid-template-columns:1fr;

}

.footer-bottom{

flex-direction:column;

align-items:flex-start;

}

}