/* =========================================================
   fidflow-ui — page-vatflow.css
   Correctifs liés à des ID de pages vatflow, sortis de base.css en v1.1.
   Chargé par vatflow.ch uniquement, après base.css + brand-vatflow.css.
   Ne pas copier dans les autres sites.
   ========================================================= */

/* Section Ressources (home) : grille 6 cartes — corrige les bordures (la 2e rangée gardait pas sa ligne) */
#ressources .service-card:nth-child(3),
#ressources .service-card:nth-child(4) { border-bottom: 1px solid var(--line); }
#ressources .service-card:nth-last-child(-n+2) { border-bottom: none; }

/* Section « Entreprises concernées » (home) : grille 5 cartes — restaure la ligne de la 2e rangée */
#entreprises .service-card:nth-child(3),
#entreprises .service-card:nth-child(4) { border-bottom: 1px solid var(--line); }
#entreprises .service-card:last-child { border-bottom: none; }


/* =========================================================
   Bascule de vatflow.ch sur base.css — 14.09.2026
   Trois ecarts que base.css ne porte pas, parce qu'ils tiennent
   a ce que vatflow a de particulier.
   ========================================================= */

/* Pied : base.css attend quatre colonnes de liens (v4.1), vatflow en a trois.
   Sans cette ligne la cinquieme piste reste vide et le bloc se tasse a gauche. */
.footer-main { grid-template-columns: 1.5fr repeat(3, 1fr); }

/* Barres « A lire ensuite » : quatre liens cote a cote, precedes d'une fleche.
   La v6.0.1 souligne les liens dans le texte parce qu'un lien noye dans un
   paragraphe ne se repere pas. Ici le contexte suffit — quatre soulignes
   d'affilee alourdissent sans rien signaler. Le survol garde le souligne.
   fidflow n'utilise pas .lp-mesh : la divergence ne concerne que vatflow. */
.lp-mesh a { text-decoration: none; }
.lp-mesh a:hover { text-decoration: underline; }

/* Section Tarifs : deux composants propres a vatflow, repris a l'identique
   depuis assets/vatflow.css, repli mobile compris. base.css ne les connait
   pas et n'a pas a les connaitre — aucune autre marque n'a de bande de
   calcul sous ses cartes de prix. */
.pricing-legend {
  border: 1px solid var(--line); border-top: none;
  padding: 1.75rem 2.5rem;
  display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem 2.5rem;
}
.pricing-legend h4 {
  font-family: var(--font-mono); font-weight: 400; font-size: 0.7rem;
  letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--muted); margin-bottom: 0.4rem;
}
.pricing-legend p { font-size: 0.85rem; line-height: 1.65; color: var(--muted); }
.pricing-option-val small.pricing-option-sub {
  display: block; margin-left: 0; margin-top: 0.15rem;
  font-size: 0.75rem; letter-spacing: 0.05em; text-transform: uppercase;
  color: rgba(255,255,255,0.52);
}

@media (max-width: 768px) {
  .pricing-legend { grid-template-columns: 1fr; padding: 1.5rem; gap: 1.25rem; }
}