/* =====================================================================
   PLAYBCN - CARRITO (30-10-2026)
   Subir a: /shop/includes/templates/responsive_apparel_boutique/css/
   Zen Cart carga solo los archivos stylesheet*.css de esta carpeta.
   SOLO CSS: no cambia campos, formularios, pasos ni el pago (Redsys/Bizum).
   Todo va dentro de #shoppingCartDefault, así que no afecta al resto de la web. Para quitarlo, basta con borrar el archivo.
===================================================================== */

/* ============================ CARRITO ============================ */
#shoppingCartDefault, #shoppingCartDefault #cartProdTitle, #shoppingCartDefault .cart-buttons .btn-cart,
#shoppingCartDefault #cartSubTotal strong { font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif !important; }

#shoppingCartDefault #pbcn-cart-start {
  background: #fafaf8; border: 1px solid #eee; border-radius: 8px;
  font-size: 15px; padding: 12px; margin-bottom: 18px;
}

/* Cabecera de la tabla más discreta */
#shoppingCartDefault #cartContentsDisplay tr.tableHeading th {
  background: transparent !important;
  border-bottom: 1px solid #e5e5e5 !important;
  font-size: 11px !important; letter-spacing: 1.5px; color: #888 !important;
  padding: 10px 8px !important;
}
#shoppingCartDefault #cartContentsDisplay tr.rowEven td,
#shoppingCartDefault #cartContentsDisplay tr.rowOdd td {
  border-bottom: 1px solid #eee; padding: 22px 8px !important; vertical-align: top !important;
}

/* Producto: foto a la izquierda, nombre y talla a su lado */
#shoppingCartDefault .cartProductDisplay { text-align: left !important; }
#shoppingCartDefault .cartProductDisplay > br.clearBoth { display: none !important; }
#shoppingCartDefault #cartImage { float: left !important; margin: 0 22px 0 0 !important; }
#shoppingCartDefault #cartImage img { width: 110px !important; height: auto !important; border-radius: 4px; background: #f4f4f2; }
#shoppingCartDefault #cartProdTitle {
  display: block !important; overflow: hidden;
  font-size: 15px !important; font-weight: 700 !important; line-height: 1.4 !important;
  letter-spacing: 0 !important; text-transform: none !important; color: #111 !important;
  text-align: left !important; margin: 0 0 8px !important;
}
#shoppingCartDefault .cartAttribsList { overflow: hidden; margin: 0 !important; text-align: left !important; }
#shoppingCartDefault .cartAttribsList ul { list-style: none !important; margin: 0 !important; padding: 0 !important; }
#shoppingCartDefault .cartAttribsList li {
  display: inline-block !important; list-style: none !important;
  background: #f2f2f2; border-radius: 4px; padding: 5px 10px !important;
  font-size: 12.5px !important; letter-spacing: 0 !important; color: #333 !important;
  text-transform: none !important;
}

/* Precio: solo el precio final (la base sin IVA y el IVA confunden al cliente) */
#shoppingCartDefault .baseUnitario,
#shoppingCartDefault .ivaUnitario { display: none !important; }
#shoppingCartDefault .precioUnitarioTotal strong,
#shoppingCartDefault .cartTotalDisplay strong { font-size: 15px !important; letter-spacing: 0 !important; color: #111; }

/* Total */
#shoppingCartDefault #cartSubTotal {
  background: #fafaf8 !important; border: 0 !important; border-radius: 8px;
  padding: 18px 20px !important; margin-top: 18px;
}
#shoppingCartDefault #cartSubTotal strong { font-size: 20px !important; letter-spacing: .5px !important; }
#shoppingCartDefault #cartSubTotal .ivaDetalle { font-size: 12px !important; color: #888 !important; font-weight: 400 !important; margin-left: 6px; }

/* Botones: uno principal claro (pagar) y uno secundario */
#shoppingCartDefault .cart-buttons {
  display: flex !important; flex-wrap: wrap; justify-content: center; align-items: center; gap: 12px;
  margin: 22px 0 !important;
}
#shoppingCartDefault .cart-buttons a.btn-cart.green {
  order: 1;
  background: #111 !important; color: #fff !important; border: 0 !important;
  border-radius: 6px !important; min-width: 340px; padding: 18px 30px !important;
  font-size: 16px !important; font-weight: 700 !important; letter-spacing: 1.5px !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.18); text-decoration: none !important;
  transition: background .2s ease, transform .2s ease;
}
#shoppingCartDefault .cart-buttons a.btn-cart.green:after { content: "  →"; }
#shoppingCartDefault .cart-buttons a.btn-cart.green:hover { background: #333 !important; transform: translateY(-1px); }
#shoppingCartDefault .cart-buttons button.btn-cart.black {
  order: 2;
  background: #fff !important; color: #111 !important; border: 1px solid #cfcfcf !important;
  border-radius: 6px !important; padding: 12px 18px !important;
  font-size: 12px !important; font-weight: 700 !important; letter-spacing: 1px !important;
  box-shadow: none !important;
}
#shoppingCartDefault .cart-buttons button.btn-cart.black:hover { border-color: #111 !important; }

#shoppingCartDefault .cart-benefits li { font-size: 14px !important; }

@media only screen and (max-width: 768px) {
  #shoppingCartDefault #cartImage img { width: 84px !important; }
  #shoppingCartDefault #cartImage { margin-right: 14px !important; }
  #shoppingCartDefault #cartProdTitle { font-size: 13.5px !important; }
  #shoppingCartDefault .cart-buttons { flex-direction: column; align-items: stretch; }
  #shoppingCartDefault .cart-buttons a.btn-cart.green { min-width: 0; width: 100%; box-sizing: border-box; text-align: center; }
  #shoppingCartDefault .cart-buttons button.btn-cart.black { width: 100%; }
}