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

.footer{
    background:var(--color-text);
    color:var(--color-white);
    padding:var(--space-80) 0 var(--space-40);
}

/* GRID */
.footer__grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:var(--space-40);
}

/* LOGO */
.footer__logo{
    height:60px;
    margin-bottom:var(--space-16);
}

/* TEXT */
.footer__text{
    color:var(--color-border);
    margin-bottom:var(--space-20);
}

/* SOCIAL */
.footer__social{
    display:flex;
    gap:var(--space-12);
}

.footer__social a{
    color:var(--color-white);
    font-size:18px;
    transition:var(--transition-fast);
}

.footer__social a:hover{
    color:var(--color-primary);
}

/* HEADINGS */
.footer h4{
    margin-bottom:var(--space-16);
    font-size:var(--fs-18);
}

/* LISTS */
.footer ul{
    display:flex;
    flex-direction:column;
    gap:var(--space-12);
}

.footer ul li,
.footer ul a{
    color:var(--color-border);
    transition:var(--transition-fast);
}

.footer ul a:hover{
    color:var(--color-primary);
}

/* FORM */
.footer__form{
    display:flex;
    margin-top:var(--space-16);
}

.footer__form input{
    flex:1;
    padding:10px;
    border:none;
    outline:none;
}

.footer__form button{
    background:var(--color-primary);
    color:var(--color-white);
    padding:10px 14px;
    border:none;
    cursor:pointer;
}

/* BOTTOM */
.footer__bottom{
    margin-top:var(--space-40);
    text-align:center;
    border-top:1px solid rgba(255,255,255,0.1);
    padding-top:var(--space-20);
    font-size:var(--fs-14);
    color:var(--color-border);
}

/* RESPONSIVE */
@media(max-width:992px){
    .footer__grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:576px){
    .footer__grid{
        grid-template-columns:1fr;
    }
}