/* ==========================================================================
   Module Pages intérieures — préfixe body.fpa-md--pages
   Retouches propres à une page : body.fpa-md-page-<slug> (voir fin du fichier).
   ========================================================================== */

body.fpa-md--pages #primary{margin-top:0!important;padding-top:0!important}
body.fpa-md--pages .entry-content{padding-bottom:72px}

/* --- Titre de page ------------------------------------------------------- */
body.fpa-md--pages .fmd-page-hero{position:relative;margin:0 0 36px!important;padding:64px 0 40px!important;background:var(--fmd-sand);box-shadow:0 0 0 100vmax var(--fmd-sand);clip-path:inset(0 -100vmax);text-align:left}
body.fpa-md--pages .fmd-page-hero .entry-title{font-family:var(--fmd-serif)!important;font-size:clamp(2.2rem,4.8vw,3.8rem)!important;font-weight:600!important;line-height:1.05!important;margin:0!important;color:var(--fmd-ink)!important;max-width:22ch}
body.fpa-md--pages .fmd-page-hero .entry-title::first-letter{text-transform:uppercase}
body.fpa-md--pages .fmd-page-hero .entry-title{background:linear-gradient(90deg,var(--fmd-brass),var(--fmd-brass2)) no-repeat 0 0/56px 4px;padding-top:24px!important}
body.fpa-md--pages .fmd-page-hero .entry-meta{display:none}

/* --- Chapeau ------------------------------------------------------------- */
body.fpa-md--pages .entry-content .fmd-lead{font-family:var(--fmd-serif);font-size:clamp(1.2rem,1.8vw,1.5rem)!important;line-height:1.55!important;color:var(--fmd-ink)!important;max-width:60ch;margin:0 0 36px!important}

/* --- Rythme vertical ----------------------------------------------------- */
body.fpa-md--pages .entry-content>*,
body.fpa-md--pages .entry-content .fmd-card,
body.fpa-md--pages .entry-content .fmd-tiles,
body.fpa-md--pages .entry-content .fmd-gallery,
body.fpa-md--pages .entry-content .fmd-embeds{margin-top:0;margin-bottom:28px}
body.fpa-md--pages .entry-content .wp-block-group{padding:0!important;background:transparent!important}
body.fpa-md--pages .entry-content .fmd-empty,
body.fpa-md--pages .entry-content>p:empty,
body.fpa-md--pages .entry-content .wp-block-group>p:empty{display:none}

/* --- Cartes de section --------------------------------------------------- */
body.fpa-md--pages .fmd-card{background:var(--fmd-card);border-radius:var(--fmd-radius);box-shadow:var(--fmd-shadow);padding:clamp(24px,3.4vw,48px) clamp(20px,3.6vw,56px)!important;position:relative}
body.fpa-md--pages .fmd-card>*:last-child{margin-bottom:0!important}
body.fpa-md--pages .fmd-card-title{font-size:clamp(1.55rem,2.6vw,2.1rem)!important;font-weight:600!important;line-height:1.2!important;margin:0 0 20px!important;padding:0!important;text-align:left!important}
body.fpa-md--pages .fmd-card-title:before{content:"";display:block;width:40px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--fmd-brass),var(--fmd-brass2));margin-bottom:14px}
body.fpa-md--pages .fmd-card-title a{color:var(--fmd-ink)!important;text-decoration:none!important;background:linear-gradient(var(--fmd-brass2),var(--fmd-brass2)) 0 100%/0 2px no-repeat;transition:background-size .35s}
body.fpa-md--pages .fmd-card-title a:hover{background-size:100% 2px}
body.fpa-md--pages .fmd-card h3{font-size:1.3rem!important;font-weight:600!important;margin:28px 0 10px!important}
body.fpa-md--pages .fmd-card p{margin-bottom:14px!important}
body.fpa-md--pages .fmd-card .wp-block-media-text{box-shadow:none;background:var(--fmd-cream)!important;margin:20px 0!important}
body.fpa-md--pages .fmd-card .wp-block-media-text:hover{transform:none;box-shadow:none}
body.fpa-md--pages .fmd-card .wp-block-media-text__media{max-height:none;min-height:0}
body.fpa-md--pages .fmd-card .wp-block-media-text__media img{height:auto!important;object-fit:contain!important}
body.fpa-md--pages .fmd-card .wp-block-media-text:hover .wp-block-media-text__media img{transform:none}
body.fpa-md--pages .fmd-card .wp-block-columns{gap:28px!important;margin-bottom:20px!important}

