/* ══ PÉAGE DES PRÉSENTATIONS POWERPOINT (2026-10-07), préfixe lvp- ══════════════════════════════════════════════════════
   Shared/MemorandumModal.razor (la fenêtre des présentations), Shared/LivrablePrix.razor (le prix sur la carte d'un modèle),
   Shared/LivrablePeagePied.razor (la phrase du péage sous le modèle choisi, « Choisir <formule> »), Shared/LivrablesPeageHote.razor
   (l'avis de la vitrine au-dessus des cartes : FormuleParcoursAvis, styles vit-pc- d'actualisation.css). Règles :
   Services/Livrables/PeageLivrables.cs.
   • Un modèle grisé par la vitrine (.lvp-grise) garde sa place : inerte (attribut inert), adouci, son étiquette de formule nette,
     comme un élément du parcours live hors formule.
   • Jetons de la fenêtre : --tx*, --mut*, --o8, --brand, --brand-strong, --brand-contrast, --st-* (clair et sombre).
   ═══════════════════════════════════════════════════════════════════════════════════════════════════════════════════ */

/* ── Le prix sur la carte d'un modèle ─────────────────────────────────────────────────────────────────────────────── */
.lvp-prix {
    display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 999px; white-space: nowrap;
    font-size: .7rem; font-weight: 750; line-height: 1.35; font-variant-numeric: tabular-nums;
    border: 1px solid transparent;
}
.lvp-prix .iku-ico { flex: 0 0 auto; }
.lvp-prix.compris { color: var(--st-green, #34d399); background: color-mix(in srgb, var(--st-green, #34d399) 13%, transparent); }
.lvp-prix.regle { color: var(--brand-strong, var(--brand, #00b1cf)); background: color-mix(in srgb, var(--brand, #00b1cf) 13%, transparent); }
.lvp-prix.payant { color: var(--tx1, #e9f1f2); background: color-mix(in srgb, var(--brand, #00b1cf) 10%, transparent);
                   border-color: color-mix(in srgb, var(--brand, #00b1cf) 38%, var(--o8, rgba(255,255,255,.12))); }
.lvp-prix.indispo { color: var(--mut1, #9fb3ba); background: color-mix(in srgb, var(--tx1, #e9f1f2) 6%, transparent); }
/* Dans le pied de la carte : le prix suit le nombre de diapositives, « Composer » reste à droite. */
.memo-carte-pied > .lvp-prix, .memo-carte-pied > .vit-pc-etiq { margin-right: auto; }

/* ── Un modèle grisé par la vitrine (formule choisie plus petite que la sienne) ───────────────────────────────────── */
.memo-carte.lvp-grise { cursor: default; }
.memo-carte.lvp-grise:hover { transform: none; box-shadow: none; border-color: var(--o8, rgba(255,255,255,.12)); }
.memo-carte.lvp-grise:hover::before { transform: scaleX(0); }
.memo-carte.lvp-grise :is(.memo-carte-ic, .memo-carte-t, .memo-carte-d, .memo-badge, .memo-chip, .memo-lien) { opacity: .42; filter: grayscale(.7); }

/* ── La phrase du péage (pied de la fenêtre, sous « Actualiser ») ─────────────────────────────────────────────────── */
.lvp-pied { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; min-width: 0; }
.memo-pied-txt .lvp-pied, .memo-pied-txt .lvp-pied span { font-size: .76rem; line-height: 1.4; color: var(--mut1, #9fb3ba); }
.memo-actions > .lvp-pied { flex: 1 1 260px; font-size: .76rem; line-height: 1.4; color: var(--mut1, #9fb3ba); }
.lvp-pied[data-lvp-statut="compris"] .lvp-pied-t, .lvp-pied[data-lvp-statut="inclus"] .lvp-pied-t { color: var(--st-green, #34d399); }
.lvp-pied[data-lvp-statut="regle"] .lvp-pied-t { color: var(--brand-strong, var(--brand, #00b1cf)); }
.lvp-choisir {
    display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 8px; cursor: pointer;
    font: inherit; font-size: .72rem; font-weight: 700; white-space: nowrap;
    color: var(--brand-strong, var(--brand, #00b1cf)); background: color-mix(in srgb, var(--brand, #00b1cf) 9%, transparent);
    border: 1px solid color-mix(in srgb, var(--brand, #00b1cf) 42%, transparent);
}
.lvp-choisir:hover { color: var(--brand-contrast, #04222a); background: var(--brand, #00b1cf); }
.lvp-choisir:focus-visible { outline: 2px solid var(--brand, #00b1cf); outline-offset: 2px; }
.lvp-choisir .iku-ico { flex: 0 0 auto; }

/* ── L'avis de la vitrine au-dessus des cartes ────────────────────────────────────────────────────────────────────── */
.memo-corps > .vit-pc-avis { margin: 0 0 -4px; }