/* Shared venue toolbar. Geometry is read from each platform's base navigation. */
@media(max-width:860px){
 html body .venue-detail-actions.hako-venue-bar{
  box-sizing:border-box;left:calc((100% - var(--hako-nav-width,calc(100% - 28px))) / 2);right:auto;transform:none;
  bottom:var(--hako-nav-bottom,18px);width:var(--hako-nav-width,calc(100% - 28px));
  min-height:var(--hako-nav-height,59px);height:auto;padding:4px;
  grid-template-columns:minmax(0,1fr) 66px 66px;gap:6px;align-items:stretch;
  border:1px solid var(--rule);border-radius:999px;
  background:color-mix(in srgb,var(--accent-pop) 5%,var(--card));
  box-shadow:0 5px 24px #0002;pointer-events:auto;
 }
 html body .venue-detail-actions.hako-venue-bar .venuefavoritebtn{display:none}
 html body .venue-detail-actions.hako-venue-bar :is(#venueTicketAddFixed,#venuePhotoFixed,#venueCorrectionFixed,[data-hako-action]){
  box-sizing:border-box;display:flex;width:auto;min-width:0;max-height:none;height:auto;
  min-height:calc(var(--hako-nav-height,59px) - 10px);padding:4px 6px;
  align-items:center;justify-content:center;gap:7px;flex-direction:row;
  border:0;border-radius:999px;box-shadow:none;transform:none;
  background:transparent;color:color-mix(in srgb,var(--accent-pop) 42%,var(--ink));
  font-family:inherit;font-size:13px;font-weight:650;line-height:1.4;
  letter-spacing:0;text-decoration:none;white-space:normal;overflow-wrap:anywhere;
 }
 html body .venue-detail-actions.hako-venue-bar :is(#venueTicketAddFixed,#venuePhotoFixed,#venueCorrectionFixed,[data-hako-action])[data-hako-action="record"]{
  background:var(--accent-pop);color:var(--accent-contrast,var(--ink));
 }
 html body .venue-detail-actions.hako-venue-bar :is(#venueTicketAddFixed,#venuePhotoFixed,#venueCorrectionFixed,[data-hako-action])[data-hako-action="record"]:active{
  background:color-mix(in srgb,var(--accent-pop),var(--ink) 10%);
 }
 html body .venue-detail-actions.hako-venue-bar :is(#venueTicketAddFixed,#venuePhotoFixed,#venueCorrectionFixed,[data-hako-action]):is([data-hako-action="photo"],[data-hako-action="edit"]){
  flex-direction:column;gap:3px;font-size:9.5px;padding:3px 0;
 }
 html body .venue-detail-actions.hako-venue-bar :is(#venueTicketAddFixed,#venuePhotoFixed,#venueCorrectionFixed,[data-hako-action]):is([data-hako-action="photo"],[data-hako-action="edit"]):active{
  background:var(--accent-tint);
 }
 html body .venue-detail-actions.hako-venue-bar :is(#venueCorrectionFixed,[data-hako-action="edit"]){position:relative;left:-3px}
 html body .venue-detail-actions.hako-venue-bar svg{
  display:block;width:22px;height:22px;flex:0 0 22px;fill:none;stroke:currentColor;
  stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
 }
 html body .venue-detail-actions.hako-venue-bar :is(button,a):focus-visible{outline:2px solid var(--ink);outline-offset:2px}
 html[data-night="true"] body .venue-detail-actions.hako-venue-bar{
  background:color-mix(in srgb,var(--accent-pop) 8%,var(--card));
 }
}
@media(max-width:350px){
 html body .venue-detail-actions.hako-venue-bar{grid-template-columns:minmax(0,1fr) 62px 62px;gap:3px}
 html body .venue-detail-actions.hako-venue-bar :is(#venueTicketAddFixed,#venuePhotoFixed,#venueCorrectionFixed,[data-hako-action])[data-hako-action="record"]{font-size:12px;gap:5px}
}

/* Restrained translucent surfaces; controls keep their existing opaque colors. */
@media(max-width:860px){
 @supports ((backdrop-filter:blur(16px)) or (-webkit-backdrop-filter:blur(16px))){
  html body .mobile-nav,
  html body .venue-detail-actions.hako-venue-bar{
   background:color-mix(in srgb,var(--card) 82%,transparent);
   -webkit-backdrop-filter:blur(16px) saturate(115%);
   backdrop-filter:blur(16px) saturate(115%);
  }
  html[data-night="true"] body .mobile-nav,
  html[data-night="true"] body .venue-detail-actions.hako-venue-bar{
   background:color-mix(in srgb,var(--card) 86%,transparent);
  }
 }
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
 html body .mobile-nav,
 html body .venue-detail-actions.hako-venue-bar,
 html[data-night="true"] body .mobile-nav,
 html[data-night="true"] body .venue-detail-actions.hako-venue-bar{
  background:var(--card);-webkit-backdrop-filter:none;backdrop-filter:none;
 }
}

/* Keep the selected destination solid above the translucent navigation surface. */
@media(max-width:860px){
 html body .mobile-nav :is(.web-nav-selection,.native-floating-nav-selection){
  background:var(--accent-pop);opacity:1;
 }
 html body .mobile-nav :is(button,a).on,
 html[data-night="true"] body .mobile-nav :is(button,a).on,
 html body .mobile-nav :is(button,a).on .navicon,
 html[data-night="true"] body .mobile-nav :is(button,a).on .navicon{
  color:var(--accent-contrast,var(--ink));
 }
}

/* The panel and its sibling toolbar share one viewport-width slide. */
@media(max-width:860px){
 html body .venue-detail-actions.hako-venue-bar.hako-venue-sliding{
  display:grid;transform:translateX(100vw);pointer-events:none;
  transition:var(--hako-detail-transition,transform .3s cubic-bezier(.32,.72,0,1));
 }
 html body:has(#detail.show) .venue-detail-actions.hako-venue-bar.hako-venue-sliding{
  transform:translateX(0);pointer-events:auto;
 }
}
@media(prefers-reduced-motion:reduce){
 html body .venue-detail-actions.hako-venue-bar.hako-venue-sliding{transition:none}
}