/* Keep phone, email and enquiry on the right; WhatsApp stays at the lower left. */
.floating-contact-tools.blueprint-contact-rail{top:0;bottom:0;right:24px;transform:none;justify-content:center;gap:10px;pointer-events:none}
.floating-contact-tools.blueprint-contact-rail>*{pointer-events:auto}
.floating-contact-tools.blueprint-contact-rail .floating-contact-action,
.floating-contact-tools.blueprint-contact-rail .whatsapp-trigger{width:52px;height:52px;min-height:52px;max-width:52px;padding:13px;border:1px solid #fff;border-radius:50%;background:var(--blue);color:#fff;box-shadow:0 5px 20px #12348026}
.floating-contact-tools.blueprint-contact-rail .floating-contact-action:hover,
.floating-contact-tools.blueprint-contact-rail .whatsapp-trigger:hover{background:#123ea8;transform:translateY(-2px)}
/* Keep the WhatsApp launcher recognisable without changing the right-hand actions. */
.floating-contact-tools.blueprint-contact-rail .whatsapp-widget .whatsapp-trigger{width:auto;height:52px;min-height:48px;max-width:calc(100vw - 48px);padding:12px 18px;gap:9px;border-radius:999px;background:#25d366;font-size:15px}
.floating-contact-tools.blueprint-contact-rail .whatsapp-trigger:hover{background:#1ebe5d}
.floating-contact-tools.blueprint-contact-rail .floating-contact-action svg,
.floating-contact-tools.blueprint-contact-rail .whatsapp-icon{width:25px;height:25px}
.floating-contact-tools.blueprint-contact-rail .floating-contact-label,
.floating-contact-tools.blueprint-contact-rail .whatsapp-trigger>span{border-radius:8px;background:var(--ink);padding:8px 11px}
.floating-contact-tools.blueprint-contact-rail .floating-contact-panel,
.floating-contact-tools.blueprint-contact-rail .whatsapp-panel{top:50%;right:66px;bottom:auto;z-index:2;transform:translateY(-50%);width:360px;max-width:calc(100vw - 116px);max-height:calc(100dvh - 32px);border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:18px;overflow:auto}
.floating-contact-tools.blueprint-contact-rail .whatsapp-widget{--whatsapp-green:var(--blue);position:fixed;top:auto;right:auto;bottom:max(24px,env(safe-area-inset-bottom));left:max(24px,env(safe-area-inset-left));z-index:auto}
.floating-contact-tools.blueprint-contact-rail .whatsapp-panel{top:auto;right:auto;bottom:calc(100% + 12px);left:0;transform:none;max-width:calc(100vw - 48px);max-height:calc(100dvh - 112px - env(safe-area-inset-bottom))}
.floating-contact-tools.blueprint-contact-rail .whatsapp-widget .whatsapp-trigger>span{position:static;inset:auto;transform:none;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font-size:inherit;font-weight:700;line-height:1;opacity:1;white-space:nowrap;pointer-events:none;transition:none}
.floating-contact-tools.blueprint-contact-rail .whatsapp-panel-head{background:var(--blue)}
.floating-contact-tools.blueprint-contact-rail .whatsapp-kicker{color:#fff}
.floating-contact-tools.blueprint-contact-rail .whatsapp-contact{border-color:var(--line);border-left-color:var(--blue);border-radius:10px;background:var(--soft)}
.floating-contact-tools.blueprint-contact-rail .whatsapp-contact:hover{background:#e5eeff;border-color:var(--blue)}
.floating-contact-tools.blueprint-contact-rail .whatsapp-contact-icon{border-color:var(--line)}
.floating-contact-tools.blueprint-contact-rail .whatsapp-contact-phone{color:var(--muted)}
body:has(.floating-contact-tools.blueprint-contact-rail) .back-to-top{right:24px;bottom:max(24px,env(safe-area-inset-bottom))}
@media(max-width:640px){
  .floating-contact-tools.blueprint-contact-rail{right:14px;gap:7px}
  .floating-contact-tools.blueprint-contact-rail .floating-contact-action,
  .floating-contact-tools.blueprint-contact-rail .whatsapp-trigger{width:46px;height:46px;min-height:46px;max-width:46px;padding:11px}
  .floating-contact-tools.blueprint-contact-rail .floating-contact-action svg,
  .floating-contact-tools.blueprint-contact-rail .whatsapp-icon{width:23px;height:23px}
  .floating-contact-tools.blueprint-contact-rail .floating-contact-panel,
  .floating-contact-tools.blueprint-contact-rail .whatsapp-panel{right:0;width:min(360px,calc(100vw - 28px));max-width:calc(100vw - 28px);max-height:calc(100dvh - 28px)}
  .floating-contact-tools.blueprint-contact-rail .whatsapp-widget{left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom))}
  .floating-contact-tools.blueprint-contact-rail .whatsapp-widget .whatsapp-trigger{height:48px;max-width:calc(100vw - 28px);padding:10px 15px;gap:8px;font-size:14px}
  .floating-contact-tools.blueprint-contact-rail .whatsapp-panel{right:auto;max-height:calc(100dvh - 86px - env(safe-area-inset-bottom))}
  body:has(.floating-contact-tools.blueprint-contact-rail) .back-to-top{right:14px;bottom:max(14px,env(safe-area-inset-bottom))}
}
@media(max-height:360px){
  .floating-contact-tools.blueprint-contact-rail{gap:5px}
  .floating-contact-tools.blueprint-contact-rail .floating-contact-action,
  .floating-contact-tools.blueprint-contact-rail .whatsapp-trigger{width:40px;height:40px;min-height:40px;max-width:40px;padding:8px}
}
@media(prefers-reduced-motion:reduce){
  .floating-contact-tools.blueprint-contact-rail .floating-contact-action:hover,
  .floating-contact-tools.blueprint-contact-rail .whatsapp-trigger:hover{transform:none}
}

/* On phones, keep contact actions below the content and clear of WhatsApp. */
@media(max-width:540px){
  body:has(.floating-contact-tools.blueprint-contact-rail){padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  .floating-contact-tools.blueprint-contact-rail{top:auto;bottom:max(14px,env(safe-area-inset-bottom));right:max(14px,env(safe-area-inset-right));left:auto;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:4px;height:44px;min-height:44px;width:auto;max-width:calc(100vw - 164px)}
  .floating-contact-tools.blueprint-contact-rail .floating-contact-action{flex:0 0 auto;width:clamp(36px,calc(25vw - 44px),44px);max-width:44px;height:44px;min-height:44px;padding:8px;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none}
  .floating-contact-tools.blueprint-contact-rail .floating-contact-action::before{content:"";position:absolute;inset:auto 0;top:50%;aspect-ratio:1;border:1px solid #fff;border-radius:50%;background:var(--blue);box-shadow:0 5px 20px #12348026;transform:translateY(-50%);pointer-events:none}
  .floating-contact-tools.blueprint-contact-rail .floating-contact-action:is(:hover,:focus-visible){background:transparent;transform:none}
  .floating-contact-tools.blueprint-contact-rail .floating-contact-action:is(:hover,:focus-visible)::before{background:#123ea8}
  .floating-contact-tools.blueprint-contact-rail .floating-contact-action svg{position:relative;width:20px;height:20px}
  .floating-contact-tools.blueprint-contact-rail .floating-contact-label{display:none}
  .floating-contact-tools.blueprint-contact-rail .whatsapp-widget .whatsapp-trigger{width:128px;max-width:128px;height:44px;min-height:44px;padding:10px 12px;gap:6px;font-size:14px}
  .floating-contact-tools.blueprint-contact-rail .whatsapp-widget .whatsapp-icon{width:20px;height:20px}
  .floating-contact-tools.blueprint-contact-rail .floating-contact-panel{position:fixed;top:auto;right:14px;bottom:max(70px,calc(env(safe-area-inset-bottom) + 56px));left:auto;transform:none;width:calc(100vw - 28px);max-width:360px;max-height:calc(100dvh - 112px - env(safe-area-inset-bottom))}
  body:has(.floating-contact-tools.blueprint-contact-rail) .back-to-top{bottom:max(70px,calc(env(safe-area-inset-bottom) + 56px))}
}

/* The site setting controls every floating contact entry on phones. */
@media(max-width:767px){
  body.sy-contact-mobile-hidden .floating-contact-tools,
  html body.sy-contact-mobile-hidden :is(.okki-chat-widget-bubble,.okki-chat-widget-holder,.okki-chat--bubble-holder,.okki-mkt-reach-holder,#okki-chat-widget-iframe){display:none!important}
}
@media(max-width:540px){
  body.sy-contact-mobile-hidden:has(.floating-contact-tools.blueprint-contact-rail){padding-bottom:0}
  body.sy-contact-mobile-hidden:has(.floating-contact-tools.blueprint-contact-rail) .back-to-top{bottom:max(14px,env(safe-area-inset-bottom))}
}