/* Feuille de widget « sk-vpv » — extraite des recettes de contenu (lot B, chantier 6) par
   tools/styles-check/extraire-styles-recettes.py ; valeurs = jetons de sk-tokens.css. */
/* 05/10/2026 : ventes privées à la manière d'un site de ventes événementielles — grandes affiches sur deux colonnes, une
   bande datée sous chacune (« Jusqu'au samedi 10 octobre 2026 07:00 »), « + » pour déplier les offres de la vente ;
   rubriques « En ce moment », « Bientôt », « Terminées cette semaine ». */
.sk-vpv-rubrique{margin:0 0 1.8rem}
.sk-vpv-rubrique > h3{font-size:1.25rem;font-weight:800;margin:0 0 .2rem;color:var(--vpa-encre);letter-spacing:-.01em}
.sk-vpv-rubrique > p{margin:0 0 .9rem;color:var(--vpa-sourd);font-size:.9rem}
.sk-vpv-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:1.25rem}
.sk-vpv{background:var(--sk-surface);border-radius:var(--sk-radius-xs);overflow:hidden;box-shadow:0 1px 3px rgba(22,19,43,.12);color:var(--vpa-encre);display:flex;flex-direction:column}
.sk-vpv-visuel{position:relative;display:block;width:100%;aspect-ratio:2.4/1;border:0;padding:0;margin:0;cursor:pointer;background:var(--sk-c-violet-2) center/cover no-repeat;max-width:100%;text-align:start}
.sk-vpv-visuel.vide{background:linear-gradient(120deg,var(--sk-fg) 0%,var(--sk-c-violet-5) 55%,var(--sk-c-violet-1) 100%)}
.sk-vpv-visuel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.55) 100%)}
.sk-vpv-visuel .nom{position:absolute;inset-inline-start:1rem;bottom:.8rem;inset-inline-end:5rem;z-index:1;color:var(--sk-on-primary);font-size:1.35rem;font-weight:800;line-height:1.15;text-shadow:0 1px 6px rgba(0,0,0,.35);text-wrap:balance}
.sk-vpv-visuel .puce{position:absolute;top:.7rem;inset-inline-end:.7rem;z-index:1;background:var(--sk-surface);color:var(--vpa-encre);border-radius:var(--sk-radius-xs);padding:.2rem .5rem;font-size:.74rem;font-weight:600;box-shadow:0 1px 4px rgba(0,0,0,.18)}
.sk-vpv-visuel .puce b{color:var(--sk-c-rose-1)}
.sk-vpv-visuel .puce.fini{background:var(--sk-fg-soft);color:var(--sk-on-primary)}
.sk-vpv.terminee .sk-vpv-visuel{filter:grayscale(.85);cursor:default}
.sk-vpv-bande{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;flex-wrap:wrap}
.sk-vpv-bande .quand{flex:1;min-width:0;font-size:.9rem}
.sk-vpv-bande .quand b{font-weight:700}
.sk-vpv-bande .nb{font-size:.78rem;color:var(--vpa-sourd);display:block;margin-top:.1rem}
.sk-vpv-plus{height:38px;border:1px solid var(--vpa-trait);background:var(--sk-surface);border-radius:var(--sk-radius-pill);cursor:pointer;color:var(--vpa-encre);font:inherit;font-size:.86rem;font-weight:700;display:inline-flex;align-items:center;gap:.4rem;padding:0 .9rem}
.sk-vpv-plus:hover{background:var(--sk-bg)}
.sk-vpv-desc{grid-column:1/-1;margin:0 0 .2rem;font-size:.9rem;color:var(--sk-fg-soft);line-height:1.5}
.sk-vpv-plus[aria-expanded="true"] i{transform:rotate(45deg)}
.sk-vpv-plus i{transition:transform .15s}
.sk-vpv-offres{border-top:1px solid var(--vpa-trait);padding:.9rem 1rem 1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}
.sk-vpv-offres a{display:block;text-decoration:none;color:inherit;border:1px solid var(--vpa-trait);border-radius:var(--sk-radius-sm);overflow:hidden;background:var(--sk-surface)}
.sk-vpv-offres .img{aspect-ratio:1/1;background:var(--sk-bg) center/cover no-repeat}
.sk-vpv-offres .txt{padding:.45rem .55rem;font-size:.8rem}
.sk-vpv-offres .txt strong{display:block;font-weight:600;line-height:1.25;max-height:2.5em;overflow:hidden}
.sk-vpv-offres .txt span{color:var(--sk-c-rose-1);font-weight:700}
.sk-vpv-offres .info{grid-column:1/-1;color:var(--vpa-sourd);font-size:.85rem}
.sk-vpv-plus:focus-visible,.sk-vpv-visuel:focus-visible,.sk-vpv-offres a:focus-visible{outline:2px solid var(--vpa-violet);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.sk-vpv-plus i{transition:none}}