/* AL Best — floating Call & Book pair (owner's clarified spec, 2026-10-17).
   Two SEPARATE compact buttons, always visible, never a full-width strip:
   - At the top of the page the pair docks in the quiet corner under the
     sticky header (top dock — header zone, no form fields there).
   - On scroll down (scrollY > 120px, toggled by /assets/callbar.js) the pair
     smoothly "falls" to the bottom-right corner and sticks there
     (bottom dock — above the footer / free zone).
   - Scrolling back to the top returns it to the top dock.
   The move is animated via a transition on `top`. Body keeps bottom padding
   so at full scroll the page end (incl. the booking form's tail and the
   footer) clears the bottom dock instead of hiding under it.
   Self-contained: geometry uses !important to win over the legacy .callbar
   rules baked into page <style> blocks. */
body {
  padding-bottom: 84px;
}
.callbar {
  position: fixed !important;
  left: auto !important;
  right: 14px !important;
  bottom: auto !important;
  top: 74px;
  width: auto !important;
  z-index: 999;
  display: flex !important;
  transform: none !important;
  gap: 8px;
  background: transparent !important;
  border-top: none !important;
  padding: 0 !important;
  box-shadow: none;
  transition: top .38s cubic-bezier(.4, 0, .2, 1);
}
.callbar.dock-bottom {
  top: calc(100vh - 62px - env(safe-area-inset-bottom));
  top: calc(100dvh - 62px - env(safe-area-inset-bottom));
}
.callbar a {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 48px;
  padding: 11px 18px;
  border-radius: 999px;
  font: 700 15.5px/1.15 "Barlow", "Segoe UI", Arial, sans-serif;
  letter-spacing: .01em;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .38);
}
.callbar a.alb-call {
  background: #e19a2f;
  color: #171a1f;
  border: 2px solid #e19a2f;
}
.callbar a.alb-call:hover { background: #f0aa3e; }
.callbar a.alb-book {
  background: rgba(20, 23, 28, .96);
  color: #ffd489;
  border: 2px solid #e19a2f;
}
.callbar a.alb-book:hover { background: rgba(225, 154, 47, .18); }
@media (max-width: 700px) {
  .callbar { top: 104px; right: 10px; }
  .callbar.dock-bottom { top: calc(100vh - 60px - env(safe-area-inset-bottom)); top: calc(100dvh - 60px - env(safe-area-inset-bottom)); }
  .callbar a { min-height: 46px; padding: 10px 14px; font-size: 14.5px; }
}
@media (max-width: 360px) {
  .callbar a { padding: 10px 11px; font-size: 13.5px; }
}
