/* v1.0.13 What's On homepage strip (slug token "whats-on" in featured_tags_on_homepage).
   Featured event + swipeable slider. Mobile-first; scoped to main.homepage. */
main.homepage .woi-home-ev .wide-container{overflow:hidden}
main.homepage .woi-home-ev .section-heading-button{min-height:44px}
main.homepage .woi-home-ev .section-heading{padding-top:0;padding-bottom:0}
main.homepage .woi-home-ev a{color:inherit;text-decoration:none}
main.homepage .woi-hev-fig{position:relative;margin:0;aspect-ratio:3/2;overflow:hidden;background:#e6e8ef}
main.homepage .woi-hev-fig::before{content:"";position:absolute;inset:-10px;background:var(--woi-bg) center/cover;filter:blur(12px) brightness(.85)}
main.homepage .woi-hev-fig img{position:relative;width:100%;height:100%;object-fit:contain;display:block}
main.homepage .woi-hev-date{position:absolute;left:8px;top:8px;background:#0b1960;color:#fff;font-weight:700;padding:4px 8px;border-radius:4px;line-height:1.1;text-align:center;font-size:16px}
main.homepage .woi-hev-date small{display:block;font-size:10px;text-transform:uppercase}
main.homepage .woi-hev-date .woi-hev-until{font-size:9px;margin-bottom:2px;letter-spacing:.3px}
main.homepage .woi-hev-cat{font-size:11px;font-weight:600;margin:8px 0 2px;color:#5a6275;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
main.homepage .woi-hev-title{font-size:14px;line-height:1.25;margin:0 0 4px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
main.homepage .woi-hev-meta{font-size:12px;margin:0;color:#5a6275;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* featured */
/* slider */
main.homepage .woi-hev-slider{position:relative;margin:12px -18px 0}
main.homepage .woi-hev-row{display:flex;gap:12px;list-style:none;margin:0;padding:4px 18px 6px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:0 18px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
main.homepage .woi-hev-row::-webkit-scrollbar{display:none}
main.homepage .woi-hev-row > li{flex:0 0 42%;min-width:0;scroll-snap-align:start}
main.homepage .woi-hev-card{display:block;min-height:44px}
@media (max-width:599px){
 main.homepage .woi-hev-row > li{flex-basis:38%}
 main.homepage .woi-hev-row .woi-hev-cat{display:none}
 main.homepage .woi-hev-row .woi-hev-title{margin-top:6px}
}
main.homepage .woi-hev-arrow{display:none}
main.homepage .woi-hev-credit{font-size:11px;color:#5a6275;margin:4px 0 18px;display:flex;flex-wrap:wrap;gap:0 14px}
main.homepage .woi-hev-credit span{display:inline-flex;align-items:center;min-height:32px}
main.homepage .woi-hev-credit a{text-decoration:underline;display:inline-flex;align-items:center;min-height:44px;margin:-6px 0 -6px .3em}
@media (min-width:600px){
 main.homepage .woi-hev-slider{margin-left:-30px;margin-right:-30px}
 main.homepage .woi-hev-row{padding-left:30px;padding-right:30px;scroll-padding:0 30px;gap:16px}
 main.homepage .woi-hev-row > li{flex-basis:calc((100% - 32px) / 3.3)}
}
@media (min-width:992px){
 main.homepage .woi-hev-slider{margin:18px 0 0;container-type:inline-size}
 main.homepage .woi-hev-row{padding:4px 0 6px;scroll-padding:0;gap:20px}
 main.homepage .woi-hev-row > li{flex-basis:calc((100% - 60px) / 4.3)}
 main.homepage .woi-hev-title{font-size:16px}
 main.homepage .woi-hev-arrow{display:flex;align-items:center;justify-content:center;position:absolute;top:calc(4px + (100cqw - 60px) / 4.3 / 3);transform:translateY(-50%);z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid #d9dce6;background:#fff;color:#0b1960;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.15);padding:0 0 3px}
 main.homepage .woi-hev-arrow:disabled{opacity:0;pointer-events:none}
 main.homepage .woi-hev-prev{left:-10px}
 main.homepage .woi-hev-next{right:-10px}
 main.homepage .woi-hev-credit{font-size:12px;margin:8px 0 34px}
}

/* v1.0.15: no credit line under the slider, so the slider carries the section's bottom spacing */
main.homepage .woi-home-ev .woi-hev-slider{margin-bottom:18px}
@media (min-width:992px){main.homepage .woi-home-ev .woi-hev-slider{margin-bottom:16px}}