/* SLCDAW Events: list rows (homepage, Events page, single event box). */
.slc-events{
  --slc-pad:clamp(30px, calc(4.1667vw - 30px), 50px);
  --slc-gap-date:clamp(27px, calc(8.333vw - 93px), 67px);
  --slc-gap-rule:clamp(30px, calc(4.1667vw - 30px), 50px);
  --slc-gap-btn:clamp(50px, calc(10.4167vw - 100px), 100px);
  display:flex;flex-direction:column;border-radius:20px;overflow:hidden;
  color:#414141;font-size:20px;line-height:30px;
}
.slc-events *,.slc-events *::before,.slc-events *::after{box-sizing:border-box;}
.slc-event{display:flex;align-items:center;padding:30px var(--slc-pad);background:#F6FCF4;}
.slc-event:nth-child(even){background:#ECF9E9;}

/* date */
.slc-event__date{flex:0 0 175px;width:175px;display:flex;flex-direction:column;padding:10px;margin-right:var(--slc-gap-date);}
.slc-event__day{font-size:20px;line-height:30px;color:#414141;}
.slc-event__dm{display:flex;align-items:center;gap:10px;white-space:nowrap;}
.slc-event__num{font-weight:700;font-size:86px;line-height:100px;color:#242424;}
.slc-event__my{display:flex;flex-direction:column;font-size:20px;line-height:30px;color:#414141;}

/* text */
.slc-event__body{flex:0 1 506px;min-width:0;display:flex;flex-direction:column;gap:20px;}
.slc-event__tags{display:flex;align-items:center;flex-wrap:wrap;gap:16px;}
.slc-event__tag{display:inline-flex;align-items:center;gap:10px;padding:6px 10px;border-radius:30px;font-size:16px;line-height:25px;white-space:nowrap;}
.slc-event__tag svg{flex:0 0 16px;}
.slc-event__tag--tickets{background:#ECF9E9;color:#1C4D0F;}
.slc-event__tag--tickets svg{color:#379A1E;}
.slc-event:nth-child(even) .slc-event__tag--tickets{background:#F6FCF4;}
.slc-event__tag--free{background:#E5EFFC;color:#0049B4;}
.slc-event__tag--soldout{background:#EDEDED;color:#414141;}
.slc-event__note{font-size:16px;line-height:25px;color:#38322F;}
.slc-event__note--countdown{font-size:18px;line-height:27px;color:#242424;}
.slc-events .slc-event__title{margin:0;max-width:400px;font-family:"Source Serif 4",Georgia,serif;font-weight:700;font-size:36px;line-height:44px;color:#242424;}
.slc-events .slc-event__title a{color:inherit;text-decoration:none;}
.slc-events .slc-event__title a:hover{color:#297416;}
.slc-events .slc-event__summary{margin:0;font-size:20px;line-height:30px;color:#414141;}

/* divider + time/place */
.slc-event__rule{flex:0 0 1px;align-self:stretch;background:#D3D8D1;margin:0 var(--slc-gap-rule);}
.slc-events .slc-event__meta{flex:0 0 244px;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px;}
.slc-event__meta li{display:flex;align-items:center;gap:10px;margin:0;}
.slc-event__meta svg{flex:0 0 24px;color:#379A1E;}

/* button */
.slc-event__action{flex:0 0 auto;min-width:200px;margin-left:var(--slc-gap-btn);}
.slc-events .slc-event .slc-event__btn,
.slc-events .slc-event .slc-event__btn:focus{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:9px 19px;border:1px solid #297416;border-radius:12px;background:#297416;color:#fff;font-family:inherit;font-size:20px;line-height:30px;font-weight:500;text-decoration:none;text-transform:none;letter-spacing:normal;white-space:nowrap;cursor:pointer;box-shadow:none;outline:none;transition:background-color .3s ease,border-color .3s ease;}
.slc-events .slc-event .slc-event__btn:hover,
.slc-events .slc-event .slc-event__btn:focus-visible{background:#379A1E;border-color:#379A1E;color:#fff;}
.slc-events .slc-event .slc-event__btn:focus-visible{outline:2px solid #0049B4;outline-offset:3px;}
.slc-events-empty{margin:0;padding:30px;border-radius:20px;background:#F6FCF4;color:#414141;font-size:20px;line-height:30px;}

/* Laptops: text and time/place stack, button on the right */
@media (max-width:1365px){
  .slc-event{display:grid;grid-template-columns:175px minmax(0,1fr) 200px;grid-template-areas:"date body action" "date meta action";column-gap:40px;row-gap:24px;}
  .slc-event__date{grid-area:date;margin:0;align-self:center;}
  .slc-event__body{grid-area:body;}
  .slc-events .slc-event__title{max-width:none;}
  .slc-event__rule{display:none;}
  .slc-events .slc-event__meta{grid-area:meta;flex-direction:row;flex-wrap:wrap;column-gap:40px;row-gap:12px;}
  .slc-event__action{grid-area:action;margin:0;min-width:0;align-self:center;justify-self:end;}
}

/* Tablet */
@media (max-width:1024px){
  .slc-event{display:flex;flex-direction:column;align-items:flex-start;padding:30px;gap:0;}
  .slc-event__date{flex:0 0 auto;margin:0 0 40px;align-self:flex-start;}
  .slc-event__num{font-size:62px;line-height:80px;}
  .slc-event__body{flex:0 0 auto;width:100%;}
  .slc-events .slc-event__title{font-size:32px;line-height:38px;}
  .slc-events .slc-event__meta{flex:0 0 auto;flex-direction:column;margin-top:30px;gap:18px;}
  .slc-event__action{margin:40px 0 0;min-width:0;align-self:flex-start;}
}

/* Phone: rows become separate cards */
@media (max-width:767px){
  .slc-events{gap:30px;border-radius:0;overflow:visible;font-size:18px;line-height:27px;}
  .slc-event{border-radius:20px;}
  .slc-event__date{margin-bottom:30px;}
  .slc-event__day,.slc-event__my{font-size:18px;line-height:27px;}
  .slc-event__num{font-size:52px;line-height:70px;}
  .slc-event__note--countdown{font-size:16px;line-height:24px;}
  .slc-events .slc-event__title{font-size:24px;line-height:29px;}
  .slc-events .slc-event__summary{font-size:18px;line-height:27px;}
  .slc-events .slc-event .slc-event__btn,.slc-events .slc-event .slc-event__btn:focus{font-size:18px;line-height:27px;}
  .slc-events-empty{font-size:18px;line-height:27px;}
}

/* On the event's own page the box is a single summary card */
.slc-events--single{margin:0 0 40px;}

/* Booking popup */
html.slc-book-open{overflow:hidden;}
dialog.slc-book{width:min(640px, calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:0;border-radius:20px;background:#fff;color:#242424;box-shadow:0 24px 60px rgba(7,19,4,.25);overflow:auto;overscroll-behavior:contain;}
dialog.slc-book::backdrop{background:rgba(7,19,4,.6);}
.slc-book__panel{position:relative;padding:40px;}
dialog.slc-book .slc-book__close,
dialog.slc-book .slc-book__close:focus{position:absolute;top:16px;right:16px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:#242424;cursor:pointer;box-shadow:none;outline:none;}
dialog.slc-book .slc-book__close:hover,
dialog.slc-book .slc-book__close:focus-visible{background:#ECF9E9;color:#242424;}
dialog.slc-book .slc-book__close:focus-visible{outline:2px solid #0049B4;outline-offset:2px;}
.slc-book .slc-book__title{margin:0 48px 0 0;font-family:"Source Serif 4",Georgia,serif;font-weight:700;font-size:36px;line-height:44px;color:#242424;}
.slc-book .slc-book__event{margin:8px 0 0;font-size:18px;line-height:27px;color:#414141;}
.slc-book .slc-book__event:empty{display:none;}
.slc-book__form{margin-top:30px;}
@media (max-width:767px){
  .slc-book__panel{padding:30px 20px;}
  .slc-book .slc-book__title{font-size:28px;line-height:34px;}
}
