/* =========================================================================
   ARTIS VALORISATION, REFONTE : FAMILLE LA VITRINE (p-vitrine.css)
   Pages a scene : l'accueil (index.html) et les trois pages d'offre,
   /evaluation-fonds-de-commerce (490 EUR), /evaluation-pme (990 EUR),
   /evaluation-sur-mesure (sur devis). Le gabarit du 30/09 rangeait aussi ici
   A propos et la page introuvable, et les offres dans p-valorisation.css ;
   la mission vitrine a recu l'accueil et les trois offres, qui chargent
   cette feuille en dernier (apres socle.css, scene.css et leurs feuilles).
   Ce que ces pages seules demandent, en sections numerotees, commentaires
   sans accents. Seule la mission de cette famille ecrit ici ; un composant
   utile a deux familles va dans pages.css. Reference : REFONTE-GABARIT.md.
   ------------------------------------------------------------------------- */

/* =========================================================================
   1. LA MENTION DE TVA SOUS UNE REPONSE
   Quand une reponse des questions cite un prix (490 EUR, 990 EUR), la
   mention « Prix hors taxes, TVA de 20 % en sus. » la suit, dans la meme
   question (regle des prix). Le paragraphe de la reponse reste celui du
   JSON-LD FAQPage, mot pour mot ; la mention est un second paragraphe, du
   meme corps, un cran plus discret.
   ------------------------------------------------------------------------- */
.f3-reponse .f-texte.pv-tva-note{ margin-top:10px; font-size:14px; line-height:1.45; }

/* =========================================================================
   2. LE REPERE PAR LE BAREME (offre a 490 EUR)
   Repris de la page en ligne : section#fdcBareme, masquee (hidden) tant que
   le tableau #baremeFdc est vide. Quand Raphael fournit des lignes sourcees,
   le script de la page la montre : une bulle blanche de la mission (go-bulle)
   posee sur la scene, le texte a gauche, le formulaire a droite. Champs sur
   la teinte #edf1fa, trait bas de 2 px (3,7:1, critere 1.4.11) ; le focus est
   celui des bulles blanches de la scene (scene.css) ; cibles de 48 px ;
   erreur en rouge #A8321C (6,7:1 sur blanc).
   ------------------------------------------------------------------------- */
.pv-bareme{ padding:96px 0 0; }
.pv-bareme-titre{ max-width:16ch; }
.pv-bareme-form{ display:grid; gap:20px; margin:0; }
.pv-champ{ display:grid; gap:8px; }
.pv-champ label{ font-size:15px; line-height:1.3; font-weight:500; color:var(--g-encre); }
.pv-champ select,
.pv-champ input{
  -webkit-appearance:none; appearance:none;
  width:100%; min-height:48px; margin:0; padding:10px 14px;
  font:inherit; font-size:16px; line-height:1.4; color:var(--g-encre);
  background:#edf1fa; border:0; border-bottom:2px solid #6b7a99; border-radius:12px 12px 0 0;
}
.pv-champ select{
  padding-right:44px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1D36' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 14px center; background-size:18px 18px;
}
.pv-champ input::placeholder{ color:#5A6478; opacity:1; }
.pv-bareme-actions{ display:flex; flex-wrap:wrap; align-items:center; gap:12px 20px; }
.pv-erreur{ margin:0; font-size:15px; line-height:1.4; color:#A8321C; }
.pv-erreur:empty, .pv-resultat:empty{ display:none; }
.pv-resultat{
  margin:0; padding:16px 18px; border-radius:12px; background:#edf1fa;
  font-size:17px; line-height:1.45; font-weight:500; color:var(--g-encre);
  font-variant-numeric:tabular-nums;
}
@media (max-width: 760px){
  .pv-bareme{ padding-top:64px; }
  .pv-bareme-actions .f-bouton{ width:100%; justify-content:space-between; }
}