/* WBL book-bar (original). Phones only by default (add .wbl-bb--all to keep it on desktop). The page gets bottom
   padding so the bar never covers the last lines; slide is transform-only. */
.wbl-bb{position:fixed;left:0;right:0;bottom:0;z-index:70;display:flex;align-items:center;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));
  background:var(--wbl-paper,#F4EFE7);border-top:1px solid var(--wbl-line,#D6CABA);box-shadow:0 -6px 20px -12px rgba(33,27,23,.35);
  transform:translateY(0);transition:transform .32s cubic-bezier(.2,.8,.2,1),visibility 0s}
.wbl-bb.is-away{transform:translateY(calc(100% + 8px));visibility:hidden;transition:transform .26s ease-in,visibility 0s .26s}
html.wbl-bb-on body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
.wbl-bb a{display:inline-flex;align-items:center;justify-content:center;min-height:52px;border-radius:var(--wbl-radius,6px);font-weight:700;text-decoration:none}
.wbl-bb-call{flex:0 0 auto;width:56px;border:1.5px solid var(--wbl-ink,#211B17);color:var(--wbl-ink,#211B17)}
.wbl-bb-call svg{width:22px;height:22px}
.wbl-bb-book{flex:1;gap:10px;padding:10px 16px;background:var(--wbl-accent,#8E3B2E);color:var(--wbl-on-accent,#FBF7F1);font-size:17px}
.wbl-bb-book small{font-weight:500;font-size:14px;opacity:.9}
@media (min-width:760px){.wbl-bb:not(.wbl-bb--all){display:none}html.wbl-bb-on body{padding-bottom:0}html.wbl-bb-on:has(.wbl-bb--all) body{padding-bottom:84px}}
@media (prefers-reduced-motion:reduce){.wbl-bb,.wbl-bb.is-away{transition:visibility 0s}}
