/* Phone/touch-tablet contact bar (all pages). Slides up once the visitor is past the opening hero,
   hides near the footer (contact details are there) and while a menu or the enquiry form is open.
   Logic: mobile-cta.js. Colours follow the page: forest green by default, navy on Wondertown. */
.oe-cta-bar{ display:none; }
@media (max-width:760px), (max-width:1366px) and (hover:none) and (pointer:coarse){
  .oe-cta-bar{
    position:fixed; left:12px; right:12px; bottom:calc(12px + env(safe-area-inset-bottom,0px)); z-index:100;
    display:grid; grid-template-columns:1fr 1.25fr; gap:8px; padding:8px; border-radius:999px;
    background:rgba(20,33,29,.92); box-shadow:0 14px 40px rgba(0,0,0,.28);
    backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
    opacity:0; transform:translateY(130%); pointer-events:none;
    transition:transform .45s cubic-bezier(.22,1,.36,1), opacity .3s ease;
  }
  .oe-cta-bar[hidden]{ display:none; }
  .oe-cta-bar.is-visible{ opacity:1; transform:none; pointer-events:auto; }
  .oe-cta-bar__btn{
    display:flex; align-items:center; justify-content:center; min-height:46px; padding:0 14px; border:1px solid rgba(213,200,186,.35);
    border-radius:999px; background:transparent; color:#EEE6D9; font:600 14px/1.2 "Plus Jakarta Sans",sans-serif;
    letter-spacing:.03em; text-decoration:none; white-space:nowrap; cursor:pointer; -webkit-tap-highlight-color:transparent;
  }
  .oe-cta-bar__btn--solid{ border-color:#D5C8BA; background:#D5C8BA; color:#14211D; }
  .oe-cta-bar__btn:focus-visible{ outline:2px solid #B39677; outline-offset:3px; }
  .wt-page .oe-cta-bar{ background:rgba(19,42,69,.92); }
  .wt-page .oe-cta-bar__btn{ border-color:rgba(255,255,255,.35); color:#fff; }
  .wt-page .oe-cta-bar__btn--solid{ border-color:#87CEEB; background:#87CEEB; color:#132A45; }
}
@media (prefers-reduced-motion:reduce){ .oe-cta-bar{ transition:none; } }