/* ============================================================
   ARGANE — Fiche balayeuse (BAE, BA, Citeneo)
   ------------------------------------------------------------
   Page entière sur fond Forge (retour client, voir maquette V3) :
   #caracteristiques ET #configurations partagent donc le même
   traitement sombre du tableau .cmp.
   ============================================================ */

/* La section #caracteristiques porte la classe .on-paper (fond clair
   par défaut ailleurs sur le site) mais doit ici rester en Forge. */
#caracteristiques.pdp-section.on-paper{background:var(--forge); color:var(--paper); border-top:1px solid var(--ink-10, rgba(250,250,250,0.1));}
#caracteristiques .pdp-section-head .lead{color:rgba(250,250,250,0.62);}

.cmp-wrap{overflow-x:auto; border-radius:10px;}
table.cmp{width:100%; border-collapse:collapse; min-width:560px; font-family:var(--ff-body);}
table.cmp th,
table.cmp td{text-align:left; padding:16px 20px; white-space:nowrap;}
table.cmp td{font-size:14px;}

/* #caracteristiques — tableau vertical, fond Forge */
#caracteristiques .cmp-wrap{border:1px solid var(--ink-10, rgba(250,250,250,0.1));}
#caracteristiques table.cmp{min-width:0;}
#caracteristiques table.cmp th,
#caracteristiques table.cmp td{border-bottom:1px solid var(--ink-10, rgba(250,250,250,0.1)); white-space:normal;}
#caracteristiques table.cmp tbody tr:last-child th,
#caracteristiques table.cmp tbody tr:last-child td{border-bottom:0;}
#caracteristiques table.cmp th[scope="row"]{font-family:var(--ff-body); font-size:13px; color:rgba(250,250,250,0.62); font-weight:500; width:44%;}
#caracteristiques table.cmp td{color:var(--paper); font-weight:500;}
#caracteristiques table.cmp td a{color:var(--paper); text-decoration:underline; text-underline-offset:3px;}
#caracteristiques table.cmp td a:hover{color:var(--braise);}

/* CTA centré (Citeneo "Nous consulter", sous #caracteristiques) — le
   composant .range-cta vit normalement dans famille.css, non chargée ici. */
.range-cta{display:flex; justify-content:center; margin-top:clamp(28px,3.4vw,40px);}

/* #configurations — tableau horizontal, fond Forge */
#configurations .cmp-wrap{border:1px solid var(--ink-10, rgba(250,250,250,0.1));}
#configurations table.cmp thead th{font-size:10px; letter-spacing:0.16em; text-transform:uppercase; color:rgba(250,250,250,0.5); font-weight:500; background:rgba(250,250,250,0.03); border-bottom:1px solid rgba(250,250,250,0.1);}
#configurations table.cmp tbody th,
#configurations table.cmp tbody td{border-bottom:1px solid rgba(250,250,250,0.1); color:rgba(250,250,250,0.82);}
#configurations table.cmp tbody th{font-family:var(--ff-display); font-weight:500; font-size:16px; letter-spacing:-0.01em; color:var(--paper); white-space:normal;}
#configurations table.cmp tbody tr:last-child th,
#configurations table.cmp tbody tr:last-child td{border-bottom:0;}
#configurations .row-tag{display:inline-block; margin-left:8px; font-family:var(--ff-body); font-size:9px; font-weight:600; letter-spacing:0.1em; text-transform:uppercase; color:var(--paper); background:var(--braise); padding:3px 8px; border-radius:999px; vertical-align:middle;}
#configurations .cmp-note{margin-top:20px; font-family:var(--ff-body); font-style:italic; font-weight:300; font-size:13px; color:rgba(250,250,250,0.5); max-width:74ch;}

@media (max-width:700px){
	table.cmp th, table.cmp td{padding:13px 14px;}
}