/* Globale Ergänzungen – zentrale Fonts, Status und mobile Schnellnavigation */
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}

.alk-live-status{
  display:inline-flex;align-items:center;gap:10px;padding:10px 13px;border-radius:14px;
  border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.22);
  color:#f5f5f6;font:700 .92rem/1.25 Inter,system-ui,sans-serif;
  box-shadow:0 10px 28px rgba(0,0,0,.24)
}
.alk-live-status .alk-status-dot{width:10px;height:10px;border-radius:50%;flex:0 0 10px;box-shadow:0 0 0 4px rgba(255,255,255,.04)}
.alk-live-status.open{border-color:rgba(69,201,126,.34);background:rgba(69,201,126,.10)}
.alk-live-status.open .alk-status-dot{background:#45c97e;box-shadow:0 0 0 4px rgba(69,201,126,.10),0 0 18px rgba(69,201,126,.45)}
.alk-live-status.closed{border-color:rgba(231,104,92,.28);background:rgba(231,104,92,.08)}
.alk-live-status.closed .alk-status-dot{background:#e7685c;box-shadow:0 0 0 4px rgba(231,104,92,.09)}
.alk-live-status strong{font-weight:900}
.alk-live-status .alk-status-detail{color:#c8cbd0;font-weight:600}

.alk-desktop-footer{background:#151719;border-top:1px solid rgba(255,255,255,.08);padding:13px 0;color:#e9e9ea;font-size:.9rem}
.alk-desktop-footer a{color:#e9e9ea;text-decoration:none}.alk-desktop-footer a:hover{color:#ffcf6a}

.alk-mobile-dock{display:none}
@media(max-width:767.98px){
  body{padding-bottom:82px}
  .alk-desktop-footer{display:none}
  .alk-mobile-dock{
    position:fixed;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));z-index:1040;
    display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:7px;
    border:1px solid rgba(255,255,255,.13);border-radius:20px;
    background:rgba(10,12,14,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
    box-shadow:0 18px 55px rgba(0,0,0,.58)
  }
  .alk-mobile-dock a{
    min-width:0;padding:7px 2px 6px;border-radius:14px;color:#f5f5f6;text-decoration:none;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
    font:800 .66rem/1 Inter,system-ui,sans-serif;border:1px solid transparent
  }
  .alk-mobile-dock a i{font-size:1.08rem;color:#ffcf6a}
  .alk-mobile-dock a.is-active{background:rgba(193,161,90,.12);border-color:rgba(193,161,90,.22)}
  .alk-mobile-dock a:active{transform:scale(.97)}
}

/* Die Lieferkarte besitzt bereits ein eigenes Kategorie-Dock. Dort bleibt die globale Leiste aus. */
body.alk-no-global-dock{padding-bottom:0}
@media(max-width:767.98px){.alk-no-global-dock .alk-mobile-dock{display:none!important}}

:focus-visible{outline:2px solid #ffcf6a!important;outline-offset:3px}
