/* ===================================================================
   Ecommerce — Carrello (/carrello)
   Estratto da views/pages/carrello/index.twig
   =================================================================== */

.cart-table { width: 100%; border-collapse: collapse; }
.cart-table th { text-align: left; padding: 12px; border-bottom: 2px solid #e5e7eb; font-size: .75rem; text-transform: uppercase; letter-spacing: .05em; color: #6b7280; }
.cart-table td { padding: 16px 12px; border-bottom: 1px solid #f3f4f6; vertical-align: middle; }

.cart-thumb { width: 80px; height: 80px; object-fit: cover; border-radius: .5rem; background: #f3f4f6; }

.qty-input { width: 64px; padding: .4rem .5rem; border: 1px solid #d1d5db; border-radius: .375rem; text-align: center; }
.qty-btn   { width: 32px; height: 32px; border: 1px solid #d1d5db; background: #fff; border-radius: .375rem; font-weight: 700; cursor: pointer; }
.qty-btn:hover { background: #f9fafb; }

.btn-remove { color: #dc2626; cursor: pointer; background: none; border: none; font-size: .875rem; }
.btn-remove:hover { text-decoration: underline; }

.cart-summary { background: #f9fafb; border: 1px solid #e5e7eb; border-radius: .75rem; padding: 1.5rem; }
.summary-row { display: flex; justify-content: space-between; padding: .5rem 0; }
.summary-row.total { border-top: 2px solid #d1d5db; margin-top: .5rem; padding-top: 1rem; font-size: 1.25rem; font-weight: 700; }

.btn-checkout { display: block; width: 100%; background-color: #16a34a; color: #fff; text-align: center; padding: .85rem 1rem; border-radius: .5rem; font-weight: 600; border: none; cursor: pointer; text-decoration: none; margin-top: 1rem; transition: background-color .15s; }
.btn-checkout:hover { background-color: #15803d; }

.btn-clear { display: inline-block; background: #fff; border: 1px solid #d1d5db; color: #374151; padding: .5rem 1rem; border-radius: .375rem; font-size: .875rem; cursor: pointer; }
.btn-clear:hover { background: #f9fafb; }

.empty-state { text-align: center; padding: 4rem 1rem; }
.empty-state svg { margin: 0 auto 1rem; color: #9ca3af; }