/* Guest-priority navigation: reservation stays visually dominant without changing drawer architecture. */
.drawer-panel a.sierig-nav-primary,
.v24-drawer-panel a.sierig-nav-primary{
 min-height:52px;
 margin:8px 0 12px;
 padding-inline:12px;
 border:1px solid rgba(222,182,92,.45);
 border-radius:10px;
 background:rgba(222,182,92,.10);
 color:#f3d48a;
 font-weight:900;
 letter-spacing:.04em;
}
.drawer-panel a.sierig-nav-primary:focus-visible,
.v24-drawer-panel a.sierig-nav-primary:focus-visible{
 outline:2px solid #f1cb73;
 outline-offset:3px;
}

/* Current section: lightweight orientation cue. aria-current remains the semantic source;
   the visual treatment avoids a second CTA and therefore preserves the reservation hierarchy. */
.drawer-panel a.sierig-nav-current,
.v24-drawer-panel a.sierig-nav-current{
 position:relative;
 padding-inline:12px;
 background:rgba(255,255,255,.035);
 box-shadow:inset 3px 0 0 rgba(222,182,92,.72);
 color:#fff8e8;
}
.drawer-panel a.sierig-nav-current::after,
.v24-drawer-panel a.sierig-nav-current::after{
 content:"Aktuell";
 margin-left:12px;
 color:#d8bd7d;
 font-size:.64rem;
 font-weight:800;
 letter-spacing:.08em;
 text-transform:uppercase;
 opacity:.86;
}
.drawer-panel a.sierig-nav-primary.sierig-nav-current,
.v24-drawer-panel a.sierig-nav-primary.sierig-nav-current{
 box-shadow:inset 3px 0 0 #f1cb73;
}

/* Restaurant hero action system: all four action cards share one geometry.
   Reservation keeps the accent hierarchy and live hours keeps its state colour,
   but no action is allowed to become a narrow or oversized tile. */
.hero .actions:has(.restaurant-concierge-trigger){
 display:grid!important;
 grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:10px!important;
 width:min(920px,100%)!important;
 align-items:stretch!important;
}
.hero .actions:has(.restaurant-concierge-trigger)>.btn,
.hero .actions:has(.restaurant-concierge-trigger)>.restaurant-concierge-trigger,
.hero .actions:has(.restaurant-concierge-trigger)>.live-hours-wrap{
 width:100%!important;
 min-width:0!important;
 height:60px!important;
 min-height:60px!important;
 margin:0!important;
 box-sizing:border-box!important;
}
.hero .actions:has(.restaurant-concierge-trigger)>.btn,
.hero .actions:has(.restaurant-concierge-trigger)>.restaurant-concierge-trigger,
.hero .actions:has(.restaurant-concierge-trigger) .live-hours-btn{
 width:100%!important;
 min-width:0!important;
 height:60px!important;
 min-height:60px!important;
 border-radius:4px!important;
 box-sizing:border-box!important;
 justify-content:center!important;
 text-align:center!important;
 font-size:.72rem!important;
 letter-spacing:.085em!important;
}

@media(max-width:700px){
 .drawer-panel a.sierig-nav-primary,
 .v24-drawer-panel a.sierig-nav-primary{min-height:54px}
 .drawer-panel a.sierig-nav-current,
 .v24-drawer-panel a.sierig-nav-current{min-height:48px}
 .hero .actions:has(.restaurant-concierge-trigger){
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:100%!important;
  gap:8px!important;
 }
 .hero .actions:has(.restaurant-concierge-trigger)>.btn,
 .hero .actions:has(.restaurant-concierge-trigger)>.restaurant-concierge-trigger,
 .hero .actions:has(.restaurant-concierge-trigger)>.live-hours-wrap,
 .hero .actions:has(.restaurant-concierge-trigger) .live-hours-btn{
  height:56px!important;
  min-height:56px!important;
 }
}