/* =========================================================
   BARBER AREIA — FOOTER FINAL
========================================================= */

.barber-footer{
    position:relative;

    width:100%;

    margin:0 !important;

    padding:0 !important;

    color:#fff;

    background:
        linear-gradient(
            135deg,
            #000817 0%,
            #011538 55%,
            #061f42 100%
        ) !important;

    border-top:
        1px solid rgba(255,255,255,.70) !important;
}


/* conteúdo principal */

.barber-footer-inner{
    width:min(1080px, calc(100% - 40px));

    margin:0 auto;

    padding:28px 0 23px;

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:28px;
}


/* marca */

.barber-footer-brand{
    display:flex;

    align-items:center;

    gap:16px;
}


.barber-footer-logo{
    display:block;

    width:78px !important;
    height:auto !important;

    margin:0 !important;

    object-fit:contain !important;

    border:0 !important;

    box-shadow:none !important;
}


.barber-footer-copy{
    display:flex;

    flex-direction:column;

    gap:3px;
}


.barber-footer-copy strong{
    font-size:14px;

    font-weight:800;

    letter-spacing:1.7px;
}


.barber-footer-copy span{
    color:rgba(255,255,255,.56);

    font-size:11px;

    letter-spacing:.4px;
}


/* =========================================================
   SOMENTE INSTAGRAM + WHATSAPP
========================================================= */

.barber-footer-social{
    display:flex;

    align-items:center;

    gap:9px;
}


.barber-social-link{
    display:flex;

    align-items:center;
    justify-content:center;

    gap:8px;

    min-height:40px;

    padding:0 14px;

    color:#fff !important;

    text-decoration:none !important;

    font-size:11px;

    font-weight:700;

    letter-spacing:.6px;

    border:
        1px solid rgba(255,255,255,.17);

    border-radius:11px;

    background:
        rgba(255,255,255,.045);

    transition:
        transform .2s ease,
        background .2s ease,
        border-color .2s ease;
}


.barber-social-link:hover{
    transform:translateY(-2px);

    background:
        rgba(255,255,255,.09);

    border-color:
        rgba(255,255,255,.40);
}


.barber-social-link svg{
    width:17px;
    height:17px;

    fill:none;

    stroke:currentColor;

    stroke-width:1.7;

    stroke-linecap:round;
    stroke-linejoin:round;

    flex:none;
}


/* =========================================================
   PARTE INFERIOR
========================================================= */

.barber-footer-bottom{
    min-height:37px;

    padding:9px 20px;

    display:flex;

    align-items:center;
    justify-content:center;

    gap:9px;

    color:rgba(255,255,255,.42);

    font-size:9px;

    letter-spacing:.7px;

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


.barber-footer-dot{
    opacity:.5;
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:700px){

    .barber-footer-inner{
        width:min(100% - 30px, 1080px);

        padding:23px 0 20px;

        flex-direction:column;

        gap:18px;

        text-align:center;
    }


    .barber-footer-brand{
        flex-direction:column;

        gap:8px;
    }


    .barber-footer-logo{
        width:72px !important;
    }


    .barber-footer-social{
        width:100%;

        justify-content:center;
    }


    .barber-social-link{
        flex:1;

        max-width:155px;
    }
}


@media(max-width:390px){

    .barber-footer-social{
        flex-direction:column;
    }

    .barber-social-link{
        width:100%;
        max-width:220px;
    }

    .barber-footer-bottom{
        flex-wrap:wrap;
    }
}