/* ===== Events list (events.php) and event page (event.php) ===== */

/* list page */
.arr-events-jump { display: flex; flex-wrap: wrap; justify-content: flex-start; align-self: flex-start; gap: 8px; margin: 4px 0 26px; }
.arr .arr-events-jump a { padding: 7px 14px; border-radius: 999px; border: 1px solid var(--arr-border-2, #2E2E34); color: var(--arr-text-2, #D6D3CD); font-size: 13px; font-weight: 600; text-decoration: none; }
.arr .arr-events-jump a:hover { border-color: var(--arr-accent, #F2A93B); color: var(--arr-accent, #F2A93B); }
.arr-events-section { margin-bottom: 44px; scroll-margin-top: 20px; }
.arr-events-sub { font: 600 14px/1 var(--arr-font-body, inherit); color: var(--arr-text-muted, #A9A6A0); letter-spacing: 0; margin-left: 8px; }
.arr-events-year { display: flex; align-items: center; gap: 10px; margin: 6px 0 2px; font: 800 20px/1.2 var(--arr-font-display, inherit); color: var(--arr-text, #F4F2EE); }
.arr-events-year span { font: 700 12px/1 var(--arr-font-body, inherit); padding: 4px 8px; border-radius: 999px; background: var(--arr-surface-3, #24242A); color: var(--arr-text-muted, #A9A6A0); }
.arr-events-yearbox { border-top: 1px solid var(--arr-border, #26262B); padding-top: 14px; }
.arr-events-yearbox > summary { cursor: pointer; list-style: none; margin-bottom: 16px; }
.arr-events-yearbox > summary::-webkit-details-marker { display: none; }
.arr-events-yearbox > summary::after { content: "+"; margin-left: auto; color: var(--arr-text-muted, #A9A6A0); font-weight: 400; }
.arr-events-yearbox[open] > summary::after { content: "–"; }
.arr-event__art { position: relative; }
.arr-event__noart { height: 100%; display: flex; align-items: center; justify-content: center; padding: 16px; text-align: center; color: var(--arr-text-faint, #8C8983); font: 800 18px/1.2 var(--arr-font-display, inherit); text-transform: uppercase; letter-spacing: .06em; }
.arr-event__status { position: absolute; top: 10px; left: 10px; padding: 4px 9px; border-radius: 999px; font: 700 11px/1 var(--arr-font-body, inherit); text-transform: uppercase; letter-spacing: .05em; background: rgba(18,18,20,.85); color: #4ADE80; backdrop-filter: blur(6px); }
.arr-event__status.is-completed { color: var(--arr-text-2, #D6D3CD); }
.arr-event__status.is-cancelled, .arr-event__status.is-postponed { color: #F87171; }
.arr-event__status.is-sold-out { color: var(--arr-accent, #F2A93B); }
.arr-event__tour { font-size: 12px; color: var(--arr-accent, #F2A93B); }

/* event page */
.ev { max-width: 1100px; }
.arr .ev-back { display: inline-block; margin-bottom: 18px; color: var(--arr-accent, #F2A93B); font-weight: 600; text-decoration: none; }
.ev-head { display: grid; grid-template-columns: minmax(220px, 340px) minmax(0, 1fr); gap: clamp(20px, 3vw, 40px); align-items: start; margin-bottom: 36px; }
.ev-poster img, .ev-poster__empty { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--arr-radius-lg, 14px); background: var(--arr-surface-3, #24242A); display: block; }
.ev-poster__empty { display: flex; align-items: center; justify-content: center; color: var(--arr-text-faint, #8C8983); font: 800 22px/1.2 var(--arr-font-display, inherit); text-transform: uppercase; }
.ev-info { display: flex; flex-direction: column; gap: 12px; align-items: flex-start; min-width: 0; }
.ev-title { font-size: clamp(28px, 3.6vw, 46px); line-height: 1.05; margin: 0; }
.ev-status { padding: 5px 12px; border-radius: 999px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; background: rgba(74,222,128,.12); color: #4ADE80; }
.ev-status.is-completed { background: var(--arr-surface-3, #24242A); color: var(--arr-text-2, #D6D3CD); }
.ev-status.is-cancelled, .ev-status.is-postponed { background: rgba(248,113,113,.12); color: #F87171; }
.ev-status.is-sold-out { background: rgba(242,169,59,.14); color: var(--arr-accent, #F2A93B); }
.ev-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px 24px; margin: 6px 0 0; width: 100%; }
.ev-facts dt { font-size: 11px; text-transform: uppercase; letter-spacing: .1em; color: var(--arr-text-muted, #A9A6A0); margin-bottom: 3px; }
.ev-facts dd { margin: 0; color: var(--arr-text, #F4F2EE); font-weight: 600; }
.ev-summary { margin: 4px 0 0; color: var(--arr-text-2, #D6D3CD); font-size: 16px; line-height: 1.55; }
.arr a.ev-btn { padding: 11px 22px; border-radius: 999px; background: var(--arr-accent, #F2A93B); color: var(--arr-on-accent, #1A1206); font-weight: 800; text-decoration: none; }
.arr a.ev-btn:hover { background: var(--arr-accent-hover, #FFC56B); }
.ev-section { margin-bottom: 36px; }
.ev-section h2 { margin: 0 0 14px; font: 800 22px/1.2 var(--arr-font-display, inherit); padding-left: 12px; border-left: 4px solid var(--arr-accent, #F2A93B); }
.ev-text { max-width: 760px; color: var(--arr-text-2, #D6D3CD); line-height: 1.7; }
.ev-text p { margin: 0 0 14px; }
.ev-cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 0 40px; }
.ev-setlist, .ev-people { margin: 0; padding: 0; list-style: none; border: 1px solid var(--arr-border-2, #2E2E34); border-radius: var(--arr-radius, 12px); overflow: hidden; }
.ev-setlist { counter-reset: song; }
.ev-setlist li, .ev-people li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; padding: 11px 14px; border-bottom: 1px solid var(--arr-border, #26262B); }
.ev-setlist li:last-child, .ev-people li:last-child { border-bottom: 0; }
.ev-setlist li::before { counter-increment: song; content: counter(song, decimal-leading-zero); color: var(--arr-text-faint, #8C8983); font-variant-numeric: tabular-nums; font-size: 12px; min-width: 22px; }
.ev-song { color: var(--arr-text, #F4F2EE); font-weight: 600; }
.arr .ev-setlist a, .arr .ev-people a { color: var(--arr-text, #F4F2EE); text-decoration: underline; text-decoration-color: rgba(242,169,59,.5); text-underline-offset: 3px; }
.arr .ev-setlist a:hover, .arr .ev-people a:hover { color: var(--arr-accent, #F2A93B); }
.ev-note { color: var(--arr-text-muted, #A9A6A0); font-size: 13px; }
.ev-videos { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 18px; align-items: start; }
.ev-video { margin: 0; }
.ev-video figcaption { margin-top: 8px; color: var(--arr-text-muted, #A9A6A0); font-size: 13px; }
.ev-embed { position: relative; aspect-ratio: 16 / 9; border-radius: var(--arr-radius, 12px); overflow: hidden; background: #000; }
.ev-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.ev-video .instagram-media { min-width: 0 !important; width: 100% !important; margin: 0 !important; }
.arr a.ev-link { display: block; padding: 16px; border: 1px solid var(--arr-border-2, #2E2E34); border-radius: var(--arr-radius, 12px); color: var(--arr-text, #F4F2EE); text-decoration: none; }
.ev-photos { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 10px; }
.ev-photo { padding: 0; border: 0; border-radius: var(--arr-radius-sm, 10px); overflow: hidden; cursor: zoom-in; background: var(--arr-surface-3, #24242A); }
.ev-photo img { width: 100%; aspect-ratio: 1; object-fit: cover; display: block; transition: transform .2s; }
.ev-photo:hover img { transform: scale(1.04); }
.ev-lb { position: fixed; inset: 0; z-index: 3000; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 20px; background: rgba(0,0,0,.92); }
.ev-lb[hidden] { display: none; }
.ev-lb img { max-width: 100%; max-height: 82vh; border-radius: 8px; }
.ev-lb p { margin: 0; color: #ddd; }
.ev-lb__x { position: absolute; top: 14px; right: 18px; background: none; border: 0; color: #fff; font-size: 34px; cursor: pointer; }
@media (max-width: 720px) {
    .ev-head { grid-template-columns: 1fr; }
    .ev-poster { max-width: 340px; }
    .ev-videos { grid-template-columns: 1fr; }
}
.ev-poster { position: relative; }
.ev-credit { display: block; margin-top: 6px; font-size: 12px; color: var(--arr-text-muted, #A9A6A0); }

/* poster framing: the image fills a fixed frame; PosterFocus sets which part shows (object-position / zoom) */
.arr-event__art { overflow: hidden; }
.ev-poster__frame { aspect-ratio: 4 / 5; overflow: hidden; border-radius: var(--arr-radius-lg, 14px); background: var(--arr-surface-3, #24242A); }
.ev-poster__frame img { width: 100%; height: 100%; aspect-ratio: auto; border-radius: 0; }

/* tour / series chips */
.arr-tour-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 18px; }
.arr-tour-chips__label { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--arr-text-muted, #A9A6A0); margin-right: 2px; }
.arr a.arr-tour-chip { display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; border-radius: 999px; border: 1px solid var(--arr-border-2, #2E2E34); color: var(--arr-text-2, #D6D3CD); font-size: 13px; font-weight: 600; text-decoration: none; }
.arr a.arr-tour-chip small { font-size: 11px; color: var(--arr-text-faint, #8C8983); }
.arr a.arr-tour-chip:hover { border-color: var(--arr-accent, #F2A93B); color: var(--arr-accent, #F2A93B); }
.arr a.arr-tour-chip.is-on { background: var(--arr-accent, #F2A93B); border-color: var(--arr-accent, #F2A93B); color: var(--arr-on-accent, #1A1206); }
.arr a.arr-tour-chip.is-on small { color: inherit; opacity: .7; }
.arr a.ev-tour-link { color: inherit; text-decoration: none; border-bottom: 1px dashed currentColor; }
.arr a.ev-tour-link:hover { color: var(--arr-accent-hover, #FFC56B); }