/* Parresia-F — slider Melody (bloc parresia-f/melody-slider) */
.parresia-melody-slider{--pms-accent:var(--wp--preset--color--primary,#1769aa);--pms-ink:#0d1526;--pms-ink-soft:rgba(13,21,38,.72);--pms-paper:#fff;--pms-muted:#8b93a3;position:relative;width:100%;box-sizing:border-box;outline:none}
.parresia-melody-slider *{box-sizing:border-box}
/* Largeur dans la colonne, centrée (défaut 50 %) ; pleine largeur sur écran étroit */
.parresia-melody-slider.is-width-75{width:75%;margin-left:auto;margin-right:auto}
.parresia-melody-slider.is-width-50{width:50%;margin-left:auto;margin-right:auto}
.parresia-melody-slider.alignwide,.parresia-melody-slider.alignfull{width:auto}
@media(max-width:680px){.parresia-melody-slider.is-width-75,.parresia-melody-slider.is-width-50{width:100%}}
.parresia-melody-slider:focus-visible .pms__stage{box-shadow:0 0 0 3px var(--pms-accent)}

/* Scène */
.pms__stage{position:relative;overflow:hidden;border-radius:var(--pms-radius,10px);background:var(--pms-ink);box-shadow:0 18px 40px -24px rgba(13,21,38,.55)}
.pms__viewport{overflow:hidden}
.pms__track{display:flex;transition-property:transform;transition-timing-function:cubic-bezier(.22,.61,.36,1);will-change:transform;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}
.pms__stage{cursor:grab}
.pms__stage:has(.is-dragging){cursor:grabbing}
.pms__track.is-dragging{transition:none;cursor:grabbing}
/* Les diapositives sont des <figure> : on neutralise les règles du thème sur les figures d'article
   (.prose figure : largeur 50 %, marges verticales, image arrondie) qui creusaient une bande sombre sous l'image. */
.parresia-melody-slider .pms__slide{position:relative;flex:0 0 100%;width:100%;max-width:none;margin:0;padding:0;border:0;min-width:0;background:none}
.parresia-melody-slider .pms__open{display:block;position:relative;width:100%;padding:0;margin:0;border:0;border-radius:0;background:transparent;cursor:zoom-in;aspect-ratio:var(--pms-ratio,1000/550);overflow:hidden;color:inherit}
span.pms__open{cursor:default}
.parresia-melody-slider .pms__open img{display:block;width:100%;height:100%;max-width:none;margin:0;border-radius:0;object-fit:cover;transform:scale(1.001);transition:transform 1.2s cubic-bezier(.22,.61,.36,1)}
.pms__slide[aria-hidden="false"] .pms__open:hover img{transform:scale(1.035)}
.pms__zoom{position:absolute;top:14px;left:14px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(13,21,38,.55);color:#fff;opacity:0;transform:translateY(-4px);transition:opacity .25s,transform .25s;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.pms__zoom svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.pms__open:hover .pms__zoom,.pms__open:focus-visible .pms__zoom{opacity:1;transform:none}
.pms__open:focus-visible{outline:3px solid var(--pms-accent);outline-offset:-3px}

/* Légendes : sous l'image (défaut, présentation des légendes d'article du thème), sur l'image (dégradé) ou panneau.
   Le thème stylise aussi `figcaption` (flex, filet, couleur) : les règles ci-dessous sont plus spécifiques. */
.parresia-melody-slider .pms__caption{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;border:0;background:none;color:var(--pms-paper);font-size:.9rem;line-height:1.45;text-align:left}
.parresia-melody-slider .pms__caption-text{font-weight:500}
.parresia-melody-slider .pms__credit{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;opacity:.75;font-style:normal}
.parresia-melody-slider.is-caption-overlay .pms__caption{position:absolute;left:0;right:0;bottom:0;padding:56px 20px 18px;background:linear-gradient(to top,rgba(13,21,38,.88) 0%,rgba(13,21,38,.55) 55%,rgba(13,21,38,0) 100%);pointer-events:none}
.parresia-melody-slider.is-caption-overlay .pms__caption-text{text-shadow:0 1px 2px rgba(0,0,0,.4)}
/* Sous l'image : filet clair puis légende à gauche et crédit à droite en italique, collés sous le filet, comme
   les légendes d'images d'article (.prose figcaption). La scène devient transparente, l'image garde son arrondi. */
.parresia-melody-slider.is-caption-below .pms__stage{background:transparent;box-shadow:none;border-radius:0}
.parresia-melody-slider.is-caption-below .pms__open{border-radius:var(--pms-radius,10px);background:var(--pms-ink)}
/* Légende en gras sur sa ligne, crédit en dessous : même traitement que les images d'article (maquette du
   23/09/2026). Les deux étaient auparavant sur une même ligne, la légende à gauche et le crédit à droite.
   Ni filet ni retrait : la légende se distingue par sa graisse, pas par un trait (23/09/2026). Le corps
   reprend celui que le thème donne à ses propres légendes (11.5 px, écrit en dur dans sa feuille, et non
   sa variable --fs-folio qui vaut 12.5 px) : sans cela le diaporama affichait 1 px de plus que les images
   de l'article. */
.parresia-melody-slider.is-caption-below .pms__caption{flex-direction:column;gap:2px;margin:8px 0 0;padding:0 2px;border:0;font-family:var(--font-titre,var(--wp--custom--ds--font-titre,inherit));font-size:11.5px;line-height:var(--lh-folio,1.45);color:var(--meta,var(--c-texte-doux,#6b7280))}
.parresia-melody-slider.is-caption-below .pms__caption-text{font-weight:700;color:var(--c-encre,var(--navy,#0e1b3c))}
.parresia-melody-slider.is-caption-below .pms__credit{font-size:.92em;letter-spacing:0;text-transform:none;font-style:normal;opacity:1;color:var(--c-texte-doux,var(--meta,#5c6472))}
.parresia-melody-slider.is-caption-below .pms__counter{top:12px;right:12px}

/* Style « Une » (hero-card de la home Parresia Blocks) : panneau encre 40 % + image 60 %, plancher 300 px */
.parresia-melody-slider{--pms-encre:var(--c-encre,var(--wp--custom--ds--color-encre,#0d1526));--pms-papier:var(--c-papier,var(--wp--custom--ds--color-papier,#fff));--pms-rouge:var(--c-rouge,var(--red,#d0021b));--pms-font-titre:var(--font-titre,var(--wp--custom--ds--font-titre,inherit));--pms-fs-titre:var(--fs-une-carte,var(--wp--custom--ds--fs-une-carte,24px))}
.is-caption-panel .pms__stage{background:var(--pms-encre);box-shadow:none}
.is-caption-panel .pms__slide{display:grid;grid-template-columns:minmax(var(--col-droite,300px),40%) minmax(0,1fr);min-height:320px;background:var(--pms-encre);color:var(--pms-papier)}
.is-caption-panel .pms__open{aspect-ratio:auto;min-height:100%;height:100%}
.is-caption-panel .pms__open img{transition:transform 1.2s cubic-bezier(.22,.61,.36,1)}
.parresia-melody-slider.is-caption-panel .pms__panel{display:flex;flex-direction:column;order:-1;margin:0;padding:58px 28px 24px;border:0;background:none;min-width:0;text-align:left;color:var(--pms-papier)}
.pms__tab{position:absolute;top:18px;left:18px;z-index:2;display:inline-block;padding:5px 10px;border-radius:4px;background:var(--pms-rouge);color:#fff;font-family:var(--pms-font-titre);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.2;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.pms__k{color:#fff;opacity:.82;font-family:var(--pms-font-titre);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}
.pms__title{display:block;font-family:var(--pms-font-titre);font-weight:700;font-size:calc(var(--pms-fs-titre) * .875);line-height:1.2;letter-spacing:-.01em;color:var(--pms-papier);max-width:30ch;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5}
.pms__meta{display:block;color:#aeb6c6;font-size:.8rem;letter-spacing:.02em;margin-top:auto;padding-top:18px}
.is-caption-panel.has-arrows .pms__panel{padding-bottom:78px}
.is-caption-panel .pms__stage .pms__arrow{top:auto;bottom:22px;transform:none;width:38px;height:38px;border-color:rgba(255,255,255,.28);background:transparent;opacity:1;backdrop-filter:none;-webkit-backdrop-filter:none}
.is-caption-panel .pms__stage .pms__arrow.is-prev{left:28px}
.is-caption-panel .pms__stage .pms__arrow.is-next{left:74px;right:auto}
.is-caption-panel .pms__stage .pms__arrow:hover{background:var(--pms-rouge);border-color:transparent}
.is-caption-panel .pms__zoom{top:auto;bottom:14px;left:auto;right:14px}
@media(max-width:1319px){.pms__title{font-size:calc(var(--pms-fs-titre) * .78)}}
@media(max-width:680px){
  .is-caption-panel .pms__slide{grid-template-columns:1fr;min-height:0}
  .is-caption-panel .pms__open{aspect-ratio:var(--pms-ratio,1000/550);height:auto;min-height:0}
  .parresia-melody-slider.is-caption-panel .pms__panel{order:1;padding:20px 18px 18px}
  .parresia-melody-slider.is-caption-panel.has-arrows .pms__panel{padding-bottom:18px}
  .pms__tab{top:12px;left:12px}
  .pms__k{margin-bottom:8px}
  .pms__title{font-size:1.05rem;max-width:none;-webkit-line-clamp:4;line-clamp:4}
  .pms__meta{padding-top:12px}
  .is-caption-panel .pms__stage .pms__arrow{top:calc((100vw - 40px) * 0.55 / 2);bottom:auto;transform:translateY(-50%);background:rgba(13,21,38,.55);border-color:rgba(255,255,255,.18)}
  .is-caption-panel .pms__stage .pms__arrow.is-prev{left:8px}
  .is-caption-panel .pms__stage .pms__arrow.is-next{left:auto;right:8px}
}

/* Compteur, flèches, progression */
.pms__counter{position:absolute;top:14px;right:14px;z-index:3;display:inline-flex;align-items:baseline;gap:4px;padding:5px 11px;border-radius:999px;background:rgba(13,21,38,.6);color:#fff;font-size:.78rem;font-variant-numeric:tabular-nums;letter-spacing:.04em;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.pms__counter-sep{opacity:.6}
.pms__arrow,.pms__lb-arrow{position:absolute;top:50%;z-index:4;display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(13,21,38,.55);color:#fff;cursor:pointer;transform:translateY(-50%);transition:background .2s,opacity .25s,transform .25s;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.pms__arrow svg,.pms__lb-arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.pms__arrow:hover,.pms__lb-arrow:hover{background:var(--pms-accent);border-color:transparent}
.pms__arrow:focus-visible,.pms__lb-arrow:focus-visible,.pms__lb-close:focus-visible,.pms__thumb:focus-visible{outline:3px solid #fff;outline-offset:2px}
.pms__arrow:disabled,.pms__lb-arrow:disabled{opacity:.3;cursor:default}
.pms__arrow.is-prev{left:16px}
.pms__arrow.is-next{right:16px}
@media(hover:hover){.pms__stage .pms__arrow{opacity:0;transform:translateY(-50%) translateX(var(--pms-shift,0))}.pms__arrow.is-prev{--pms-shift:-8px}.pms__arrow.is-next{--pms-shift:8px}.pms__stage:hover .pms__arrow,.parresia-melody-slider:focus-within .pms__arrow{opacity:1;transform:translateY(-50%)}}
.pms__progress{position:absolute;left:0;right:0;bottom:0;z-index:3;height:3px;background:rgba(255,255,255,.18)}
.pms__progress span{display:block;height:100%;width:0;background:var(--pms-accent);transition:width linear}

/* Vignettes et points */
.pms__thumbs{display:flex;gap:8px;margin-top:10px;padding:2px 2px 6px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--pms-muted) transparent}
.pms__thumbs::-webkit-scrollbar{height:6px}
.pms__thumbs::-webkit-scrollbar-thumb{border-radius:3px;background:var(--pms-muted)}
.pms__thumb{flex:0 0 auto;width:96px;aspect-ratio:16/10;padding:0;border:0;border-radius:calc(var(--pms-radius,10px) * .6);overflow:hidden;background:var(--pms-ink);cursor:pointer;opacity:.55;scroll-snap-align:center;transition:opacity .2s,transform .2s,box-shadow .2s;position:relative}
.pms__thumb img{display:block;width:100%;height:100%;object-fit:cover}
.pms__thumb:hover{opacity:.85}
.pms__thumb.is-active{opacity:1;box-shadow:0 0 0 2px var(--pms-accent),0 6px 16px -8px rgba(13,21,38,.6)}
/* Points = barres 22 × 5 comme la Une de la home */
.pms__dots{display:flex;justify-content:center;gap:7px;margin-top:16px}
.pms__dots button{position:relative;width:22px;height:24px;padding:0;border:0;background:transparent;cursor:pointer}
.pms__dots button::before{content:"";position:absolute;left:0;right:0;top:50%;height:5px;border-radius:3px;background:#d3d6dd;transform:translateY(-50%);transition:background .2s}
.pms__dots button:hover::before{background:#e9a1a6}
.pms__dots button.is-active::before{background:var(--pms-rouge,#d0021b)}
.pms__dots button:focus-visible{outline:2px solid var(--pms-rouge,#d0021b);outline-offset:2px}

/* Lightbox */
.pms__lightbox{position:fixed;inset:0;width:100vw;width:100dvw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#080b12;color:#fff;overflow:hidden;display:none;flex-direction:column}
.pms__lightbox[open]{display:flex}
.pms__lightbox::backdrop{background:rgba(8,11,18,.94)}
.pms__lb-bar{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;padding:14px 18px;font-size:.85rem;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:rgba(255,255,255,.75)}
.pms__lb-close{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(255,255,255,.06);color:#fff;cursor:pointer;transition:background .2s}
.pms__lb-close:hover{background:var(--pms-accent);border-color:transparent}
.pms__lb-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.pms__lb-body{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 84px;touch-action:pan-y}
.pms__lb-figure{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;margin:0;min-height:0}
.pms__lb-figure img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:6px;box-shadow:0 30px 60px -30px rgba(0,0,0,.9);opacity:1;transition:opacity .28s ease;flex:0 1 auto;min-height:0}
.pms__lb-figure img.is-fading{opacity:0}
.pms__lb-caption{display:flex;flex-direction:column;align-items:center;gap:4px;flex:0 0 auto;max-width:900px;padding:14px 8px 0;text-align:center;line-height:1.45}
.pms__lb-caption:empty{display:none}
.pms__lb-text{font-size:.95rem}
.pms__lb-credit{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.pms__lb-credit:empty,.pms__lb-text:empty{display:none}
.pms__lb-arrow.is-prev{left:20px}
.pms__lb-arrow.is-next{right:20px}
.pms__lb-thumbs{display:flex;justify-content:center;gap:8px;flex:0 0 auto;padding:12px 18px 16px;overflow-x:auto;scrollbar-width:thin}
.pms__lb-thumbs .pms__thumb{width:72px;opacity:.4}
.pms__lb-thumbs .pms__thumb.is-active{opacity:1}
body.pms-lightbox-open{overflow:hidden}
.pms__empty,.parresia-melody-slider__empty{padding:24px;border:1px dashed var(--pms-muted);text-align:center}

/* Écrans étroits */
@media(max-width:680px){
  .pms__arrow{width:38px;height:38px}
  .pms__arrow.is-prev{left:8px}
  .pms__arrow.is-next{right:8px}
  .pms__counter{top:10px;right:10px;font-size:.72rem}
  .pms__zoom{display:none}
  .parresia-melody-slider.is-caption-overlay .pms__caption{padding:40px 14px 12px;font-size:.82rem}
  .parresia-melody-slider.is-caption-below .pms__caption{flex-direction:column;gap:2px}
  .pms__thumb{width:72px}
  .pms__lb-body{padding:0 8px}
  .pms__lb-arrow{width:40px;height:40px;top:auto;bottom:10px;transform:none}
  .pms__lb-arrow.is-prev{left:12px}
  .pms__lb-arrow.is-next{right:12px}
  .pms__lb-thumbs{display:none}
  .pms__lb-caption{padding-bottom:56px}
}
@media(prefers-reduced-motion:reduce){
  .pms__track,.pms__open img,.pms__lb-figure img,.pms__arrow,.pms__zoom{transition:none}
}