/* ==========================================================================
   mac-card-remise.css — remise et HT sur les cartes produit (2026-10-29)
   Piste B validée par le propriétaire (maquette audits/2026-10-29-remise-cartes) :
   - la remise n'apparaît qu'une fois, dans un bandeau « économie » en pied de
     carte (les drapeaux de remise sur l'image sont retirés dans le gabarit) ;
   - cartes sans remise : pied vide de même hauteur, grille alignée ;
   - badge « HT » bleu collé au prix quand le client voit les prix hors taxes.
   Gabarit : templates/catalog/_partials/miniatures/product.tpl.
   Chargée après mac-pulse02.css et mac-menu-v2.css (head.tpl).
   Rollback : retirer le <link> dans head.tpl + restaurer le gabarit.
   ========================================================================== */

/* ── Carte en colonne : le pied reste collé en bas, hauteurs alignées ─────── */
.mac-product-card { height: 100%; }
.mac-product-card__inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.mac-product-card__body { flex: 1 1 auto; }

/* ── Ligne de prix : prix · HT · ancien prix ──────────────────────────────── */
.mac-product-card__pricing {
  align-items: baseline;
  gap: 4px 8px;
}
.mac-product-card__price {
  font-family: var(--mac-font-title);
  font-weight: 800;
  font-size: 1.375rem;
  line-height: 1.1;
}
.mac-product-card__price-old {
  font-size: 0.8125rem;
  text-decoration-thickness: 1.5px;
}

.mac-card-ht {
  align-self: center;
  margin-left: -4px;
  padding: 2px 6px;
  border-radius: 5px;
  background: var(--mac-cobalt);
  color: var(--mac-action-text);
  font: 800 0.6875rem/1.2 var(--mac-font-title);
  letter-spacing: 0.04em;
}

/* ── Bandeau « économie » ─────────────────────────────────────────────────── */
.mac-card-save {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 42px;
  padding: 8px 14px;
  background: #FFF0EE;
  border-top: 1px dashed #FFC2BD;
  color: var(--mac-ink);
  font: 700 0.8125rem/1.2 var(--mac-font-body);
}
.mac-card-save--empty {
  background: transparent;
  border-top-color: transparent;
}
.mac-card-save__pct {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border-radius: var(--mac-radius-pill);
  background: var(--mac-corail);
  color: var(--mac-ink);
  font: 800 0.8125rem/1.2 var(--mac-font-title);
  white-space: nowrap;
}
.mac-card-save__txt {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #B42318;
}
.mac-card-save__short { display: none; }

/* ── Téléphone : 2 colonnes étroites ──────────────────────────────────────── */
@media (max-width: 575.98px) {
  .mac-product-card__price { font-size: 1.0625rem; }
  .mac-product-card__price-old { font-size: 0.6875rem; }
  .mac-card-ht { font-size: 0.5625rem; padding: 1px 4px; margin-left: -2px; }
  .mac-card-save { min-height: 34px; padding: 6px 10px; font-size: 0.6875rem; }
  .mac-card-save__pct { padding: 2px 8px; font-size: 0.6875rem; }
  .mac-card-save__pct svg { display: none; }
  .mac-card-save__long { display: none; }
  .mac-card-save__short { display: inline; }
}