/* DD What's Happening v1.2
 * Live list + map. Site-shell + mobile discovery cue pass.
 * DD cyan = live / active city-state signal. DD pink remains reserved for highlighted,
 * sponsored, Special, or other elevated/promotional content outside neutral time-state UI.
 */
.dd-now-page .entry-header>.entry-title,
.dd-now-page .page-header>.entry-title,
.dd-now-page .elementor-page-title,
.dd-now-page .wp-block-post-title{display:none!important}
.dd-now-page{overflow-x:hidden}
.dd-now{box-sizing:border-box;width:min(1180px,calc(100vw - 40px));max-width:none;margin:0;position:relative;left:50%;transform:translateX(-50%);padding:clamp(36px,5vw,68px) clamp(18px,3vw,32px) clamp(70px,8vw,110px);color:var(--dd-text,#f5f5f5);font-family:var(--dd-font,Poppins,Arial,sans-serif)}
.dd-now-head{max-width:900px;margin:0 0 clamp(28px,4vw,48px)}
.dd-now-head h1{margin:10px 0 0;color:#fff;font-size:clamp(46px,7vw,92px);font-weight:900;line-height:.88;letter-spacing:-.06em}
.dd-now-head>p{max-width:760px;margin:18px 0 0;color:rgba(255,255,255,.72);font-size:clamp(16px,1.5vw,19px);line-height:1.55}
.dd-now-summary{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-top:18px;color:var(--dd-cyan,#11defd);font-size:12px;font-weight:800;letter-spacing:.03em}
.dd-now-updated{color:rgba(255,255,255,.46);font-weight:600}

.dd-now-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 20px;padding:18px 0;border-top:1px solid var(--dd-rule,rgba(255,255,255,.18));border-bottom:1px solid var(--dd-rule,rgba(255,255,255,.18));margin-bottom:clamp(34px,5vw,58px)}
.dd-now-filter-group{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.dd-now-topic-rail{grid-column:1/2;position:relative;min-width:0}
.dd-now-filter-group--topics{width:100%}
.dd-now-topic-cue{display:none}
.dd-now-toolbar button{appearance:none;border:1px solid rgba(255,255,255,.24);background:transparent;color:rgba(255,255,255,.72);min-height:38px;padding:0 14px;border-radius:999px;font:800 10px/1 var(--dd-font,Poppins,Arial,sans-serif);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;white-space:nowrap}
.dd-now-toolbar button:hover,.dd-now-toolbar button:focus-visible{border-color:var(--dd-cyan,#11defd);color:#fff;outline:none}
.dd-now-toolbar button.is-active{border-color:var(--dd-cyan,#11defd);background:var(--dd-cyan,#11defd);color:#000}
.dd-now-view-switch{display:flex;gap:6px;align-self:start;grid-column:2/3;grid-row:1/3}
.dd-now-view-switch button.is-active{border-color:var(--dd-cyan,#11defd);background:var(--dd-cyan,#11defd);color:#000}

.dd-now-section{padding:0 0 clamp(42px,6vw,72px)}
.dd-now-section[hidden]{display:none!important}
.dd-now-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.16)}
.dd-now-section-head h2{margin:0;color:#fff;font-size:clamp(28px,3.8vw,48px);font-weight:850;line-height:.96;letter-spacing:-.04em}
.dd-now-section-count{color:var(--dd-muted,#9a9a9a);font-size:12px;font-weight:850}
.dd-now-section--now .dd-now-section-head{border-bottom-color:rgba(17,222,253,.72)}
.dd-now-section--soon .dd-now-section-head{border-bottom-color:rgba(142,240,255,.48)}

.dd-now-events{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
.dd-now-events>.dd-now-event:only-child{grid-column:1/-1;max-width:760px}
.dd-now-event{position:relative;display:flex;align-items:stretch;min-width:0;border-top:2px solid rgba(255,255,255,.26);background:rgba(255,255,255,.025)}
.dd-now-section--now .dd-now-event{border-top-color:var(--dd-cyan,#11defd)}
.dd-now-section--soon .dd-now-event{border-top-color:#8ef0ff}
.dd-now-event-main{display:flex;flex:1;min-width:0;gap:14px;padding:14px;color:#fff!important;text-decoration:none!important}
.dd-now-event-media{display:block;flex:0 0 104px;width:104px;height:104px;overflow:hidden;background:#111}
.dd-now-event-media img{display:block;width:100%!important;height:100%!important;object-fit:cover!important}
.dd-now-event-copy{display:flex;flex-direction:column;min-width:0}
.dd-now-event-badge{display:inline-flex;align-self:flex-start;margin:0 0 7px;color:rgba(255,255,255,.72);font-size:9px;font-weight:900;line-height:1;letter-spacing:.12em;text-transform:uppercase}
.dd-now-event-badge--now{color:var(--dd-cyan,#11defd)}
.dd-now-event-badge--soon{color:#8ef0ff}
.dd-now-event-badge--started{color:rgba(255,255,255,.78)}
.dd-now-event-title{color:#fff;font-size:clamp(18px,1.8vw,24px);font-weight:800;line-height:1.08;letter-spacing:-.025em}
.dd-now-event-meta{margin-top:8px;color:rgba(255,255,255,.7);font-size:12px;font-weight:650;line-height:1.35}
.dd-now-event-tax{margin-top:auto;padding-top:10px;color:rgba(255,255,255,.42);font-size:10px;font-weight:700;line-height:1.3;text-transform:uppercase;letter-spacing:.08em}
.dd-now-event-main:hover .dd-now-event-title,.dd-now-event-main:focus-visible .dd-now-event-title{color:var(--dd-cyan,#11defd)}
.dd-now-event-main:focus-visible{outline:2px solid var(--dd-cyan,#11defd);outline-offset:-2px}
.dd-now-directions{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:72px;border-left:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.72)!important;text-decoration:none!important;font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.dd-now-directions:hover,.dd-now-directions:focus-visible{background:var(--dd-cyan,#11defd);color:#000!important;outline:none}
.dd-now-empty{grid-column:1/-1;margin:0;padding:16px 0 22px;color:rgba(255,255,255,.48);font-size:14px;line-height:1.5}

.dd-now-map-panel{padding:0 0 20px}
.dd-now-map{width:100%;height:min(68vh,720px);min-height:460px;background:#101010;border:1px solid rgba(255,255,255,.16)}
.dd-now-map-note{margin:10px 0 0;color:rgba(255,255,255,.42);font-size:11px}
.dd-now .leaflet-container{font-family:var(--dd-font,Poppins,Arial,sans-serif);background:#121212}
.dd-now .leaflet-popup{max-width:calc(100vw - 52px)!important}
.dd-now .leaflet-popup-content-wrapper,.dd-now .leaflet-popup-tip{background:#090909;color:#fff;border-radius:0}
.dd-now .leaflet-popup-content-wrapper{max-width:100%;border:1px solid rgba(255,255,255,.22);box-shadow:0 16px 45px rgba(0,0,0,.55)}
.dd-now .leaflet-popup-content{margin:14px 16px;min-width:0;max-width:min(300px,calc(100vw - 92px));overflow-wrap:anywhere}
.dd-now-map-popup h3{margin:0 0 9px;color:#fff;font-size:17px;line-height:1.1}
.dd-now-map-popup a{color:var(--dd-cyan,#11defd)!important;text-decoration:none!important}
.dd-now-map-popup ul{list-style:none;margin:0;padding:0}
.dd-now-map-popup li+li{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.12)}
.dd-now-map-popup .dd-now-popup-status{display:block;margin-top:3px;color:rgba(255,255,255,.55);font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.dd-now-map-popup .dd-now-popup-directions{display:inline-block;margin-top:10px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}


/* /now is a first-class DD publication page: use the same Core shell and network strip. */
.dd-now-page .dd-site-header,
.dd-now-page .dd-site-footer{
  position:relative;
  left:50%;
  width:100vw;
  max-width:none;
  transform:translateX(-50%);
}
.dd-now-page .dd-subpage-amplified--now{
  position:relative;
  left:50%;
  width:min(1120px,calc(100vw - 48px));
  max-width:none;
  transform:translateX(-50%);
  margin-top:8px;
  margin-bottom:0;
}
.dd-now-page footer.site-footer:not(.dd-site-footer),
.dd-now-page #site-footer:not(.dd-site-footer){display:none!important}
.dd-now-page .dd-site-footer{margin-top:0}
@media(min-width:701px){
  .dd-now-page .dd-now{padding-bottom:clamp(42px,4vw,58px)}
  .dd-now-page .dd-subpage-amplified--now{margin-top:0}
}

@media(max-width:900px){
  .dd-now{width:min(100%,calc(100vw - 28px))}
  .dd-now-events{grid-template-columns:1fr}
  .dd-now-events>.dd-now-event:only-child{max-width:none}
  .dd-now-toolbar{grid-template-columns:1fr auto}
}

@media(max-width:700px){
  .dd-now{width:calc(100vw - 24px);padding:32px 12px 72px}
  .dd-now-head h1{font-size:clamp(48px,15vw,68px)}
  .dd-now-head>p{font-size:16px}
  .dd-now-toolbar{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:15px 0;margin-bottom:36px;overflow:hidden}
  .dd-now-filter-group{flex-wrap:nowrap;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:0 36px 4px 0;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scroll-snap-type:x proximity}
  .dd-now-filter-group::-webkit-scrollbar{display:none}
  .dd-now-filter-group button{scroll-snap-align:start}
  .dd-now-topic-rail{width:100%;overflow:hidden}
  .dd-now-topic-rail::after{content:"";position:absolute;z-index:2;right:0;top:0;bottom:4px;width:54px;pointer-events:none;background:linear-gradient(90deg,rgba(5,5,5,0),rgba(5,5,5,.96) 72%);opacity:0;transition:opacity .18s ease}
  .dd-now-topic-cue{position:absolute;z-index:3;right:6px;top:0;display:flex;align-items:center;justify-content:flex-end;width:22px;height:38px;color:var(--dd-cyan,#11defd);font-size:23px;font-weight:700;line-height:1;pointer-events:none;opacity:0;transition:opacity .18s ease}
  .dd-now-topic-rail.is-scrollable:not(.is-at-end)::after,.dd-now-topic-rail.is-scrollable:not(.is-at-end) .dd-now-topic-cue{opacity:1}
  .dd-now-topic-rail.has-scrolled:not(.is-at-end)::after{width:42px}
  .dd-now-toolbar button{flex:0 0 auto;min-height:38px}
  .dd-now-view-switch{align-self:stretch;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding-top:2px}
  .dd-now-view-switch button{width:100%;border-radius:0}
  .dd-now-section{padding-bottom:48px}
  .dd-now-section-head h2{font-size:clamp(30px,10vw,39px)}
  .dd-now-event-main{padding:12px;gap:12px}
  .dd-now-event-media{flex-basis:82px;width:82px;height:82px}
  .dd-now-event-title{font-size:20px}
  .dd-now-event-meta{font-size:12px}
  .dd-now-event-tax{display:none}
  .dd-now-directions{width:48px;font-size:0}
  .dd-now-directions::before{content:'↗';font-size:17px;font-weight:700;line-height:1}
  .dd-now-map{height:62vh;min-height:420px}
  .dd-now .leaflet-popup-content{max-width:calc(100vw - 104px)}
}

@media(max-width:460px){
  .dd-now{width:calc(100vw - 18px);padding-left:9px;padding-right:9px}
  .dd-now-event-media{flex-basis:72px;width:72px;height:72px}
  .dd-now-event-main{gap:10px;padding:10px}
  .dd-now-event-title{font-size:18px}
  .dd-now-directions{width:42px;min-height:100%;border-left:1px solid rgba(255,255,255,.1);border-top:0}
}