/* --- Grille de cartes : 2 colonnes sur grand écran, cartes « larges » sur toute la ligne */
body.fpa-md--pages .fmd-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,560px),1fr));grid-auto-flow:row;gap:24px;align-items:start;margin-bottom:28px}
body.fpa-md--pages .fmd-cards>.fmd-card{margin:0!important;height:100%}
body.fpa-md--pages .fmd-cards>.fmd-card--wide,
body.fpa-md--pages .fmd-cards>.fmd-card:last-child:nth-child(odd){grid-column:1/-1;height:auto}

/* --- Listes -------------------------------------------------------------- */
body.fpa-md--pages .entry-content ul:not(.blocks-gallery-grid){list-style:none;padding-left:0!important;margin-left:0!important}
body.fpa-md--pages .entry-content ul:not(.blocks-gallery-grid)>li{position:relative;padding-left:26px;margin-bottom:6px}
body.fpa-md--pages .entry-content ul:not(.blocks-gallery-grid)>li:before{content:"";position:absolute;left:4px;top:.72em;width:8px;height:8px;border-radius:50%;background:var(--fmd-brass2)}
body.fpa-md--pages .entry-content ol>li::marker{color:var(--fmd-brass);font-weight:600}

/* --- Galerie (rangée d'images sans texte) ------------------------------- */
body.fpa-md--pages .fmd-gallery{gap:18px!important;align-items:stretch!important;padding:0!important}
body.fpa-md--pages .fmd-gallery .wp-block-column{display:flex}
body.fpa-md--pages .fmd-gallery figure{margin:0!important;width:100%;border-radius:18px;overflow:hidden;box-shadow:var(--fmd-shadow)}
body.fpa-md--pages .fmd-gallery figure>a{display:block;height:100%}
body.fpa-md--pages .fmd-gallery img{width:100%!important;height:100%!important;aspect-ratio:4/3;object-fit:cover;display:block;border-radius:0!important;transition:transform .6s}
body.fpa-md--pages .fmd-gallery figure:hover img{transform:scale(1.05)}
body.fpa-md--pages .fmd-photo figure,body.fpa-md--pages figure.fmd-photo{margin-bottom:28px}
body.fpa-md--pages .fmd-photo img{border-radius:18px;box-shadow:var(--fmd-shadow)}

/* --- Vignettes (images + légendes : instruments, partitions…) ----------- */
body.fpa-md--pages .fmd-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:18px}
body.fpa-md--pages .fmd-tile{background:var(--fmd-card);border-radius:18px;padding:18px 14px 16px;box-shadow:var(--fmd-shadow);text-align:center;transition:transform .3s,box-shadow .3s}
body.fpa-md--pages .fmd-card .fmd-tile{background:var(--fmd-cream);box-shadow:none}
body.fpa-md--pages .fmd-tile:hover{transform:translateY(-5px);box-shadow:var(--fmd-shadow-hover)}
body.fpa-md--pages .fmd-tile figure{margin:0!important;display:flex;flex-direction:column;align-items:center;height:100%}
body.fpa-md--pages .fmd-tile figure>a{display:block;width:100%}
body.fpa-md--pages .fmd-tile img{width:100%!important;height:auto!important;aspect-ratio:1/1;object-fit:contain;border-radius:8px}
body.fpa-md--pages .fmd-tile figcaption{font-family:var(--fmd-sans)!important;font-weight:600;font-size:.9rem!important;line-height:1.35;color:var(--fmd-ink)!important;margin:12px 0 0!important}
body.fpa-md--pages .fmd-tile figcaption:empty{display:none}
body.fpa-md--pages .fmd-tile figcaption a{color:inherit!important;text-decoration:none!important}
body.fpa-md--pages .fmd-tile figcaption::first-letter{text-transform:uppercase}

