/* Figma: événements 1006:16310 / ciné-concert 959:13854. Native editable blocks. */
.cj-editorial--event,.cj-editorial--events { padding-bottom:0; }
.cj-event-layout { --event-gutter:clamp(20px,7.672vw,116px); --event-gap:clamp(20px,2.315vw,35px); }
.cj-event-layout :where(p,h1,h2,h3,h4,figure,.wp-block-group) { margin-block:0; }
.cj-event-layout .wp-block-image,.cj-event-layout .wp-block-table { margin:0; }
.cj-event-layout :where(h1,h2,h3,h4) { overflow-wrap:normal; }
.cj-event-layout p { font:480 16px/normal Inter,sans-serif; }
.cj-event-inner { width:min(calc(100% - 3rem),var(--cj-content)); margin-inline:auto; }
@media(max-width:800px) { .cj-event-inner { width:calc(100% - 2rem); } }
.cj-event-list { display:flex; flex-direction:column; gap:35px; padding-bottom:180px; }
.cj-event-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--event-gap); }
.cj-event-grid--ceremonies { gap:clamp(25px,3.97vw,60px); }
.cj-event-card { display:flex; flex-direction:column; min-width:0; background:#fff; }
.cj-event-card-image img { width:100%; aspect-ratio:16/9; object-fit:cover; }
.cj-event-card-image a,.cj-event-film figure a { display:block; width:100%; }
.cj-event-card-copy { display:flex; flex-direction:column; align-items:flex-start; gap:14px; padding:20px; flex:1; }
.cj-event-layout .cj-event-card-title { font:700 clamp(25px,2.249vw,34px)/normal Mattone,sans-serif; }
.cj-event-card-title small { font-size:.645em; }
.cj-event-card-title a { text-decoration:none; }
.cj-event-grid--ceremonies .cj-event-card-copy { padding:30px; }
.cj-event-layout .cj-event-card-date { font:700 24px/normal Inter,sans-serif; }
.cj-event-card-copy .cj-hp-link { margin-top:auto; padding-top:0; }
.cj-event-layout .cj-hp-link a { display:inline-flex; align-items:center; padding-block:10px; font:670 16px/normal Inter,sans-serif; }
.cj-event-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:var(--event-gap); padding-bottom:60px; align-items:start; }
.cj-event-hero-copy { display:flex; flex-direction:column; align-items:flex-start; gap:26px; min-width:0; }
.cj-event-layout .cj-event-title { font:900 clamp(32px,3.638vw,55px)/normal Mattone,sans-serif; }
.cj-event-layout .cj-event-age { border-radius:19px; padding:5px 10px; background:#d6b7d7; font-size:12px; }
.cj-event-info { width:100%; }
.cj-event-info-row { display:flex; flex-wrap:wrap; border-block:1px solid; }
.cj-event-info-row p { padding:10px; font-size:12px; border-right:1px solid; }
.cj-event-info-row p:last-child { flex:1; border-right:0; }
.cj-event-info > p { padding:10px; font-size:12px; border-bottom:1px solid; }
.cj-event-layout .cj-event-age,.cj-event-info p { line-height:14px; }
.cj-event-layout .cj-event-summary p { font-size:20px; font-weight:670; line-height:1.2; }
.cj-event-summary > * + * { margin-top:16px; }
/* Editorial additions outside the lead retain regular text, even when imported
   paragraphs contain strong tags. Keep the lead and practical-info hierarchy. */
.cj-event-layout .cj-event-hero-copy > p:not(.cj-event-age),
.cj-event-layout .cj-event-hero-copy > p:not(.cj-event-age) :is(strong,b,a),
.cj-event-layout .cj-event-extra p,
.cj-event-layout .cj-event-extra p :is(strong,b,a) { font-weight:400; }
.cj-event-layout .cj-event-hero .cj-event-hero-copy .wp-block-separator {
 width:100%; max-width:none; align-self:stretch; height:0; padding:0;
 margin-inline:0; border:0; border-top:1px solid #000; opacity:1;
 background:none; color:#000;
}
.cj-event-hero-image { position:relative; align-self:stretch; min-height:0; }
.cj-event-layout .cj-event-hero-image img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.cj-event-hero--long .cj-event-hero-image { align-self:stretch; aspect-ratio:auto; }
.cj-event-extra { padding-bottom:60px; }
.cj-event-extra > * + * { margin-top:20px; }
.cj-event-layout .cj-event-access-logo img { width:auto; max-height:100px; }
.cj-event-section-band { border-top:1px solid; }
.cj-event-section-band .cj-page-band { margin:0; border:0; height:178px; min-height:178px; }
.cj-event-section-band .cj-page-band img { width:auto; height:auto; max-width:none; flex-shrink:0; }
.cj-event-workshop-separator { display:grid; place-items:center; width:58.794px; height:63.501px; flex-shrink:0; }
.cj-event-workshop-separator img { transform:rotate(-33.68deg); }
.cj-event-rail-wrap { position:relative; padding-bottom:60px; }
.cj-event-rail { display:flex; gap:25px; overflow-x:auto; scroll-snap-type:x proximity; scrollbar-width:none; padding-inline:max(0px,calc((100% - 1600px)/2)); }
.cj-event-rail::-webkit-scrollbar { display:none; }
.cj-event-film { display:flex; flex-direction:column; flex:0 0 300px; background:#1bb897; padding:15px 15px 30px; scroll-snap-align:center; text-align:center; }
.cj-event-film:nth-child(3n+2) { background:#d6b7d7; }
.cj-event-film:nth-child(3n) { background:#dceb69; }
.cj-event-film figure { overflow:hidden; width:auto; max-width:none; margin:0; transition:margin .3s ease-out; }
.cj-event-film img { display:block; width:100%; aspect-ratio:1178/1600; object-fit:cover; opacity:.7; transition:opacity .3s ease-out; }
.cj-event-film:hover img,.cj-event-film:focus-within img { opacity:1; }
.cj-event-film:hover figure,.cj-event-film:focus-within figure { margin:-10px; }
.cj-event-film .cj-event-film-tags { display:flex; justify-content:center; gap:10px; padding-block:5px; margin-top:15px; }
.cj-event-film-tags p { font-size:12px; border:1px solid; border-radius:20px; padding:5px 10px; }
.cj-event-layout .cj-event-film h3 { display:grid; place-items:center; flex:1; min-height:78px; padding-top:15px; font:700 20px/normal Mattone,sans-serif; }
.cj-event-film h3 a { text-decoration:none; }
.cj-event-rail-control { position:absolute; top:245px; display:grid; place-items:center; width:50px; height:50px; border:1px solid; border-radius:50%; background:white; cursor:pointer; padding:0; z-index:1; }
.cj-event-rail-control--prev { left:var(--event-gutter); }
.cj-event-rail-control--next { right:var(--event-gutter); }
.cj-event-rail-control--prev img { transform:rotate(180deg); }
.cj-event-rail-control:disabled { opacity:.4; cursor:default; }
.cj-event-rail-control:focus-visible { outline:3px solid #1bb897; outline-offset:3px; }
.cj-event-schedule { background:#f5f5f5; padding-bottom:60px; }
.cj-event-legend { display:flex; gap:clamp(15px,3.307vw,50px); justify-content:center; flex-wrap:wrap; padding:0 20px 30px; }
.cj-event-legend p { display:flex; gap:5px; align-items:center; font-size:14px; }
.cj-event-legend img,.cj-event-sessions img { width:auto; height:auto; max-width:none; }
.cj-event-sessions { overflow-x:auto; }
.cj-event-sessions table { width:100%; border-collapse:collapse; table-layout:fixed; margin:0; }
.cj-event-sessions td,.cj-event-sessions th { border:1px solid #000; padding:15px 10px; font:670 clamp(14px,1.323vw,20px)/normal Inter,sans-serif; vertical-align:middle; }
.cj-event-sessions thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.cj-event-sessions td:first-child { width:19.4%; text-align:right; border-left:0; }
.cj-event-sessions td:nth-child(2) { width:8.5%; text-align:center; }
.cj-event-sessions td:nth-child(3) { width:17.1%; text-align:center; }
.cj-event-sessions td:nth-child(4) { width:24.6%; }
.cj-event-sessions td:nth-child(n+5) { text-align:center; padding-inline:4px; }
.cj-event-sessions td:last-child { border-right:0; }
.cj-event-sessions th:first-child { width:19.4%; }
.cj-event-sessions th:nth-child(2) { width:8.5%; }
.cj-event-sessions th:nth-child(3) { width:17.1%; }
.cj-event-sessions th:nth-child(4) { width:24.6%; }
.cj-event-sessions th:nth-child(n+5) { width:6.08%; }
.cj-event-sessions col:first-child { width:19.4%; }
.cj-event-sessions col:nth-child(2) { width:8.5%; }
.cj-event-sessions col:nth-child(3) { width:17.1%; }
.cj-event-sessions col:nth-child(4) { width:24.6%; }
.cj-event-sessions col:nth-child(n+5) { width:6.08%; }
.cj-event-sessions td img { margin:auto; }
.cj-event-sessions tr[hidden] { display:none; }
.cj-event-sessions small { display:block; margin-top:5px; font-size:12px; }
.cj-event-more { display:block; width:100%; background:#fff; border:0; border-bottom:1px solid; cursor:pointer; padding:14px 20px; font:400 26px/normal Mattone,sans-serif; }
.cj-event-more:hover { background:#dceb69; }
.cj-event-layout .cj-event-school-note { padding:60px 25px; text-align:center; color:#1bb897; font:670 clamp(18px,1.72vw,26px)/normal Inter,sans-serif; }
.cj-event-workshops { padding-bottom:60px; }
.cj-event-workshop-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.cj-event-workshop { display:flex; flex-direction:column; gap:20px; border:1px solid; padding:15px; }
.cj-event-layout .cj-event-workshop h3 { font:700 clamp(24px,2.249vw,34px)/normal Mattone,sans-serif; }
.cj-event-layout .cj-event-workshop-label { font-size:24px; }
.cj-event-workshop .cj-hp-link { margin-top:auto; padding-top:30px; }
.cj-event-workshop-session { border:1px solid; padding:15px; }
.cj-event-workshop-session p { font-size:14px; }
.cj-event-coproduction { border-block:1px solid; padding-block:80px; }
.cj-event-layout .cj-event-coproduction h2 { font:700 clamp(26px,2.249vw,34px)/normal Mattone,sans-serif; margin-bottom:40px; }
.cj-event-logos { display:flex; align-items:center; gap:50px; flex-wrap:wrap; }
.cj-event-layout .cj-event-logos img { height:100px; width:auto; object-fit:contain; }
.cj-event-related { background:#f5f5f5; padding-bottom:60px; }
.cj-event-related .cj-event-section-band { border-top:0; }
.cj-event-related .cj-event-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.cj-event-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:35px; padding-bottom:60px; }
.cj-event-gallery > * { min-width:0; }
.cj-event-gallery img { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; }
.cj-event-gallery [hidden] { display:none !important; }
.cj-event-gallery-open { display:block; width:100%; border:0; padding:0; background:none; cursor:zoom-in; }
.cj-event-gallery-open:focus-visible { outline:3px solid #1bb897; outline-offset:4px; }
.cj-event-gallery:has(+ .cj-event-gallery-more) { padding-bottom:35px; }
.cj-event-gallery-more { width:100%; max-width:none; margin:0 0 60px; border-top:1px solid; }
.cj-event-lightbox { box-sizing:border-box; position:fixed; inset:0; width:100%; max-width:none; height:100%; max-height:none; margin:0; padding:60px 24px 24px; border:0; background:#000; color:#fff; }
.cj-event-lightbox::backdrop { background:#000; }
.cj-event-lightbox[open] { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; }
.cj-event-lightbox img { display:block; max-width:100%; max-height:calc(100dvh - 130px); width:auto; height:auto; object-fit:contain; cursor:zoom-out; }
.cj-event-lightbox-close { position:absolute; top:12px; right:20px; display:grid; place-items:center; width:44px; height:44px; border:0; background:transparent; color:#fff; padding:0; cursor:pointer; font:400 36px/1 Inter,sans-serif; }
.cj-event-lightbox-close:focus-visible { outline:3px solid #dceb69; outline-offset:3px; }
.cj-event-lightbox-caption { margin:0; text-align:center; font:480 14px/1.4 Inter,sans-serif; }
html.cj-event-lightbox-open { overflow:hidden; }
.cj-event-workshop-grid--single { grid-template-columns:minmax(0,412fr) minmax(0,846fr); align-items:start; }
.cj-event-workshop-icon { display:flex; justify-content:center; padding-right:30px; }
.cj-event-workshop-icon img { display:block; flex:none; width:293px; height:295px; max-width:100%; object-fit:contain; }
.cj-event-workshop--single { gap:30px; min-width:0; }
.cj-event-workshop-heading { display:flex; flex-direction:column; gap:10px; }
.cj-event-workshop--single .cj-event-workshop-label { font-weight:700; }
.cj-event-workshop-body { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:30px; align-items:start; }
.cj-event-workshop-description { display:flex; flex-direction:column; gap:10px; min-width:0; }
.cj-event-workshop-body .cj-event-workshop-session { min-width:0; }
.cj-event-workshop-body .cj-event-workshop-session p { font-size:16px; }
.cj-event-workshop-body:not(:has(.cj-event-workshop-session)) { grid-template-columns:1fr; }
@media(prefers-reduced-motion:reduce) { .cj-event-film img,.cj-event-film figure { transition:none; } }
html[data-cj-motion="reduced"] .cj-event-film img,html[data-cj-motion="reduced"] .cj-event-film figure { transition:none; }
/* The editing canvas keeps each native heading and all table rows visible. */
.editor-styles-wrapper .cj-event-marquee { font:400 26px/normal Mattone,sans-serif; padding-block:60px; text-align:center; border-block:1px solid; }
.editor-styles-wrapper .cj-event-sessions thead { position:static; width:auto; height:auto; clip-path:none; }
@media(max-width:900px) {
 .cj-event-hero { grid-template-columns:1fr; }
 .cj-event-hero-image,.cj-event-hero--long .cj-event-hero-image { aspect-ratio:16/9; }
 .cj-event-workshop-grid--single { grid-template-columns:1fr; }
 .cj-event-workshop-icon { padding-right:0; }
 .cj-event-related .cj-event-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .cj-event-sessions table { min-width:900px; }
 .cj-event-layout .cj-event-title { font-size:clamp(32px,6vw,55px); }
 .cj-event-logos { gap:25px; }
 .cj-event-layout .cj-event-logos img { max-width:100%; height:auto; max-height:80px; }
}
@media(max-width:600px) {
 .cj-event-grid,.cj-event-related .cj-event-grid,.cj-event-workshop-grid { grid-template-columns:1fr; }
 .cj-event-list { padding-bottom:80px; }
 .cj-event-card-copy,.cj-event-grid--ceremonies .cj-event-card-copy { padding:20px 0; }
 .cj-event-related .cj-event-card-copy { padding:20px; }
 .cj-event-section-band .cj-page-band { height:110px; min-height:110px; }
 .cj-event-layout .cj-event-summary p { font-size:18px; }
 .cj-event-film { flex-basis:min(300px,80vw); }
 .cj-event-rail { padding-inline:20px; }
 .cj-event-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .cj-event-gallery { gap:16px; }
 .cj-event-workshop-body { grid-template-columns:1fr; }
 .cj-event-legend { justify-content:flex-start; }
}
