/* Art of NOMA: What's On enhancements (agenda.js, inc/agenda.php). Tokens come from style.css. */

/* Card top row: tag + "Closing soon" chip */
.noma-card-top{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.noma-soon{display:inline-flex;align-items:center;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:500;line-height:1.5;padding:1px 8px;border:1px solid var(--noma-accent);color:var(--noma-accent);background:transparent}
.noma-card .noma-adm{font-size:13px;color:var(--noma-fg)}

/* "Closing soon" status pill on the exhibition page */
.noma-pills{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.noma-pill.is-soon{color:var(--noma-accent);border-color:var(--noma-accent);background:transparent}

/* Filter bar */
.noma-agenda-bar{display:flex;flex-direction:column;gap:10px;margin:18px 0 22px;padding-block:14px;border-block:1px solid var(--noma-line)}
.noma-fgroup{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.noma-flabel{flex:0 0 100%;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--noma-muted);font-weight:500}
@media(min-width:900px){
  .noma-agenda-bar{flex-direction:row;flex-wrap:wrap;gap:14px 28px;align-items:flex-start}
  .noma-flabel{flex:0 0 auto;margin-right:2px}
}
.noma-fextra{align-self:flex-end}
.noma .noma-chip[aria-expanded="true"]{background:var(--noma-fg);border-color:var(--noma-fg);color:var(--noma-bg)}
.noma .noma-chip[hidden]{display:none}
.noma-reset{margin-top:12px}
.noma-agenda-page [hidden]{display:none}
.noma-agenda-page .noma-empty{padding-block:24px}

/* Map */
.noma-map-wrap{margin:0 0 24px}
.noma-map-wrap[hidden]{display:none}
.noma-map{position:relative;isolation:isolate;z-index:0;width:100%;height:320px;background:var(--noma-panel);border:1px solid var(--noma-line-strong)}
@media(min-width:900px){.noma-map{height:420px}}
.noma-facts .noma-map-wrap{margin:18px 0 0}
.noma .leaflet-container{font-family:var(--noma-sans);font-size:13.5px;line-height:1.4;background:var(--noma-panel)}
.noma .leaflet-container img,.noma .leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important}
.noma .leaflet-container a{color:var(--noma-fg)}
.noma .leaflet-container .leaflet-control-attribution a{color:var(--noma-muted)}
.noma .leaflet-bar a{color:#000}
.noma .noma-pin{width:18px;height:18px;border-radius:50%;background:var(--noma-accent);border:2px solid #fff;box-shadow:0 0 0 1px var(--noma-fg);box-sizing:border-box}
.noma .noma-pin:focus-visible{outline:2px solid var(--noma-fg);outline-offset:3px}
.noma .leaflet-popup-content-wrapper{border-radius:0}
.noma .leaflet-popup-content{margin:12px 14px}
.noma .noma-pop p{margin:4px 0 0}
.noma .noma-pop-name{font-family:var(--noma-serif);font-weight:400;font-size:17px;line-height:1.2;display:block}
.noma .noma-pop-name a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--noma-line-strong)}
.noma .noma-pop-addr{color:var(--noma-muted);font-size:12.5px}
.noma .noma-pop-head{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--noma-muted);font-weight:500;margin-top:10px}
.noma .noma-pop-list{margin:4px 0 0;padding:0;list-style:none}
.noma .noma-pop-list li{margin:0 0 4px;padding:0}
.noma .noma-pop-list a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--noma-line-strong)}
.noma .noma-pop-list small{color:var(--noma-muted);font-size:12px}
.noma .noma-pop-maps{display:inline-block;margin-top:8px;font-size:12.5px;border-bottom:1px solid var(--noma-line-strong)}

/* Single exhibition + venue extras */
.noma-credit{font-size:12px;line-height:1.4;color:var(--noma-muted);margin-top:-10px;margin-bottom:18px}
.noma-cal{display:flex;flex-direction:column;gap:6px}
.noma-more{padding-block:8px 28px}
.noma-more .noma-sec{padding-block:28px}
.noma-hood{padding-block:28px}
.noma-hood+.noma-hood{border-top:1px solid var(--noma-line)}
.noma-hood h2.noma-h2{margin-bottom:16px}

@media (prefers-reduced-motion: reduce){
  .noma-map *,.noma-map *::before,.noma-map *::after{transition:none!important;animation:none!important}
}
.noma-cal a{align-self:flex-start}