/* ==========================================================
   VBC Framework
   Footer
   Version: 2.0.0
========================================================== */

.vbc-footer{
    background:var(--vbc-color-primary-dark);
    color:#D9CFC8;
}

.vbc-footer__top{
    padding:56px 0 40px;
}

.vbc-footer__grid{
    display:grid;
    grid-template-columns:1.6fr 1fr 1fr 1fr 1.3fr;
    gap:32px;
}

.vbc-footer__column h3{
    margin:0 0 18px;
    color:var(--vbc-color-white);
    font-size:14px;
    font-weight:700;
    letter-spacing:.05em;
    text-transform:uppercase;
}

.vbc-footer__column ul{
    list-style:none;
    margin:0;
    padding:0;
}

.vbc-footer__column li{
    margin-bottom:12px;
}

.vbc-footer__column a{
    color:#D9CFC8;
    text-decoration:none;
    font-size:14px;
    transition:var(--vbc-transition-fast);
}

.vbc-footer__column a:hover{
    color:var(--vbc-color-accent-light);
}

/* Brand column */

.vbc-footer__logo{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:16px;
    color:var(--vbc-color-white);
    font-family:var(--vbc-font-heading);
    font-size:16px;
    font-weight:700;
    text-transform:uppercase;
}

.vbc-footer__logo .vbc-logo__mark{
    border-color:var(--vbc-color-accent-light);
    color:var(--vbc-color-accent-light);
}

.vbc-footer__description{
    margin:0 0 16px;
    font-size:13px;
    line-height:1.8;
    max-width:280px;
}

.vbc-footer__rating{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:16px;
    font-size:13px;
}

.vbc-footer__stars{
    display:flex;
    gap:2px;
    color:var(--vbc-color-accent-light);
    font-size:13px;
}

.vbc-footer__social{
    display:flex;
    gap:10px;
}

.vbc-footer__social a{
    display:flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    border:1px solid rgba(255,255,255,.25);
    border-radius:50%;
    color:var(--vbc-color-white);
    font-size:11px;
    font-weight:700;
    text-decoration:none;
}

.vbc-footer__social a:hover{
    background:var(--vbc-color-accent);
    border-color:var(--vbc-color-accent);
}

/* Newsletter column */

.vbc-footer__column--newsletter p{
    font-size:13px;
    line-height:1.7;
    margin:0 0 16px;
}

.vbc-footer__newsletter{
    display:flex;
    height:46px;
}

.vbc-footer__newsletter input{
    flex:1;
    border:1px solid rgba(255,255,255,.25);
    border-right:none;
    border-radius:var(--vbc-radius-sm) 0 0 var(--vbc-radius-sm);
    background:rgba(255,255,255,.06);
    color:var(--vbc-color-white);
    padding:0 14px;
    font-size:13px;
}

.vbc-footer__newsletter input::placeholder{
    color:#B8A9A4;
}

.vbc-footer__newsletter button{
    width:46px;
    border:none;
    border-radius:0 var(--vbc-radius-sm) var(--vbc-radius-sm) 0;
    background:var(--vbc-color-accent);
    color:var(--vbc-color-primary-dark);
    font-size:16px;
    cursor:pointer;
}

/* Bottom bar */

.vbc-footer__bottom{
    background:var(--vbc-color-accent);
    color:var(--vbc-color-heading);
    padding:20px 0;
}

.vbc-footer__bottom-inner{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    font-size:13px;
}

.vbc-footer__trust{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
}

.vbc-footer__trust span,
.vbc-footer__payments span{
    display:inline-flex;
    align-items:center;
    gap:6px;
}

.vbc-footer__payments{
    display:flex;
    gap:14px;
    font-weight:600;
    color:var(--vbc-color-heading);
}

/* ==========================================================
   Responsive
========================================================== */

@media (max-width:1100px){

    .vbc-footer__grid{
        grid-template-columns:1fr 1fr;
    }

}

@media (max-width:640px){

    .vbc-footer__grid{
        grid-template-columns:1fr;
    }

    .vbc-footer__bottom-inner{
        flex-direction:column;
        align-items:flex-start;
    }

}