/* ============================================================
   BELLSABI BUILDER – MOBILE FOOTER
   DESKTOP HIDDEN
   ============================================================ */

@media (min-width:769px){

    #bb-mobile-footer{
        display:none !important;
    }

}


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

@media (max-width:768px){

    #bb-mobile-footer{
        display:flex !important;
    }

}
/* ============================================================
   NU AFIȘA MOBILE FOOTER PE PAGINILE DE PRODUS
   Pentru că WooCommerce are sticky Add to Cart
   ============================================================ */

@media (max-width:768px){

    body.single-product #bb-mobile-footer{
        display:none !important;
    }

}

/*
|--------------------------------------------------------------------------
| Footer – Kids & Paws
|--------------------------------------------------------------------------
*/

#bb-mobile-footer{

    position:fixed;

    left:0;
    right:0;
    bottom:0;

    display:flex;

    justify-content:space-around;

    align-items:flex-start;

    width:100%;

    height:var(--bb-footer-height);

    padding-top:14px;

    padding-bottom:calc(
        env(safe-area-inset-bottom) +
        var(--bb-footer-padding)
    );

    /* CREM KIDS & PAWS */
    background:rgba(250,247,241,.96);

    backdrop-filter:
        blur(14px)
        saturate(110%);

    -webkit-backdrop-filter:
        blur(14px)
        saturate(110%);

    /* border discret */
    border-top:1px solid rgba(90,53,36,.10);

    /* umbră fină */
    box-shadow:
        0 -6px 20px rgba(60,45,35,.10);

    overflow:visible;

    z-index:999999;

}

    /*
    |--------------------------------------------------------------------------
    | Fade
    |--------------------------------------------------------------------------
    */

    #bb-mobile-footer::before{

        content:"";

        position:absolute;

        left:0;

        right:0;

        top:calc(var(--bb-footer-fade) * -1);

        height:var(--bb-footer-fade);

        pointer-events:none;

        background:linear-gradient(

            to top,

            rgba(34,27,24,.28),

            rgba(34,27,24,.12),

            rgba(34,27,24,0)

        );

    }

    /*
|--------------------------------------------------------------------------
| Item
|--------------------------------------------------------------------------
*/

#bb-mobile-footer .bb-mobile-item{

    flex:1;

    display:flex;

    flex-direction:column;

    justify-content:flex-start;

    align-items:center;

    gap:var(--bb-footer-gap);

    text-decoration:none;

    color:var(--bb-footer-inactive-color);

    transition:
        color .25s ease,
        transform .25s ease;

}

/* Iconi?a mo?tene?te culoarea linkului */

#bb-mobile-footer .bb-mobile-item .bb-icon{

    color:inherit;

}

/* Pagina activ? */

#bb-mobile-footer .bb-mobile-item.active{

    color:var(--bb-footer-active-color);

}

/* Iconi?a activ? mo?tene?te culoarea */

#bb-mobile-footer .bb-mobile-item.active .bb-icon{

    color:inherit;

}
    /*
    |--------------------------------------------------------------------------
    | Icons
    |--------------------------------------------------------------------------
    */

    #bb-mobile-footer .bb-icon{

        display:flex;

        align-items:center;

        justify-content:center;

        width:var(--bb-footer-icon-size);

        height:var(--bb-footer-icon-size);

        flex:none;

    }

    #bb-mobile-footer .bb-icon svg{

        width:100%;

        height:100%;

        display:block;

        stroke:currentColor;

        fill:none;

    }

    /*
    |--------------------------------------------------------------------------
    | Labels
    |--------------------------------------------------------------------------
    */

    #bb-mobile-footer .bb-mobile-item span:last-child{

        font-size:var(--bb-footer-font-size);

        line-height:1;

        font-weight:600;

        letter-spacing:.02em;

    }
/*
|--------------------------------------------------------------------------
| No Labels
|--------------------------------------------------------------------------
*/

#bb-mobile-footer.no-labels .bb-mobile-item{

    justify-content:center;

    gap:0;

}

#bb-mobile-footer.no-labels .bb-icon{

    margin-top:10px;

}
/* ============================================================
   KIDS & PAWS – MOBILE FOOTER OVERRIDE
   ============================================================ */

@media (max-width:768px){

    #bb-mobile-footer{

        background:#FAF7F1 !important;
        background-color:#FAF7F1 !important;

        border-top:1px solid rgba(90,53,36,.10) !important;

        box-shadow:
            0 -6px 20px rgba(60,45,35,.08) !important;

        --bb-footer-inactive-color:#5A3524 !important;
        --bb-footer-active-color:#738B4B !important;

    }


    /* Fade crem */

    #bb-mobile-footer::before{

        background:linear-gradient(
            to top,
            rgba(250,247,241,.96),
            rgba(250,247,241,.60),
            rgba(250,247,241,0)
        ) !important;

    }


    /* Text */

    #bb-mobile-footer .bb-mobile-item{

        color:#5A3524 !important;

    }


    /* Iconuri */

    #bb-mobile-footer .bb-mobile-item .bb-icon{

        color:inherit !important;

    }

    #bb-mobile-footer .bb-icon svg{

        stroke:currentColor !important;
        color:inherit !important;

    }


    /* Activ */

    #bb-mobile-footer .bb-mobile-item.active{

        color:#738B4B !important;

    }

    #bb-mobile-footer .bb-mobile-item.active .bb-icon{

        color:#738B4B !important;

    }


    /* ========================================================
       PAGINI PRODUS
       Nu afișăm meniul Bellsabi deoarece există deja
       sticky Add to Cart.
    ======================================================== */

    body.single-product #bb-mobile-footer{

        display:none !important;

    }

}