/* One persistent toolbar for browsing and closing either festival's activity cards. */
.activity-navigation{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 20px;background:#fff;color:#171717;border-bottom:2px solid #171717;box-shadow:0 3px 8px #0002}
#vs-route-app .activity-navigation button,.activity-navigation button{font:700 15px/1.25 system-ui,sans-serif;color:#171717;background:#fff;border:2px solid #171717;border-radius:8px;padding:10px 12px;min-height:44px;cursor:pointer;white-space:nowrap}
.activity-navigation button:disabled{opacity:.4;cursor:default}
section#vs-route-app .activity-navigation button:focus-visible,.activity-navigation button:focus-visible{outline:3px solid #7131a5;outline-offset:2px}
.activity-navigation span{font:600 14px/1.3 system-ui,sans-serif;text-align:center}
.activity-navigation .activity-navigation-close{position:static!important;min-width:44px;min-height:44px;padding:8px!important;border:2px solid #171717!important;background:#171717!important;color:#fff!important;border-radius:8px;font:700 20px/1 system-ui,sans-serif!important}
#vs-route-app .vs-detail-top{grid-template-columns:150px minmax(0,1fr)}
.cinema-page .detail-topline{position:static}
@media(max-width:760px){.activity-navigation{gap:8px;padding:10px 12px}#vs-route-app .vs-detail-top{grid-template-columns:78px minmax(0,1fr)}}
@media(max-width:600px){#vs-route-app .vs-detail-top{padding-right:18px}}
@media(max-width:400px){.activity-navigation{padding:8px;gap:6px}#vs-route-app .activity-navigation button,.activity-navigation button{padding:8px;font-size:13px}.activity-navigation span{font-size:12px}}

.activity-navigation[hidden]{display:none}

.activity-navigation>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
