/* =====================================================================
   tarifs-grille.css — page « Prix peinture Bordeaux »
   Chargé UNIQUEMENT sur /prix-peinture-bordeaux/ (enqueue.php). Réutilise les
   jetons de design de reseau-peinture.css (var(--green), --mint, --line…).
   ===================================================================== */

/* Point d'appel « à partir de N €/m² » sous le H1 */
.rp-tarif-headline{
  display:inline-flex;align-items:baseline;gap:10px;flex-wrap:wrap;
  background:#fff;border:1px solid var(--line);border-radius:999px;
  padding:10px 20px;margin-top:22px;box-shadow:var(--shadow-sm)}
.rp-tarif-headline .lab{font-family:var(--mono);font-size:12px;font-weight:600;
  letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.rp-tarif-headline .val{font-family:var(--display);font-weight:800;font-size:clamp(22px,3.2vw,30px);color:var(--green)}

/* Enveloppe scrollable (le tableau ne casse jamais la page en largeur) */
.rp-tarifs-wrap{
  border:1px solid var(--line);border-radius:var(--radius);background:#fff;
  overflow-x:auto;box-shadow:var(--shadow-sm);margin-top:8px}
.rp-tarifs-wrap:focus-visible{outline:3px solid var(--green-bright);outline-offset:2px}

.rp-tarifs{width:100%;border-collapse:collapse;min-width:640px;font-size:15px}
.rp-tarifs-cap{caption-side:bottom;text-align:left;padding:14px 18px;color:var(--muted);font-size:13.5px}

.rp-tarifs thead th{
  text-align:left;vertical-align:bottom;padding:16px 18px;
  background:var(--mint);color:var(--forest);
  font-family:var(--display);font-weight:700;font-size:16px;line-height:1.2;
  border-bottom:2px solid var(--green-soft)}
.rp-tarifs thead th.rp-tarifs-presta{background:var(--forest);color:#fff}
.rp-tarifs thead th.is-base{background:var(--green);color:#fff}
.rp-tarifs-znote{display:block;margin-top:6px;font-family:var(--body);font-weight:500;
  font-size:12px;line-height:1.35;color:inherit;opacity:.85;max-width:26ch}

.rp-tarifs tbody th{
  text-align:left;font-weight:600;padding:14px 18px;color:var(--ink);
  border-bottom:1px solid var(--line);border-right:1px solid var(--line)}
.rp-tarifs tbody td{
  padding:14px 18px;border-bottom:1px solid var(--line);white-space:nowrap;
  font-variant-numeric:tabular-nums}
.rp-tarifs tbody tr:last-child th,.rp-tarifs tbody tr:last-child td{border-bottom:none}
.rp-tarifs tbody td.is-base{background:rgba(30,142,90,.06);font-weight:700}

.rp-tarifs-unite{font-family:var(--mono);font-size:11.5px;font-weight:500;color:var(--muted);white-space:nowrap}
.rp-tarifs-des{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.04em;
  text-transform:uppercase;color:var(--muted);margin-right:2px}
.rp-tarifs-sd{color:var(--muted);font-style:italic}

/* Finition premium — visuellement distincte (ligne d'upsell) */
.rp-tarifs-finition th,.rp-tarifs-finition td{background:var(--cream)}
.rp-tarifs-finition th{color:var(--forest)}

/* Notes sous la grille (TVA, déplacement) — data-driven, jamais de chiffre en dur dans le HTML */
.rp-tarif-notes{display:grid;gap:10px;margin-top:22px}
.rp-tarif-note{display:flex;gap:11px;align-items:flex-start;
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);
  padding:14px 16px;font-size:14px;color:var(--muted)}
.rp-tarif-note svg{flex:none;margin-top:2px;color:var(--green)}
.rp-tarif-note b{color:var(--ink)}

@media (max-width:680px){
  .rp-tarifs{font-size:14px}
  .rp-tarifs thead th,.rp-tarifs tbody th,.rp-tarifs tbody td{padding:12px 13px}
}