/* ═══════════════════════════════════════════════════════════════
   SIMULATEUR DE PLUS-VALUE IMMOBILIÈRE — compléments
   Chargé APRÈS simulateur.css, dont la page reprend tout : gabarit,
   cartes numérotées, cases de 54 px, segments, interrupteurs, « ? »,
   résultat collant, barre du téléphone, fiche imprimée. Ne figurent ici
   que les quelques éléments propres à la plus-value : un libellé suivi
   d'un « ? », la jauge des quotes-parts et les couleurs des groupes du
   résultat. Tout est borné à #simulateur.
   ═══════════════════════════════════════════════════════════════ */

/* « plus-value » jamais coupé au trait d'union en fin de ligne (titre sur téléphone) */
#simulateur .pv-insecable{white-space:nowrap}

/* Libellé suivi de son « ? » (même dessin que dans le simulateur owner buy-out) */
#simulateur .pv-lbl-ligne{display:flex;align-items:center;gap:0;min-height:15px;margin:0 0 var(--lbl-gap)}
#simulateur .pv-lbl-ligne .sim-lbl{margin:0}
#simulateur .pv-lbl-ligne .sim-aide-btn{margin:-15px -14px -15px -6px}
/* pas de « ? » en mode standard (Alix, 24 oct. 2026) */
#simulateur[data-mode="standard"] .sim-aide-btn{display:none}
/* mode expert grisé en ligne tant qu'il se termine en local (24 oct. 2026) */
#simulateur .sim-mode.est-indispo{cursor:default;pointer-events:none}
#simulateur .sim-mode.est-indispo .sim-mode-tag{color:rgba(247,245,243,.3)}

/* Détail du calcul (Alix, 24 oct. 2026 ; la fenêtre, la pointe de bulle et le panneau qui englobait la
   ligne essayés puis écartés) : le détail se déplie sous sa ligne dans une bulle un ton plus claire que
   le cadre (#202A3E éclairci de 5 %), sans pointe, qui le délimite du reste ; elle sort en glissant,
   hauteur et fondu en .35 s, et rentre de même. Fermée, elle est cachée (visibility) : ni lue ni
   atteinte au clavier. */
#simulateur .pv-depli{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--ease)}
#simulateur .pv-depli.est-ouvert{grid-template-rows:1fr}
#simulateur .pv-depli-in{min-height:0;overflow:hidden;visibility:hidden;transition:visibility 0s linear .35s}
#simulateur .pv-depli.est-ouvert .pv-depli-in{visibility:visible;transition-delay:0s}
#simulateur .pv-depli-corps{display:flex;flex-direction:column;gap:10px;margin:2px 0 14px;padding:16px 18px;
  border-radius:12px;background:#2B3447;opacity:0;transform:translateY(-6px);
  transition:opacity .3s var(--ease),transform .35s var(--ease)}
#simulateur .pv-depli.est-ouvert .pv-depli-corps{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  #simulateur .pv-depli,
  #simulateur .pv-depli-in,
  #simulateur .pv-depli-corps{transition:none}
}
/* résultats mis en valeur (Alix, même jour) : les intermédiaires (plus-value brute, plus-value
   imposable…) et celui de la ligne (l'impôt, les prélèvements…), dans le bleu clair des mots mis en
   avant (celui du titre), un cran plus grands, un peu d'air autour qui ferme chaque étape ; pas de
   filet au-dessus du dernier (« j'aime pas le trait », « impôt sur le revenu en couleur ») */
#simulateur .pv-depli .sim-dl--etape,
#simulateur .pv-depli .sim-dl--fort{margin:4px 0;padding-top:0;border-top:0;font-size:14.5px;font-weight:600}
#simulateur .pv-depli .sim-dl--etape > span,
#simulateur .pv-depli .sim-dl--etape > span:last-child,
#simulateur .pv-depli .sim-dl--fort > span,
#simulateur .pv-depli .sim-dl--fort > span:last-child{color:#BFCDF0}
/* Sources d'une ligne, en mode expert : « Sources » suivi d'un « ? », qui ouvre la fenêtre des aides
   (Alix, 24 oct. 2026) ; même dessin que le libellé d'un champ et son « ? » */