/* --- Vidéos -------------------------------------------------------------- */
body.fpa-md--pages .fmd-embeds{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr));gap:24px}
body.fpa-md--pages .fmd-embed{margin:0 0 28px!important;background:var(--fmd-card);border-radius:var(--fmd-radius);box-shadow:var(--fmd-shadow);overflow:hidden}
body.fpa-md--pages .fmd-embeds .fmd-embed{margin:0!important}
body.fpa-md--pages .fmd-embed .wp-block-embed__wrapper{border-radius:0;overflow:hidden}
body.fpa-md--pages .fmd-embed iframe{display:block;width:100%!important;border:0}
body.fpa-md--pages .fmd-embed figcaption{margin:0!important;padding:14px 20px 16px!important;font-size:.92rem!important;color:var(--fmd-muted)!important;text-align:left!important}

/* --- Accordéon (bloc Détails) ------------------------------------------- */
body.fpa-md--pages .entry-content .cmplz-document details,body.fpa-md--pages .entry-content .cmplz-document details summary{background:transparent;border:0;padding:0!important;margin:8px 0!important}
body.fpa-md--pages .entry-content details:not(.cmplz-document details){background:var(--fmd-cream);border-radius:16px;padding:16px 22px!important;margin:20px 0!important;border:1px solid rgba(185,120,47,.25)}
body.fpa-md--pages .entry-content details summary{cursor:pointer;font-weight:400;color:var(--fmd-ink);line-height:1.6}
body.fpa-md--pages .entry-content details summary img{border-radius:12px;margin:10px 0}
body.fpa-md--pages .entry-content details[open] summary{margin-bottom:12px}

/* --- Tableaux ------------------------------------------------------------ */
body.fpa-md--pages .entry-content .wp-block-table table{border-collapse:separate;border-spacing:0;border-radius:14px;overflow:hidden;box-shadow:var(--fmd-shadow);background:var(--fmd-card)}
body.fpa-md--pages .entry-content .wp-block-table th{background:var(--fmd-ink);color:#fff;font-family:var(--fmd-sans)}
body.fpa-md--pages .entry-content .wp-block-table td,body.fpa-md--pages .entry-content .wp-block-table th{border:0;border-bottom:1px solid rgba(22,18,15,.08);padding:12px 16px}

/* --- Retouches par page -------------------------------------------------- */
/* Composition : vidéos de grande taille, deux par ligne sur grand écran. */
body.fpa-md-page-composition .fmd-embeds{grid-template-columns:repeat(auto-fit,minmax(min(100%,640px),1fr))}
/* Librairie : couvertures un peu plus hautes. */
body.fpa-md-page-librairie .fmd-tile img{aspect-ratio:3/4}
/* Instruments : icônes plus compactes. */
body.fpa-md-page-instrument-musique-lyon .fmd-tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
body.fpa-md-page-instrument-musique-lyon .fmd-tile img{aspect-ratio:4/3}

/* --- Mobile -------------------------------------------------------------- */
@media (max-width:700px){
	body.fpa-md--pages .fmd-page-hero{padding:40px 0 28px!important}
	body.fpa-md--pages .fmd-tiles{grid-template-columns:repeat(2,1fr)!important;gap:12px}
	body.fpa-md--pages .fmd-gallery{gap:12px!important}
	body.fpa-md--pages .fmd-card{border-radius:18px}
}