/* ==========================================================================
   Chenies Events: events page ([ce_events_list])
   Builds on event.css (the .ce-ev wrapper, panels, buttons, on-sale box).
   Palette: #5D6D6B (deep), #7B8E8C (mid), #91A19F (light), white.
   ========================================================================== */
/* Type scale (shared by all Chenies Events styles): .875rem small, 1rem body, 1.25rem subheading, clamp(1.5rem,1.2rem + 1vw,1.75rem) section heading, clamp(1.75rem,1.3rem + 1.6vw,2.25rem) page heading. */

.ce-arc h3{font-family:'Marcellus',serif!important;font-weight:400!important;text-transform:none!important;text-align:left!important;letter-spacing:normal!important;color:var(--ce-w)!important;margin:0!important;line-height:1.15!important}
.ce-arc ul{list-style:none!important;margin:0!important;padding:0!important}
.ce-arc li{margin:0!important;padding:0!important}
.ce-arc li::marker{content:''}
.ce-arc img{display:block;max-width:none}
.ce-arc a{color:var(--ce-w)!important}
.ce-arc a.ce-ev-btn{color:var(--ce-d)!important}

/* introduction */
.ce-arc-intro{padding:clamp(28px,4vw,48px)}
.ce-arc-intro h2{font-size:clamp(1.5rem,1.2rem + 1vw,1.75rem)!important}
.ce-arc-text{max-width:68ch;margin-top:18px;font-size:1rem}
.ce-arc-text p{font-size:1rem}
.ce-arc-text p + p{margin-top:.8em}

/* next event */
.ce-arc-feature{display:grid;grid-template-columns:1fr 1fr}
.ce-arc-feature.ce-arc-nopic{grid-template-columns:1fr}
.ce-arc-fpic{position:relative;margin:0;min-height:440px}
.ce-arc-fpic img{position:absolute;inset:0;width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover}
.ce-arc-fbody{padding:clamp(24px,3.5vw,44px);display:flex;flex-direction:column;justify-content:center}
.ce-arc-fbody > *{margin:0}
.ce-arc-fbody > * + *{margin-top:18px!important}
.ce-arc-fbody > .ce-arc-when{margin-top:10px!important}
.ce-arc-feature h2{font-size:clamp(1.75rem,1.3rem + 1.6vw,2.25rem)!important}
.ce-arc-when{font-family:'Marcellus',serif;font-size:1.25rem;line-height:1.3!important}
.ce-arc-desc{max-width:52ch}
.ce-arc-fbody .ce-ev-onsale{margin-top:26px!important}
.ce-arc-acts{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:26px!important}

/* bloom status */
.ce-arc-fbody .ce-ev-onsale{margin-bottom:0!important}
.ce-arc-fbody .ce-ev-onsale + .ce-ev-bloom{margin-top:12px!important}
.ce-arc-bloom + .ce-arc-state{margin-top:0;padding-top:8px;border-top:0}
.ce-arc-cbody > .ce-arc-bloom + .ce-arc-state{margin-top:0}

/* "Find out more" link */
.ce-arc .ce-arc-more{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-family:'Marcellus',serif;font-size:1rem;line-height:1.3!important;padding-bottom:3px;border-bottom:1px solid rgba(255,255,255,.7)}
.ce-arc-more svg{width:18px;height:18px;flex:none}

/* later events */
.ce-arc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:40px}
.ce-arc-card{display:flex;flex-direction:column;height:100%;background:var(--ce-d);border-radius:var(--ce-r);overflow:hidden;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s}
.ce-arc-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(0,0,0,.25)}
.ce-arc-cpic{display:block;position:relative;aspect-ratio:3/2;overflow:hidden;background:var(--ce-m)}
.ce-arc-cpic img,.ce-arc-ppic img{position:absolute;inset:0;width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover}
.ce-arc-cbody{display:flex;flex-direction:column;gap:10px;flex:1;padding:26px}
.ce-arc-cbody h3{font-size:clamp(1.5rem,1.2rem + 1vw,1.75rem)!important}
.ce-arc-cdesc{display:block}
.ce-arc-state{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.3);font-family:'Marcellus',serif;font-size:1rem}
.ce-arc-state svg{width:22px;height:22px;flex:none}
.ce-arc-cbody > .ce-arc-more{margin-top:14px}

/* one later event: a wide card. An even number up to four: two columns. */
.ce-arc-grid--one{grid-template-columns:1fr}
.ce-arc-grid--one .ce-arc-card{flex-direction:row}
.ce-arc-grid--one .ce-arc-cpic{flex:0 0 42%;aspect-ratio:auto;min-height:300px}
.ce-arc-grid--one .ce-arc-cbody{justify-content:center;padding:clamp(24px,3.5vw,44px);gap:14px}
.ce-arc-grid--one .ce-arc-cbody h3{font-size:clamp(1.75rem,1.3rem + 1.6vw,2.25rem)!important}
.ce-arc-grid--one .ce-arc-cdesc{max-width:52ch}
.ce-arc-grid--one .ce-arc-state{margin-top:12px;max-width:52ch}
.ce-arc-grid--pair{grid-template-columns:repeat(2,1fr)}

/* past events */
.ce-arc-past{display:flex;flex-direction:column;gap:20px}
.ce-arc-past h2{font-size:clamp(1.5rem,1.2rem + 1vw,1.75rem)!important}
.ce-arc-pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:24px}
.ce-arc-pcard{display:flex;flex-direction:column;height:100%;background:var(--ce-d);border-radius:var(--ce-r);overflow:hidden;transition:background .25s}
.ce-arc-pcard:hover{background:var(--ce-m)}
.ce-arc-ppic{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--ce-m)}
.ce-arc-ppic img{opacity:.75}
.ce-arc-pbody{display:flex;flex-direction:column;gap:6px;padding:16px 18px 20px}
.ce-arc-pbody h3{font-size:1.25rem!important}
.ce-arc-pbody .ce-arc-when{font-size:1rem}

@media (max-width:860px){
 .ce-arc-grid--one .ce-arc-card{flex-direction:column}
 .ce-arc-grid--one .ce-arc-cpic{flex:none;aspect-ratio:3/2;min-height:0}
 .ce-arc-grid--pair{grid-template-columns:1fr}
 .ce-arc-feature{grid-template-columns:1fr}
 .ce-arc-fpic{min-height:0;aspect-ratio:4/3}
 .ce-arc-grid{gap:28px}
 .ce-arc-acts .ce-ev-btn{width:100%}
}
