/* =============================================================================
   componentes/mini-carrito.css — Mini-carrito
   -----------------------------------------------------------------------------
   El panel lateral (#ss-mini-carrito, en layout.php) y su cuerpo, que llega por
   AJAX desde CompraController::mini() (src/Views/compra/mini.php). Por eso es
   componente global y no hoja de vista: cuando se pinta, el <head> ya está hecho.
   El z-index del panel, con el resto de offcanvas, en layout.css.
   ============================================================================= */

#ss-mini-carrito { --bs-offcanvas-width:min(400px, 85vw); }

/* Miniatura de la línea: pequeña y proporcional, nunca más ancha que el panel. */
.mini-carrito__thumb {
    flex:0 0 auto; width:48px; height:48px; border-radius:6px; background:#f1f3f5; overflow:hidden;
}
.mini-carrito__thumb img { width:100%; height:100%; object-fit:contain; display:block; }

/* min-width:0 deja que el nombre se recorte (text-truncate) en vez de ensanchar el flex. */
.mini-carrito__info { min-width:0; }

/* El stepper de cantidad, al ancho de sus botones (Bootstrap le da el 100%). */
.mini-carrito__cantidad.input-group { width:auto; }

/* Letra pequeña bajo el total: "envío estimado para Península…". */
.mini-carrito__nota { font-size:.72rem; line-height:1.3; }