/* ==================================================================
   The foot of every public page (owner, 19 October 2026).

   The moving strip runs along the bottom of the screen on every device;
   on phones and tablets the bottom bar (Back and one action) sits under
   it. Its own names (vf-) and colours, like chrome.css, so the page
   underneath cannot reach it.
   ================================================================== */
.vf{
  --vf-paper:#FFFFFF; --vf-navy:#00447E; --vf-navy-deep:#032F58; --vf-gold:#D69A2C; --vf-gold-lt:#F0B03C;
  --vf-gold-ink:#8A6614; --vf-line:#CBDCED; --vf-ink:#0A2440; --vf-wash:#E6F0FA; --vf-ok:#1B7A53; --vf-ok-wash:#E6F4EC;
  --vf-hot:#B02A2A; --vf-hot-wash:#FBEAEA;
  position:fixed;left:0;right:0;bottom:0;z-index:58;font-family:"IBM Plex Sans","Segoe UI",Arial,system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;box-sizing:border-box
}
.vf *{box-sizing:border-box}
.vf a{text-decoration:none}

/* the strip */
/* a little bigger (owner, 19 October 2026): 15.5 px, a taller band, more room between the lines */
.vf-strip{display:flex;align-items:stretch;background:var(--vf-navy-deep);color:#fff;font-size:15.5px;font-weight:500;line-height:1.3;overflow:hidden}
.vf-lead{flex:none;display:flex;align-items:center;background:var(--vf-gold);color:#22190A;font-weight:700;font-size:12.5px;
  letter-spacing:.1em;text-transform:uppercase;padding:0 18px;position:relative;z-index:1}
.vf-run{flex:1 1 auto;min-width:0;overflow:hidden;position:relative}
.vf-track{display:flex;width:max-content;white-space:nowrap;padding:13px 0;will-change:transform}
.vf-track.vf-moving{animation:vf-run var(--vf-dur,40s) linear infinite}
.vf-strip:focus-within .vf-track,.vf-strip.vf-held .vf-track{animation-play-state:paused}
@media (hover:hover) and (pointer:fine){.vf-strip:hover .vf-track{animation-play-state:paused}}
.vf-line{display:inline-flex;align-items:center;gap:10px;color:#fff;padding:0 40px 0 20px}
.vf-line i{width:8px;height:8px;border-radius:50%;background:var(--vf-gold-lt);flex:none}
@media (hover:hover) and (pointer:fine){.vf-line:hover{color:var(--vf-gold-lt)}}
.vf-line:focus-visible,.vf-lead:focus-visible{outline:2px solid var(--vf-gold-lt);outline-offset:-2px}
@keyframes vf-run{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.vf-track.vf-moving{animation:none}.vf-run{overflow-x:auto;scrollbar-width:none}}

/* the bottom bar: phones and tablets only */
.vf-bar{display:none}
@media (max-width:1100px){
  .vf-bar{display:flex;gap:8px;align-items:center;background:var(--vf-paper);border-top:1px solid var(--vf-line);
    padding:9px max(12px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));
    box-shadow:0 -8px 20px -14px rgba(8,30,54,.35)}
  .vf-strip{font-size:12px}
  .vf-track{padding:7px 0}
}
.vf-back{flex:none;display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 14px 0 10px;border-radius:10px;
  border:1px solid var(--vf-line);background:var(--vf-paper);color:var(--vf-navy);font-weight:600;font-size:14px}
.vf-back .ic{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vf-act{flex:1 1 auto;min-width:0;display:flex}
.vf-act form,.vf-act .cbk{flex:1 1 auto;min-width:0;display:flex;margin:0}
.vf .vf-go{flex:1 1 auto;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;
  padding:0 14px;border-radius:10px;border:1px solid #B58121;background:var(--vf-gold);color:#22190A;font:inherit;
  font-weight:600;font-size:14.5px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vf .vf-go .ic{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vf .vf-go span{overflow:hidden;text-overflow:ellipsis}
.vf form[data-mark="visit"] .vf-go[aria-pressed="true"]{background:var(--vf-ok-wash);border-color:var(--vf-ok);color:var(--vf-ok)}
.vf form[data-mark="favourite"] .vf-go[aria-pressed="true"]{background:var(--vf-hot-wash);border-color:var(--vf-hot);color:var(--vf-hot)}
.vf form[data-mark="favourite"] .vf-go[aria-pressed="true"] .ic{fill:currentColor}
.vf-back:focus-visible,.vf .vf-go:focus-visible{outline:2px solid var(--vf-gold);outline-offset:2px}

/* room under the page for the bar, measured by footbar.js; these are its first guesses */
body{padding-bottom:var(--vf-h,46px)}
@media (max-width:1100px){body{padding-bottom:var(--vf-h,114px)}}
body .vt-stack{bottom:calc(24px + var(--vf-h,0px))}
@media (max-width:560px){body .vt-stack{bottom:calc(12px + var(--vf-h,0px))}}
/* the old bar of the property pages gave way to this one */
.pd-stickybar{display:none!important}