/* ============================================================
   l9-eventstrip.css - the events strip (Controls/ctrl_eventstrip.ascx): the season page, the home page and the
   studio page. Moved out of ctrl_season_map.ascx on 2026-10-23 (it was the season page's "Events" rail) so every
   surface draws the same strip. Colours and fonts are the theme tokens from l9.tokens.css.
   ============================================================ */
.l9-evs-host{display:block}
.l9-evs{margin:18px 0 0}
.l9-evs-hdr{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px}
.l9-evs-hdr .t{font-family:var(--l9-font-heading);text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:var(--l9-accent);font-weight:500}
.l9-evs-hdr .h{font-size:11px;color:var(--l9-text-muted);white-space:nowrap}
.l9-evs-empty{font-size:13px;color:var(--l9-text-muted);padding:4px 0}
/* with a page heading (the home page): the host page's section gives the spacing; the small row keeps only the count */
.l9-evs-titled{margin:0}
.l9-evs-hdr-hint{justify-content:flex-end;margin-top:-8px}

/* the row: swipe on touch, arrows on a mouse (the gallery control's pattern) */
.l9-evs-railwrap{position:relative}
.l9-evs-scroller{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.l9-evs-scroller::-webkit-scrollbar{display:none}
.l9-evs-scroller > *{scroll-snap-align:start;flex:0 0 auto}
.l9-evs-arrow{display:none;position:absolute;top:0;bottom:6px;width:64px;align-items:center;justify-content:center;border:none;cursor:pointer;z-index:10;padding:0;background:transparent}
.l9-evs-arrow.is-visible{display:flex}
.l9-evs-arrow-left{left:0;background:linear-gradient(to right, color-mix(in srgb, var(--l9-bg) 90%, transparent) 0%, transparent 100%)}
.l9-evs-arrow-right{right:0;background:linear-gradient(to left, color-mix(in srgb, var(--l9-bg) 90%, transparent) 0%, transparent 100%)}
.l9-evs-arrow-icon{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.12);border:2px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--l9-text);line-height:1;padding-bottom:2px;transition:background .15s, border-color .15s}
.l9-evs-arrow-left .l9-evs-arrow-icon{padding-right:3px}
.l9-evs-arrow-right .l9-evs-arrow-icon{padding-left:3px}
.l9-evs-arrow:hover .l9-evs-arrow-icon{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.5)}
@media (hover: none) and (pointer: coarse){.l9-evs-arrow{display:none !important}}

/* a card: square picture box (the whole picture, never cropped), then name, studio and date, prices, action */
.l9-evs-card{width:200px;background:var(--l9-surface);border:1px solid var(--l9-border);border-radius:16px;overflow:hidden;text-align:left;color:var(--l9-text);display:grid;grid-template-rows:auto 1fr}
.l9-evs-art{position:relative;display:block;aspect-ratio:1/1;background:#000}
.l9-evs-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.l9-evs-art .l9-evs-chip{position:absolute;left:8px;top:8px;z-index:1}
.l9-evs-art .l9-evs-chip.draft{top:36px}
.l9-evs-body{padding:8px 10px 10px;display:grid;gap:3px;grid-template-rows:auto auto auto 1fr}
.l9-evs-title{display:block;color:var(--l9-text);text-decoration:none;font-family:var(--l9-font-heading);font-size:14px;font-weight:600;text-transform:uppercase;line-height:1.15;overflow-wrap:anywhere}
.l9-evs-meta{font-size:11.5px;color:var(--l9-text-muted)}
.l9-evs-price{display:grid;gap:1px;margin-top:3px;font-size:12px;color:var(--l9-text-muted)}
.l9-evs-price b{color:var(--l9-text);font-weight:600}
.l9-evs-cta{display:block;margin-top:8px;text-align:center;font-family:var(--l9-font-heading);font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;padding:9px 10px;border-radius:10px;background:var(--l9-accent);color:var(--l9-bg);align-self:end;text-decoration:none}
.l9-evs-cta:hover{color:var(--l9-bg)}
.l9-evs-cta.in{background:color-mix(in srgb, var(--l9-success) 22%, transparent);color:#7ED39E;border:1px solid color-mix(in srgb, var(--l9-success) 55%, transparent)}
.l9-evs-cta.checkin{background:var(--l9-success);color:var(--l9-bg)}

/* chips on the picture */
.l9-evs-chip{font-family:var(--l9-font-heading);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:7px;background:rgba(0,0,0,.55);color:var(--l9-text);border:1px solid rgba(255,255,255,.18);font-weight:500;white-space:nowrap}
.l9-evs-chip.gold{background:var(--l9-accent);color:var(--l9-bg);border-color:var(--l9-accent)}
.l9-evs-chip.live{background:#E04E6F;color:#fff;border-color:#E04E6F}
.l9-evs-chip.dim{background:transparent;color:var(--l9-text-muted);border-color:var(--l9-border)}
.l9-evs-chip.draft{background:#b3261e;color:#fff;border-color:#b3261e}

@media(min-width:768px){.l9-evs-card{width:220px}}