/*
 * Billetterie (mu-plugin maj-rodrigue-billetterie 0.4.2) : calendrier en dix jours [maj_mcf_calendrier], séances d'une
 * carte [maj_mcf_seances] et cartes « Les spectacles » (accordéon Salient habillé, option A du 02/10/2026).
 * Chargée sur toute page qui contient un des deux shortcodes. La zone de réservation garde sa feuille (zone.css).
 *
 * Reprise de la CSS de page de l'accueil 13425 (02/10/2026), dans le même ordre, sans les règles mortes (classes que le
 * PHP n'émet pas, ou entièrement écrasées par une règle suivante), hexa du socle remplacés par les couleurs de Redux.
 * Ancrages : le calendrier sur sa propre racine (.mcf-jours), les cartes sur la classe mcf-spectacles, posée sur la
 * colonne qui contient l'accordéon (l'élément Accordéon n'accepte pas de classe). Plus de dépendance à la rangée
 * .mcf-billetterie.
 */

/* ---------- Calendrier en dix jours ---------- */
.mcf-jours{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;margin-top:36px}
.mcf-jour{display:flex;flex-direction:column;border-radius:12px;background:#fff;padding:14px 10px 16px;min-height:220px;color:var(--nectar-extra-color-2)!important;text-decoration:none!important;transition:background .25s,color .25s,transform .25s}
.mcf-jour .mcf-j{font-family:'Barlow Condensed',sans-serif;font-weight:600;text-transform:uppercase;font-size:14px;letter-spacing:.1em;opacity:.7;line-height:1.2}
.mcf-jour .mcf-n{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:48px;line-height:1}
.mcf-jour.mcf-jour-gala{background:var(--nectar-accent-color);color:#fff!important}
.mcf-seances{display:flex;flex-direction:column;gap:8px}
.mcf-seance .mcf-res{font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:12.5px;margin-top:6px;color:var(--nectar-accent-color)}
.mcf-jour-gala .mcf-seance .mcf-res,.mcf-seance:hover .mcf-res{color:var(--nectar-extra-color-1)}
/* Deux rangées de 5, badge de type (retour du 28/09) */
.mcf-jours-detail{grid-template-columns:repeat(5,1fr);gap:12px}
.mcf-jour-d{min-height:0;padding:18px 16px}
.mcf-jour-tete{display:flex;align-items:flex-end;gap:10px;margin-bottom:14px}
.mcf-jour-d .mcf-n{font-size:56px}
.mcf-jm{display:flex;flex-direction:column;padding-bottom:6px}
.mcf-jour-d .mcf-mois{font-size:12px;text-transform:uppercase;letter-spacing:.12em;opacity:.6;margin:0}
.mcf-seance{display:flex;flex-direction:column;align-items:flex-start;padding:12px 14px;border-radius:10px;background:#f4f4f4;color:inherit!important;text-decoration:none!important;transition:background .2s,transform .2s,color .2s}
.mcf-seance:hover{background:var(--nectar-extra-color-2);color:#fff!important;transform:translateY(-2px)}
.mcf-jour-gala .mcf-seance{background:rgba(255,255,255,.14)}
.mcf-jour-gala .mcf-seance:hover{background:var(--nectar-extra-color-2)}
.mcf-seance b{font-family:'Barlow Condensed',sans-serif;font-size:26px;line-height:1;margin-top:8px}
.mcf-seance .mcf-pr{font-size:14px;opacity:.75;line-height:1.3;margin-top:3px}
.mcf-badge{display:inline-block;font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:12px;line-height:1;padding:6px 10px;border-radius:99px;background:var(--k);color:#fff}
/* Types de séance ; « autre » = code Rodrigue inconnu du site (maj_rodrigue_type), en gris pour rester lisible */
.mcf-badge.sel{--k:#1a1a1a}.mcf-badge.gal{--k:var(--nectar-accent-color)}.mcf-badge.vai{--k:#e0b21b;color:#2a1d00}.mcf-badge.red{--k:#2a7de1}.mcf-badge.autre{--k:#8a8a8a}
.mcf-jour-gala .mcf-badge.gal{--k:var(--nectar-extra-color-1);color:var(--nectar-extra-color-2)}
/* Jour sans séance (relâche) et messages vides */
.mcf-jour-vide{background:transparent!important;border:1px dashed #cfcfcf;box-shadow:none!important}
#ajax-content-wrap .mcf-relache{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:13px;color:#8a8a8a;margin:14px 0 0;padding:0}
/* Séances complètes ou à vente close, non cliquables (30/09/2026) */
span.mcf-seance{cursor:default}
span.mcf-seance:hover{background:#f4f4f4;color:inherit!important;transform:none}
.mcf-jour-gala span.mcf-seance:hover{background:rgba(255,255,255,.14)}
.mcf-complet,.mcf-close{opacity:.55}
.mcf-complet .mcf-res,.mcf-close .mcf-res,span.mcf-seance:hover .mcf-res{color:#8a8a8a}
.mcf-jour-gala .mcf-complet .mcf-res,.mcf-jour-gala .mcf-close .mcf-res{color:#fff}
.mcf-jours-vide{margin-top:36px;padding:28px;border:1px dashed #cfcfcf;border-radius:12px;text-align:center}
/* Blancs réchauffés, palette ivoire (02/10/2026) ; le survol garde son noir */
.mcf-jours .mcf-jour:not(.mcf-jour-vide):not(.mcf-jour-gala){background-color:#fffefb!important}
.mcf-jours .mcf-jour:not(.mcf-jour-gala) .mcf-seance{background-color:#f5f1ea!important}
.mcf-jours .mcf-jour{border-color:#d6cdbf!important}
.mcf-jours .mcf-jour:not(.mcf-jour-gala) a.mcf-seance:hover{background-color:var(--nectar-extra-color-2)!important}
@media (max-width:1000px){.mcf-jours{grid-template-columns:repeat(5,1fr)}}
/* Tablette : 2 colonnes, 5 débordent sous 911 px et serrent les badges jusqu'à 1 100 px ; 3 laissaient le 31 seul
   sur sa ligne (0.4.2) */
@media (min-width:691px) and (max-width:1100px){.mcf-jours.mcf-jours-detail{grid-template-columns:repeat(2,1fr)}}
@media (max-width:690px){.mcf-jours{grid-template-columns:repeat(2,1fr)}.mcf-jours-detail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:10px;align-items:flex-start}.mcf-jours-detail .mcf-jour{flex:0 0 74%;scroll-snap-align:start}.mcf-jour{min-height:0}}

/* ---------- Cartes « Les spectacles » : accordéon natif habillé en quatre cartes, le détail se déplie sous la rangée (28/09) ---------- */
.mcf-spectacles .toggles{display:grid;grid-template-columns:repeat(4,1fr);column-gap:12px;row-gap:0;margin:0;align-items:start}
/* Chaque carte reste une vraie boîte (Salient lit sa position pour faire défiler : en display:contents elle valait 0
   et la page remontait en haut, 28/09) ; c'est le panneau qui s'élargit sur les quatre colonnes. */
.mcf-spectacles .toggles .toggle{position:relative;margin:0!important;padding:0!important}
.mcf-spectacles .toggles .toggle>.toggle-title{margin:0!important;padding:0!important;border:0!important}
.mcf-spectacles .toggles .toggle>div{position:relative;z-index:2;width:calc(400% + 36px)}
.mcf-spectacles .toggles .toggle:nth-child(2)>div{margin-left:calc(-100% - 12px)}
.mcf-spectacles .toggles .toggle:nth-child(3)>div{margin-left:calc(-200% - 24px)}
.mcf-spectacles .toggles .toggle:nth-child(4)>div{margin-left:calc(-300% - 36px)}
#ajax-content-wrap .mcf-spectacles .toggles .toggle>.toggle-title a{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:0;min-height:196px;box-sizing:border-box;background:#fff;border-radius:14px;padding:22px 20px 18px!important;border:2px solid transparent;color:var(--nectar-extra-color-2);font-family:inherit;font-size:16px;line-height:1.45;letter-spacing:0;text-transform:none;transition:border-color .25s,transform .25s,box-shadow .25s}
#ajax-content-wrap .mcf-spectacles .toggles .toggle>.toggle-title a:hover{transform:translateY(-3px);box-shadow:0 14px 30px -18px rgba(0,0,0,.35)}
/* Carte ouverte (Salient pose .open sur .toggle au clic : règle d'état, invisible au chargement mais vivante) */
#ajax-content-wrap .mcf-spectacles .toggles .toggle.open>.toggle-title a{border-color:var(--nectar-accent-color)}
.mcf-spectacles .toggles .toggle-title a>i{display:none!important}
/* Badge de type par position (le titre d'un accordéon n'accepte pas d'attribut, 28/09) */
.mcf-spectacles .toggles .toggle-title strong{display:inline-block;font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:12px;line-height:1;padding:7px 10px;border-radius:20px;color:#fff;background:#1a1a1a;margin-bottom:14px}
.mcf-spectacles .toggles .toggle:nth-child(2) .toggle-title strong{background:var(--nectar-accent-color)}
.mcf-spectacles .toggles .toggle:nth-child(3) .toggle-title strong{background:#e0b21b;color:var(--nectar-extra-color-2)}
.mcf-spectacles .toggles .toggle:nth-child(4) .toggle-title strong{background:#2a7de1}
.mcf-spectacles .toggles .toggle-title em{font-style:normal;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:14px;color:#5d5d5d;margin-bottom:10px}
.mcf-spectacles .toggles .toggle-title small{font-size:16px;line-height:1.45;color:#2b2b2b;flex:1}
#ajax-content-wrap .mcf-spectacles .toggles .toggle>.toggle-title a::before{content:"Voir le détail +";order:9;margin-top:16px;font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:14px;color:var(--nectar-accent-color)}
#ajax-content-wrap .mcf-spectacles .toggles .toggle.open>.toggle-title a::before{content:"Fermer −"}
.mcf-spectacles .toggles .inner-toggle-wrap{padding:0!important}
/* Panneau déplié (HTML de chaque carte, dans un élément Texte) */
.mcf-sp-panneau{display:grid;grid-template-columns:5fr 7fr;gap:32px;margin-top:22px;background:#fff;border-radius:16px;padding:30px;box-shadow:0 20px 40px -30px rgba(0,0,0,.35)}
#ajax-content-wrap .mcf-sp-long{font-size:18px;line-height:1.55;color:var(--nectar-extra-color-2);margin:0 0 22px;padding:0}
#ajax-content-wrap .mcf-sp-st{font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.2em;font-size:14px;color:var(--nectar-accent-color);margin:0 0 10px;padding:0}
/* Séances de la carte [maj_mcf_seances] */
.mcf-sp-seances{list-style:none;margin:0!important;padding:0}
.mcf-sp-seances li{margin:0;padding:0;list-style:none}
.mcf-sp-seances a{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:11px 0;border-top:1px solid #ececec;color:#2b2b2b!important;text-decoration:none;font-size:15px}
.mcf-sp-seances a b{font-weight:600;color:var(--nectar-extra-color-2)}
.mcf-sp-seances a .mcf-sp-res{font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:13px;color:var(--nectar-accent-color);white-space:nowrap}
.mcf-sp-seances a:hover .mcf-sp-res{text-decoration:underline}
.mcf-sp-photos{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:10px;min-height:340px}
.mcf-sp-photos figure{position:relative;margin:0;overflow:hidden;border-radius:10px}
.mcf-sp-photos figure:first-child{grid-row:1/3}
.mcf-sp-photos img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;margin:0!important}
.mcf-sp-photos figcaption{position:absolute;left:0;right:0;bottom:0;padding:18px 10px 7px;font-size:12px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.65))}
@media (max-width:1000px){
 .mcf-spectacles .toggles{display:block}
 .mcf-spectacles .toggles .toggle{display:block;margin-bottom:12px!important}
 .mcf-spectacles .toggles .toggle>div,.mcf-spectacles .toggles .toggle:nth-child(n)>div{width:auto;margin-left:0}
 #ajax-content-wrap .mcf-spectacles .toggles .toggle>.toggle-title a{min-height:0}
 .mcf-sp-panneau{grid-template-columns:1fr;margin-top:10px;padding:22px}
 .mcf-sp-photos{min-height:260px}
}
.mcf-spectacles .toggles .toggle{border:0!important}
@media (max-width:690px){.mcf-sp-photos{grid-template-columns:1fr 1fr;grid-template-rows:210px 140px;min-height:0}.mcf-sp-photos figure:first-child{grid-row:auto;grid-column:1/-1}.mcf-sp-panneau{padding:20px 18px}}
/* Blancs réchauffés, palette ivoire (02/10/2026) */
.mcf-spectacles .toggle-heading,.mcf-spectacles .mcf-sp-panneau{background-color:#fffefb!important}
.mcf-spectacles .mcf-sp-seances a{border-color:#e6dfd3}