/* Précommande à tranches - 10/11/2026
   Fiche : même look que le tableau « Remise sur la quantité » du thème
   (.product-discounts > .table-product-discounts, theme.css). On n'utilise
   pas la classe .product-discounts : le rafraîchissement natif de la fiche
   remplace le premier élément qui la porte. */
.ecp-preco-tranches { margin: 0 0 0.75rem; }
.ecp-preco-tranches > .product-discounts-title { font-size: 0.875rem; font-weight: 600; }
.ecp-preco-tranches > .table-product-discounts { width: 100%; }
.ecp-preco-tranches > .table-product-discounts thead tr th {
  width: 33%; padding: 0.625rem 1.25rem; text-align: center;
  background: var(--global-palette9); border: 0.3125rem solid rgb(246, 246, 246);
}
.ecp-preco-tranches > .table-product-discounts tbody tr { background: var(--global-palette7); }
.ecp-preco-tranches > .table-product-discounts tbody tr:nth-of-type(2n) { background: var(--global-palette9); }
.ecp-preco-tranches > .table-product-discounts tbody tr td,
.ecp-preco-tranches > .table-product-discounts tfoot tr td {
  padding: 0.625rem 1.25rem; text-align: center; border: 0.3125rem solid rgb(246, 246, 246);
}
.ecp-preco-tranches > .table-product-discounts tfoot tr td { font-weight: 600; background: var(--global-palette9); }
.ecp-preco-tranches__max { margin: 0.25rem 0 0; font-size: 0.8125rem; font-weight: 600; }
.ecp-preco-tranches__alerte { margin: 0.25rem 0 0; font-size: 0.8125rem; color: #c00; }

/* Mobile : cellules plus serrées, pas de défilement horizontal */
@media (max-width: 575px) {
  .ecp-preco-tranches > .table-product-discounts thead tr th,
  .ecp-preco-tranches > .table-product-discounts tbody tr td,
  .ecp-preco-tranches > .table-product-discounts tfoot tr td { padding: 0.4rem 0.35rem; font-size: 0.8125rem; }
}

/* Panier (page, modale, mini-panier, résumé des étapes) : une ligne par tranche */
.ecp-preco-tranches-panier > div { white-space: normal; line-height: 1.35; }
.ecp-preco-tranches-panier__delai { font-size: 0.8em; font-weight: 400; color: #555; }
.ecp-preco-tranches-panier__alerte { font-size: 0.8em; color: #c00; }
.ecp-preco-tranches-panier__delai { display: inline-block; white-space: nowrap; }
/* page panier : la colonne du nom est étroite, prix des tranches moins gros que le prix normal */
.product-line-grid-body .ecp-preco-tranches-panier .price { font-size: 0.95rem; }
/* résumé des étapes de commande : sous le prix, une tranche par ligne */
.ecp-preco-tranches-resume { display: block; clear: both; font-size: 0.85em; padding-top: 0.25rem; }
.ecp-preco-tranches-resume .ecp-preco-tranches-panier > div { display: block; }
.ecp-preco-tranches-resume .price { font-size: inherit; font-weight: 600; }