#simulateur .pv-sources{display:flex;align-items:center;min-height:15px;padding-top:4px}
#simulateur .pv-sources .sim-sources-titre{margin:0}
#simulateur .pv-sources .sim-aide-btn{margin:-15px -14px -15px -6px}

/* Quote-part de chaque vendeur : la jauge des engagements, sous son libellé */
#simulateur .sim-frais.sim-jauge.pv-jauge-pleine{margin-top:0}
#simulateur .pv-jauge-pleine .sim-jauge-v{width:118px}

/* Segments aux libellés longs (« Terrain à bâtir », « Forfait de 7,5 % ») : sur une
   ligne, un cran plus petits seulement quand la case est trop étroite (téléphone) */
#simulateur .sim-champ,
#simulateur .pv-sous{container:pv-champ / inline-size}
#simulateur .sim-seg-opt > span{white-space:nowrap}
@container pv-champ (max-width:300px){
  #simulateur .sim-seg:not(.sim-seg--3) .sim-seg-opt > span{padding:0 4px;font-size:14px}
}
/* « Donation ou succession » (Standard) : sur deux lignes équilibrées quand la case est trop étroite
   (téléphone), plutôt que rognée */
#simulateur #sim-lib-donation{white-space:normal;text-wrap:balance;line-height:1.2;text-align:center}
/* rubrique du démembrement : les libellés longs (Pleine propriété, Extinction de l'usufruit) passent sur
   deux lignes équilibrées au téléphone, comme « Donation ou succession » */
#simulateur [data-bloc="demembrement"] .sim-seg-opt > span{white-space:normal;text-wrap:balance;line-height:1.2;text-align:center}

/* Sous-champs d'une exonération (acquéreur, part de logements sociaux) : sous l'interrupteur,
   au même écart que la case d'un montant (sim-somme--petit), 12 px entre eux */
#simulateur .pv-sous{display:flex;flex-direction:column;gap:12px}
#simulateur .sim-grille--serree .sim-option-ligne ~ .pv-sous{margin-top:var(--lbl-gap)}

/* Fractions et droits démembrés : les lignes des emprunts du simulateur de frais de notaire, avec
   leur disposition étroite (montant, crayon et « − » en haut, description dessous) sous 560 px */
#simulateur #pv-fractions,
#simulateur #pv-droits{container:emprunts / inline-size}

/* ── Résultat : un carré de couleur par imposition ; la plus-value brute, qui
      n'est pas une imposition, n'a qu'un contour ── */
#simulateur [data-g="ir"] .sim-carre i{background-color:#BFCDF0}
#simulateur [data-g="ps"] .sim-carre i{background-color:#8BA3D9}
#simulateur [data-g="surtaxe"] .sim-carre i{background-color:#6B7B95}
#simulateur [data-g="cehr"] .sim-carre i{background-color:#F7F5F3}
#simulateur [data-g="pv"] .sim-carre i{box-sizing:border-box;border:1px solid rgba(247,245,243,.6);background:transparent}

@media print{
  #simulateur .sf-barre i[data-g="ir"]{background:#BFCDF0}
  #simulateur .sf-barre i[data-g="ps"]{background:#8BA3D9}
  #simulateur .sf-barre i[data-g="surtaxe"]{background:#6B7B95}
  #simulateur .sf-barre i[data-g="cehr"]{background:#202A3E}
  #simulateur .sim-fiche [data-g="ir"] i{background:#BFCDF0}
  #simulateur .sim-fiche [data-g="ps"] i{background:#8BA3D9}
  #simulateur .sim-fiche [data-g="surtaxe"] i{background:#6B7B95}
  #simulateur .sim-fiche [data-g="cehr"] i{background:#202A3E}
  #simulateur .sim-fiche [data-g="pv"] i{box-sizing:border-box;border:.25mm solid #202A3E;background:transparent}
}

/* ── Le bouton du calendrier, dans la case d'une date : à la place du « € » des montants,
      pictogramme de 16 px au trait des autres (Alix, 17 oct. 2026) ── */
#simulateur .pv-cal-btn{flex:none;width:44px;height:44px;margin:0 -14px 0 0;padding:0;border:0;background:transparent;
  display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgba(247,245,243,.8);-webkit-tap-highlight-color:transparent}
