/* Full cart (/cart/) and checkout (/checkout/) pages — styles the default
   WooCommerce markup (no template override) to match the brand. */

.al-main--shop { padding-block: var(--al-space-7); }
.al-main--shop .al-container,
.woocommerce-cart .al-main--shop,
.woocommerce-checkout .al-main--shop { max-width: var(--al-container-width); margin-inline: auto; padding-inline: var(--al-container-padding); }

table.shop_table {
  width: 100%;
  border-collapse: collapse;
  background: var(--al-white);
  border-radius: var(--al-radius-md);
  overflow: hidden;
}
table.shop_table th { text-align: left; padding: var(--al-space-3); background: var(--al-cream-500); font-size: 0.875rem; }
table.shop_table td { padding: var(--al-space-3); border-bottom: 1px solid var(--al-color-border); vertical-align: middle; }
table.shop_table img { border-radius: var(--al-radius-sm); width: 64px; height: 64px; object-fit: cover; }

.woocommerce-cart-form .quantity .qty {
  width: 64px; padding: 10px; text-align: center;
  border: 1px solid var(--al-color-border); border-radius: var(--al-radius-pill);
}

.cart-collaterals .cart_totals {
  background: var(--al-white);
  border-radius: var(--al-radius-md);
  padding: var(--al-space-5);
}
.cart_totals h2 { margin-bottom: var(--al-space-4); }

/* Matches both the classic ".checkout-button.alt" markup and the current
   WooCommerce cart's ".button.checkout" markup. */
a.checkout-button, a.checkout, #place_order, input.button, button.button {
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--al-color-primary); color: var(--al-white) !important;
  border: none; border-radius: var(--al-radius-pill);
  padding: 14px 28px; font-weight: 600; text-decoration: none;
}
a.checkout-button:hover, a.checkout:hover, #place_order:hover, input.button:hover, button.button:hover { background: var(--al-green-900); }

.woocommerce-checkout #customer_details,
.woocommerce-checkout table.shop_table { background: var(--al-white); border-radius: var(--al-radius-md); padding: var(--al-space-5); }
.woocommerce-checkout input.input-text,
.woocommerce-checkout select,
.woocommerce-checkout textarea {
  width: 100%; padding: 12px 16px;
  border: 1px solid var(--al-color-border); border-radius: var(--al-radius-sm);
}