/* ======================================= */
/* 1. Corrección del Contenedor de Scroll  */
/* ======================================= */
.aishe-cart-panel-list-wrap {
    /* Mantiene la altura máxima, la clave para activar el scroll */
    max-height: 70vh !important;
    
    /* Forzar scroll vertical */
    overflow-y: auto !important;
    overflow-x: hidden !important;
    
    padding-right: 15px;
    
    /* CRÍTICO: Asegura un contexto de posicionamiento normal para los hijos */
    position: relative !important; 
}

/* ======================================= */
/* 2. Bloque FBT (Consolidado y Corregido) */
/* ======================================= */
#fbt-block {
    padding: 15px;
    border-top: 1px solid #eee;
    margin-top: 10px;
    
    /* CRÍTICO: Elimina el margen inferior para evitar empujar elementos fuera de vista */
    margin-bottom: 0 !important; 
    
    /* CRÍTICO: Evita que el bloque flote/solape (solución al problema de superposición) */
    position: relative !important; 
    
    /* Usamos un z-index alto para el FBT por si está dentro del scroll */
    z-index: 9999 !important; 
    
    /* Mantenido para que JavaScript controle la visibilidad */
    display: none; 
}

/* ======================================= */
/* 3. Ajuste del Subtotal (CRÍTICO)       */
/* ======================================= */
/* Selecciona las clases más comunes para el subtotal, enfocándose en la superposición */
.aishe-cart-panel-subtotal,
.woocommerce-mini-cart__total, 
.subtotal {
    /* CRÍTICO: Asegura que el subtotal respete su espacio */
    position: relative !important; 
    
    /* CRÍTICO: Le da un z-index ALTO para que se dibuje ENCIMA del último producto si se solapan */
    z-index: 10000 !important; 
    
    /* Asegura separación visual */
    margin-top: 15px !important;
    padding-top: 15px !important;
}

/* 4. Ajuste de Productos de la Lista */
/* Asegura que los productos dentro del scroll tengan un posicionamiento normal */
.aishe-cart-panel-list-wrap ul.cart_list li {
    position: relative !important;
    z-index: 10 !important;
}

/* ======================================= */
/* 5. Estilos de Lista FBT               */
/* ======================================= */
.fbt-product-list {
    list-style: none;
    padding: 0;
}

.fbt-item {
    display: flex;
    gap: 10px;
    margin-bottom: 12px;
}

.fbt-item img {
    width: 60px;
    border-radius: 5px;
}

.fbt-info {
    display: flex;
    flex-direction: column;
}

.aishe-cart-panel-list-wrap ul.cart_list {
    margin-bottom: 10px !important;
}
/* Corrección de Solapamiento para el Subtotal */
.woocommerce-mini-cart__total {
    /* Agrega un margen superior muy grande y visible para que el Subtotal
       empuje el producto hacia arriba y quede visiblemente ABAJO de la lista */
    margin-top: 100px !important; 
    
    /* Fuerza que el Subtotal siempre esté en una línea nueva */
    clear: both !important; 
    
    /* Aseguramos que se dibuje por encima */
    z-index: 10000 !important; 
}