/* Prix et titre des fiches produit et des cartes de liste (Micael, 11.10.2026 ; includes/products.php,
   $rp_propo ; sur dev, ?ancien=1 = ancien rendu). Prix dans le style des cartes jantes (assets/pages/jantes-carte.css), police du site. */

/* Fiche : marque, titre, avis, prix */
.pp-tete { margin: 2px 0 12px; }
.pp-tete > .pp-sous { margin-bottom: 4px; }
.pp-titre { display: block !important; margin: 0 0 6px !important; color: #0f172a; font: 500 1.6rem/1.22 'AG-Regular', sans-serif !important; }
/* Sous le titre : bloc d'origine en deux colonnes, libellé gris au-dessus (Évaluations | Plus de produits <marque>), trait entre les deux */
.pp-infos { display: flex; flex-wrap: wrap; align-items: stretch; gap: 8px 0; margin: 2px 0 10px; }
.pp-info { display: flex; flex-direction: column; justify-content: center; gap: 3px; padding: 0 18px; color: #0f172a !important; text-decoration: none; }
.pp-info:first-child { padding-left: 0; }
.pp-info + .pp-info { border-left: 1px solid rgba(15, 23, 42, .12); }
.pp-info-lib { color: #64748b; font-size: .8rem; line-height: 1.2; }
.pp-info-val { display: inline-flex; align-items: center; gap: 6px; font-size: .95rem; line-height: 1.3; }
.pp-info-val strong { font-weight: 700; }
.pp-info-val .ui.rating { margin: 0 !important; }
.pp-info-val i { font-size: .6rem; opacity: .6; transition: transform .15s ease; }
.pp-info:hover .pp-info-val strong { text-decoration: underline; }
.pp-info:hover .pp-info-val i { transform: translateX(2px); }
.pp-titre strong { font-weight: 800; }
.pp-titre-fin { display: block; margin-top: 4px; color: #64748b; font-size: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: .03em; }
/* Prix, puis prix barré et pastille sur la même ligne ; barre des pièces d'une action limitée en dessous (render_discounts) */
.pp-prix { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin-top: 2px; }
.pp-prix .rp-act--fiche { position: static; top: auto; margin: 0; }
.pp-prix .rp-act--fiche .rp-act-avant { font-size: 1.15rem; }
.pp-prix .rp-act-fiche { flex: 1 0 100%; margin: 4px 0 0; }
.pp-prix > br, .pp-prix > link { display: none; }

/* Montant : chiffres en Paytone One rouge, centimes plus petits et surélevés (« 49.90 »), « .– » pleine taille pour un prix rond */
.pp-montant { display: inline-block; color: var(--color-primary); font-family: var(--font-bold); font-size: 2.9rem; font-weight: 400; line-height: 1;
  letter-spacing: -.01em; white-space: nowrap; }
.pp-cts { margin-left: 1px; font-size: .52em; vertical-align: .72em; }
.pp-suf { font-size: 1em; }
.pp-l-prix > br { display: none; }   /* render_discounts() sans remise : un <br /> seul */

/* Sous-catégorie au-dessus du titre (liste, fiche, recherche) : lien vers sa liste (SEO), discret */
.pp-sous { display: inline-block; max-width: 100%; overflow: hidden; color: #64748b !important; font-size: .85rem; font-weight: 400;
  line-height: 1.3; text-overflow: ellipsis; text-decoration: none; white-space: nowrap; }
a.pp-sous:hover { color: #0f172a !important; text-decoration: underline; }

/* Carte de liste : titre, puis prix */
.pp-l-nom { display: block; color: #0f172a !important; text-decoration: none; }
.pp-l-titre { margin: 2px 0 4px !important; color: #0f172a; font: 500 1.08rem/1.28 'AG-Regular', sans-serif !important; }
.pp-l-titre strong { font-weight: 800 !important; }
.pp-l-prix { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: 0 0 2px; }
.pp-montant--l { font-size: 1.85rem; }
.pp-l-prix .rp-act { margin-left: 0; }

@media (max-width: 767px) {
  .pp-titre { font-size: 1.4rem !important; }
  .pp-montant { font-size: 2.6rem; }
  .pp-montant--l { font-size: 1.7rem; }
}