/* ==========================================================================
   Chenies Events: Plan Your Visit ([ce_plan_visit])
   Palette: #5D6D6B (deep), #7B8E8C (mid), #91A19F (light), white.
   Pinned against page-builder styles so it looks the same wherever placed.
   ========================================================================== */
/* 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-plan{--ce-d:#5D6D6B;--ce-m:#7B8E8C;--ce-w:#fff;--ce-r:5px;width:100%;margin:0!important;display:flex;flex-direction:column;gap:40px;padding:clamp(24px,4vw,48px);background:var(--ce-d);border-radius:var(--ce-r);color:var(--ce-w);font-size:1rem!important;font-weight:300!important;line-height:1.6!important;text-align:left!important}
.ce-plan,.ce-plan *,.ce-plan *::before,.ce-plan *::after{box-sizing:border-box}
.ce-plan h2,.ce-plan 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-plan h2{font-size:clamp(1.5rem,1.2rem + 1vw,1.75rem)!important}
.ce-plan h3{font-size:1.25rem!important}
.ce-plan p,.ce-plan span,.ce-plan b,.ce-plan li{color:var(--ce-w);text-align:left!important;text-transform:none!important}
.ce-plan p{margin:0!important}
.ce-plan a{color:var(--ce-w)!important}
.ce-plan a:focus-visible{outline:3px solid #fff;outline-offset:3px}
.ce-plan ul,.ce-plan ol{list-style:none!important;margin:0!important;padding:0!important}
.ce-plan li{margin:0!important;padding:0}
.ce-plan svg{display:block}

.ce-plan-top{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:start}
.ce-plan-lead{display:flex;flex-direction:column;gap:16px}
.ce-plan-lead p{max-width:58ch}
.ce-plan .ce-plan-big{font-family:'Marcellus',serif!important;font-size:1.25rem!important;line-height:1.25!important}
/* tickets on sale line: highlighted box */
.ce-plan .ce-plan-sale{display:flex;align-items:center;gap:12px;align-self:flex-start;max-width:100%;padding:12px 18px;background:var(--ce-m);border-radius:var(--ce-r);font-family:'Marcellus',serif!important;font-size:1rem!important;line-height:1.35!important}
.ce-plan .ce-plan-sale svg{width:24px;height:24px;flex:none}

.ce-plan-tiles{display:flex;flex-direction:column;gap:12px}
.ce-plan-tiles > li{display:flex;align-items:center;gap:16px;padding:16px 18px!important;background:rgba(123,142,140,.45);border-radius:var(--ce-r)}
.ce-plan-tiles > li > svg{width:30px;height:30px;flex:none}
.ce-plan-t{display:flex;flex-direction:column;flex:1;min-width:0}
.ce-plan-t b{font-family:'Marcellus',serif;font-weight:400;font-size:1.25rem;line-height:1.2!important}
.ce-plan .ce-plan-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex:none;min-height:48px;padding:12px 24px;margin-left:auto;background:#fff;color:var(--ce-d)!important;border-radius:var(--ce-r);font-family:'Marcellus',serif;font-size:1rem;font-weight:400;line-height:1.2;text-decoration:none!important;transition:background .25s}
.ce-plan .ce-plan-btn:hover{background:#e8edec}
.ce-plan .ce-plan-btn svg{width:18px;height:18px;flex:none}
.ce-plan .ce-plan-btn svg.ce-tick{width:22px;height:22px}

.ce-plan-year{display:flex;flex-direction:column;gap:16px;padding-top:32px;border-top:1px solid rgba(255,255,255,.3)}
.ce-plan-months{display:grid;grid-template-columns:repeat(12,1fr);gap:8px}
.ce-plan-months > li{display:flex;flex-direction:column;align-items:center;padding:12px 4px!important;border-radius:var(--ce-r);text-align:center}
.ce-plan-months .m{font-family:'Marcellus',serif;font-size:1rem;line-height:1.2!important;text-align:center!important}
.ce-plan-months .s{font-size:.875rem;text-align:center!important}
.ce-plan-months > li.is-open{background:#fff}
.ce-plan-months > li.is-open .m,.ce-plan-months > li.is-open .s{color:var(--ce-d)}
.ce-plan-months > li.is-closed{background:rgba(123,142,140,.45)}

@media (max-width:860px){
 .ce-plan-top{grid-template-columns:1fr}
 .ce-plan-tiles > li{flex-wrap:wrap}
 .ce-plan .ce-plan-btn{width:100%;margin-left:0}
 .ce-plan-months{grid-template-columns:repeat(4,1fr)}
}
@media (prefers-reduced-motion:reduce){.ce-plan *{transition:none!important}}