/* Plateful — ce que le thème ajoute à la vitrine portée (assets/css/base.css = CSS de la source).
   Seulement : les widgets d'apps reconstruits (Videowise) et les écarts assumés, documentés ici. */

/* Carrousel vidéo Videowise (parts-php/videowise.php) — tuiles 9:16, mesurées sur la source :
   accueil 4 × 288 px, espacement 16 px ; mobile 2 colonnes, espacement 4 px. */
.plf-vw { width: 100%; }
.plf-vw__track { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - (var(--plf-vw-cd) - 1) * var(--plf-vw-gd)) / var(--plf-vw-cd)); gap: var(--plf-vw-gd); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.plf-vw__track::-webkit-scrollbar { display: none; }
.plf-vw__item { position: relative; display: block; min-width: 0; aspect-ratio: 9 / 16; padding: 0; border: 0; background: #000; cursor: pointer; scroll-snap-align: start; overflow: hidden; }
.plf-vw__clip { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
.plf-vw__play { position: absolute; left: 50%; top: 50%; width: 72px; height: 72px; margin: -36px 0 0 -36px; border-radius: 50%; background: #000; display: flex; align-items: center; justify-content: center; }
.plf-vw__play svg { margin-left: 4px; }
@media (max-width: 749px) {
  .plf-vw__track { grid-auto-columns: calc((100% - (var(--plf-vw-cm) - 1) * var(--plf-vw-gm)) / var(--plf-vw-cm)); gap: var(--plf-vw-gm); }
  .plf-vw__play { width: 56px; height: 56px; margin: -28px 0 0 -28px; }
}
.plf-vw-modal { position: fixed; inset: 0; z-index: 100000; background: rgba(0,0,0,.85); display: flex; align-items: center; justify-content: center; }
.plf-vw-modal video { max-width: min(420px, 92vw); max-height: 88vh; aspect-ratio: 9 / 16; background: #000; }
.plf-vw-modal__close { position: absolute; top: 16px; right: 16px; width: 44px; height: 44px; border: 0; border-radius: 50%; background: #fff; font-size: 26px; line-height: 44px; cursor: pointer; }