#simulateur .pv-cal-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}
#simulateur .pv-cal-btn[aria-expanded="true"]{color:#8BA3D9}
@media(hover:hover) and (min-width:601px){#simulateur .pv-cal-btn:hover{color:#F7F5F3}}

/* ═══ LE CALENDRIER ═══
   Hors de #simulateur, comme la liste dessinée du simulateur de frais de notaire (#sim-liste-pop) :
   même fond, même contour, même ombre, même bleu pour le choix ; aucune variable de #simulateur.
   z-index 460 : au-dessus du contenu, sous la barre basse du téléphone, le menu et la nav. */
#pv-cal{position:absolute;top:0;left:0;z-index:460;box-sizing:border-box;width:320px;margin:0;padding:12px;
  background:#202A3E;border:1px solid rgba(247,245,243,.3);border-radius:12px;box-shadow:0 18px 40px -12px rgba(0,0,0,.55);
  color:#F7F5F3;font-family:var(--mu);color-scheme:dark;-webkit-user-select:none;user-select:none}
#pv-cal[hidden]{display:none}
#pv-cal button{font-family:var(--mu);-webkit-tap-highlight-color:transparent}
#pv-cal .pv-cal-tete{display:flex;align-items:center;gap:4px;margin:0 0 8px}
#pv-cal .pv-cal-fleche{flex:none;width:40px;height:40px;margin:0;padding:0;border:0;border-radius:8px;background:transparent;
  display:flex;align-items:center;justify-content:center;color:#F7F5F3;cursor:pointer}
#pv-cal .pv-cal-fleche svg{width:8px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#pv-cal .pv-cal-titre{flex:1 1 auto;height:40px;margin:0;padding:0 8px;border:0;border-radius:8px;background:transparent;
  font-size:15px;font-weight:600;letter-spacing:0;color:#F7F5F3;cursor:pointer}
#pv-cal .pv-cal-semaine{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin:0 0 4px}
#pv-cal .pv-cal-semaine span{text-align:center;font-size:11px;font-weight:700;letter-spacing:.1em;color:rgba(247,245,243,.6)}
#pv-cal .pv-cal-grille{display:flex;flex-direction:column;gap:2px}
#pv-cal .pv-cal-ligne{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}
#pv-cal .pv-cal-grille--3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
#pv-cal .pv-cal-c{height:38px;margin:0;padding:0;border:0;border-radius:8px;background:transparent;font-size:14px;font-weight:400;
  color:rgba(247,245,243,.82);cursor:pointer;font-variant-numeric:tabular-nums}
#pv-cal .pv-cal-grille--3 .pv-cal-c{height:46px;font-size:15px}
/* jours des mois voisins : le gris des choix non retenus, plus pâle */
#pv-cal .pv-cal-c.est-hors{color:rgba(247,245,243,.35)}
/* aujourd'hui : un contour fin au bleu des boutons du site */
#pv-cal .pv-cal-c.est-auj{box-shadow:inset 0 0 0 1px rgba(139,163,217,.75)}
/* la date choisie : pleine, comme un choix retenu (Standard / Expert, Ancien / Neuf) */
#pv-cal .pv-cal-c[aria-pressed="true"]{background:#8BA3D9;color:#131B2A;box-shadow:none}
#pv-cal .pv-cal-c:disabled{color:rgba(247,245,243,.2);cursor:default}
#pv-cal button:focus-visible{outline:2px solid #8BA3D9;outline-offset:-2px}
#pv-cal .pv-cal-pied{display:flex;justify-content:space-between;align-items:center;margin:8px 0 0;padding:6px 0 0;border-top:1px solid rgba(247,245,243,.12)}
#pv-cal .pv-cal-lien{min-height:40px;margin:0;padding:0 6px;border:0;background:transparent;font-size:13px;font-weight:600;
  color:#BFCDF0;cursor:pointer}
@media(hover:hover) and (min-width:601px){
  #pv-cal .pv-cal-c:not(:disabled):not([aria-pressed="true"]):hover,
  #pv-cal .pv-cal-fleche:hover,
  #pv-cal .pv-cal-titre:hover{background:rgba(139,163,217,.16);color:#F7F5F3}
  #pv-cal .pv-cal-lien:hover{text-decoration:underline;text-underline-offset:3px}
}
@media(max-width:600px){#pv-cal .pv-cal-c{height:40px}}
@media(prefers-reduced-motion:reduce){#pv-cal *{transition:none}}
@media print{#pv-cal{display:none!important}}