/*
 * Gabarit « Podcast / Vidéo – mise en page magazine » (front/templates/podcast_magazine.php), maquette Lacondemine du 22/10/2026.
 * Chargé après chateau-coccinelles-podcast.css ; tout est limité à body.podcast-magazine.
 */

/* Intro : chapô (44 %) et diaporama (56 %) côte à côte sur toute la largeur. */
body.podcast-magazine .pm-intro-row .coccinelles-podcast-intro{margin:0!important;min-height:0!important}
body.podcast-magazine .pm-intro-row .coccinelles-podcast-intro>div{padding:0!important}
body.podcast-magazine .pm-intro-row .coccinelles-podcast-chapo{margin:0!important}
body.podcast-magazine .pm-intro-row .coccinelles-podcast-gallery{position:relative!important;width:100%!important;height:auto!important;margin:0!important;overflow:hidden!important}
body.podcast-magazine .pm-intro-row .coccinelles-podcast-gallery-slide img{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:3/2;object-fit:cover!important}
body.podcast-magazine .pm-gallery-arrow{position:absolute;z-index:6;top:calc(50% - 34px);display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.88);color:#111;font:26px/1 Arial,sans-serif;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.2)}
body.podcast-magazine .pm-gallery-arrow:hover,body.podcast-magazine .pm-gallery-arrow:focus-visible{background:#fff}
body.podcast-magazine .pm-gallery-prev{left:10px}
body.podcast-magazine .pm-gallery-next{right:10px}

/* Encadrés : texte centré, titre 16 px en capitales, texte 14 px. */
body.podcast-magazine .coccinelles-podcast-article .coccinelles-callout,
body.podcast-magazine .coccinelles-podcast-article .coccinelles-callout :is(h2,h3,h4,p){text-align:center!important;text-align-last:center!important;text-wrap:pretty}
body.podcast-magazine .coccinelles-podcast-article .coccinelles-callout{box-sizing:border-box;max-width:360px;margin:24px auto!important;padding:16px!important}
body.podcast-magazine .coccinelles-podcast-article .coccinelles-callout :is(h2,h3,h4){margin:0 0 12px!important;font-size:16px!important;line-height:1.25!important;text-transform:uppercase}
body.podcast-magazine .coccinelles-podcast-article .coccinelles-callout p{margin:0 0 10px!important;font-size:14px!important;line-height:1.4!important}
body.podcast-magazine .coccinelles-podcast-article .coccinelles-callout p:has(>strong:only-child){margin-bottom:2px!important}
body.podcast-magazine .coccinelles-podcast-article .coccinelles-callout p:last-child{margin-bottom:0!important}

/* Bloc « Achat express » : fond gris clair, récompenses du catalogue en haut à gauche. */
body.podcast-magazine .pm-sidebar .coccinelles-podcast-products{background:#e5e3df!important;border:0!important;box-shadow:none!important}
body.podcast-magazine .pm-sidebar .coccinelles-podcast-products>p,
body.podcast-magazine .pm-sidebar .coccinelles-podcast-products>h2{display:none!important}
body.podcast-magazine .pm-sidebar .vinea-product-type-card{background:transparent!important;border:0!important}
body.podcast-magazine .pm-sidebar .vinea-product-type-awards{text-align:left!important}

/* « À lire également » sous la mise en page, sur la largeur du contenu. */
body.podcast-magazine .podcast-magazine-page>.coccinelles-podcast-related{box-sizing:border-box;width:auto!important;max-width:1240px;margin:36px auto 0!important;padding-right:12px!important;padding-left:12px!important}

@media(min-width:901px){
  body.podcast-magazine .pm-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(280px,28vw)!important;gap:12px 24px!important;box-sizing:border-box;width:calc(100% - 24px)!important;max-width:1240px!important;margin:0 auto!important;padding:28px 0 0!important}
  body.podcast-magazine .pm-layout.coccinelles-podcast-layout--solo{grid-template-columns:minmax(0,1fr)!important}
  body.podcast-magazine .pm-intro-row{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,44fr) minmax(0,56fr);gap:28px;align-items:start;margin-bottom:16px}
  body.podcast-magazine .pm-intro-row .coccinelles-podcast-intro{padding:0 12px 0 50px!important}
  body.podcast-magazine .pm-intro-row .coccinelles-podcast-chapo{font-size:18px!important;line-height:1.6!important}
  body.podcast-magazine .coccinelles-podcast-article{min-width:0;margin:0!important;padding:0!important}
  body.podcast-magazine .pm-transcript{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:24px!important;align-items:start;box-sizing:border-box;width:auto!important;margin:0!important;padding:0 38px!important;columns:auto!important}
  body.podcast-magazine .pm-transcript>.coccinelles-podcast-text-column{min-width:0;margin:0!important;padding:0 12px!important;display:flow-root}
  body.podcast-magazine .pm-transcript>.coccinelles-podcast-text-column+.coccinelles-podcast-text-column{border-left:1px solid #ddd}
  /* Encadré centré entre les colonnes : le texte l'entoure grâce à une découpe flottante en haut de chaque colonne. */
  body.podcast-magazine .pm-transcript.pm-wrap>.pm-centered-box{position:absolute;z-index:2;top:var(--pm-box-top,0px);left:50%;width:320px;transform:translateX(-50%)}
  body.podcast-magazine .pm-transcript.pm-wrap>.pm-centered-box .coccinelles-callout{width:auto!important;max-width:none!important;margin:0!important;background:#fff}
  body.podcast-magazine .pm-cutout{width:164px;height:calc(var(--pm-box-top,0px) + var(--pm-box-h,0px));shape-outside:inset(var(--pm-box-top,0px) 0 0 0);pointer-events:none}
  body.podcast-magazine .coccinelles-podcast-text-column-first>.pm-cutout{float:right;margin-right:-12px}
  body.podcast-magazine #coccinellesPodcastColumn2>.pm-cutout{float:left;margin-left:-12px}
  body.podcast-magazine .pm-transcript:not(.pm-wrap)>.pm-centered-box{grid-column:1/-1}
  /* Achat express : colonne de droite, collé sous le bandeau jusqu'à la fin du texte. */
  body.podcast-magazine .pm-sidebar{position:relative!important;top:auto!important;align-self:stretch!important;height:auto!important;max-height:none!important;overflow:visible!important}
  body.podcast-magazine .pm-sidebar .coccinelles-podcast-products{position:relative!important;top:auto;right:auto!important;left:auto;transform:none!important;box-sizing:border-box;width:min(336px,100%)!important;min-width:0!important;max-width:min(336px,100%)!important;margin:0 auto!important}
  /* Épinglage par podcast-magazine.js (position sticky inopérante : overflow-x hidden sur html et body). */
  body.podcast-magazine .pm-sidebar .coccinelles-podcast-products.pm-fixed{position:fixed!important;z-index:50;margin:0!important;width:min(336px,calc(var(--pm-side-w,320px)))!important}
  body.podcast-magazine .pm-sidebar .coccinelles-podcast-products.pm-stopped{position:absolute!important;right:0!important;left:0!important;margin:0 auto!important}
}
@media(min-width:1100px){
  body.podcast-magazine .pm-layout{grid-template-columns:minmax(0,1fr) 320px!important}
}
@media(max-width:900px){
  body.podcast-magazine .pm-intro-row{display:grid;gap:20px;margin:20px 0 24px}
  body.podcast-magazine .pm-cutout{display:none}
  body.podcast-magazine .pm-centered-box{margin:24px auto}
  body.podcast-magazine .pm-sidebar .coccinelles-podcast-products{max-width:360px;margin:24px auto 0}
}

/* Diaporama plein écran : zoom au double-clic (podcast-magazine.js). */
body.podcast-magazine .coccinelles-slideshow-modal img{cursor:zoom-in}
body.podcast-magazine .coccinelles-slideshow-modal.is-zoomed figure{max-width:100%;max-height:calc(100svh - 110px);overflow:auto;overscroll-behavior:contain;display:block}
body.podcast-magazine .coccinelles-slideshow-modal.is-zoomed img{width:180%;max-width:none;max-height:none;cursor:zoom-out}