/* Estilo para la burbuja del carrito */
.cart-icon {
    position: relative;
    margin-left: auto;
    margin-right: 1rem;
    color: #fff; /* o blanco si el fondo es oscuro */
}
.cart-icon .cart-count {
    position: absolute;
    top: -6px;
    right: -10px;
    background: red;
    color: white;
    font-size: 0.7rem;
    padding: 2px 6px;
    border-radius: 50%;
    line-height: 1;
    min-width: 18px;
    text-align: center;
}

/* El carrito móvil, oculto por defecto */
.mobile-nav-toggle-cart {
    display: none !important;
}

/* Transición “vuelo” */
.fly-item {
    transition: all 0.8s ease;
    pointer-events: none;
}


/* Ajustes generales responsivos */
@media (max-width: 1025px) {
    .title-nave {
        font-size: 26px;
    }
    .subtitle-nave {
        display: none;
    }
}


@media (max-width: 991px) {
    .desktop-nav-toggle {
        display: none !important;
    }
    .mobile-nav-toggle-cart {
        display: block !important;
        position: fixed;
        top: 2.6%;
        right: 10%;
    }
    .title-nave {
        font-size: 30px;
    }
    .subtitle-nave {
        display: block;
    }
}

/* Ajustes extra para pantallas muy pequeñas */
@media (max-width: 435px) {
    .desktop-nav-toggle {
        display: none !important;
    }
    .title-nave {
        font-size: 30px;
    }
    .subtitle-nave {
        display: none;
    }
    .br-custom-title-logo {
        display: block !important;
    }
    .mobile-nav-toggle-cart {

        top: 3%;
    }
}

/* Ajustes extra para pantallas muy pequeñas */
@media (max-width: 378px) {
    .desktop-nav-toggle {
        display: none !important;
    }
    .mobile-nav-toggle-cart  {
        display: block;
        position: fixed;
        top: 3.5%;
        right: 1.8rem;
    }
    .cart-count {
        display: block ;
        position: fixed;
        top: -45%;
        right: 0;
    }
    .mobile-nav-toggle-cart .cart-count {
        top: -2px;
        right: -2px;
    }
}
