/* Atomware Toolkit Flow Pro – bottom nav + floating WhatsApp button.
   0.1.14: phones. 0.1.15: phones AND tablets (max-width 1024px; desktop >=1025 keeps the plain bubble).
   Bar 56px navy, 20px icons over 11px/600 labels, always visible; WhatsApp 56px round button floats 16px above
   the bar with a "Need help?" pill; when open the button shows an X and the panel opens above it. */
.fp-nav{display:none}
.fp-wa .fp-wa__x,.fp-wa .fp-wa__hint{display:none}
@media (max-width:1024px){
  :root{--fp-nav-h:56px;--fp-nav-safe:env(safe-area-inset-bottom,0px);--fp-fab:56px;--fp-fab-gap:16px;--fp-fab-right:16px}
  body.flowpro .fp-nav{display:block!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;z-index:9980!important;margin:0!important;padding:0 0 var(--fp-nav-safe)!important;background:#122A47!important;border:0!important;border-radius:0!important;box-shadow:inset 0 1px 0 rgba(133,173,202,.22),0 -2px 12px rgba(18,42,71,.35)!important;transform:none!important}
  body.flowpro .fp-nav__list{display:grid!important;grid-template-columns:repeat(4,1fr);height:var(--fp-nav-h);margin:0!important;padding:0!important;list-style:none!important}
  body.flowpro .fp-nav__item{margin:0!important;padding:0!important;list-style:none!important;min-width:0}
  body.flowpro .fp-nav__link{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:100%;min-height:44px;padding:6px 2px!important;color:#FFFFFF!important;text-decoration:none!important;font-family:Poppins,Arial,sans-serif;font-size:11px!important;font-weight:600!important;line-height:1.1;letter-spacing:.2px;-webkit-tap-highlight-color:transparent;background:transparent!important;border:0!important;border-radius:0!important;transition:color .15s,background-color .15s}
  body.flowpro .fp-nav__ico{width:20px!important;height:20px!important;display:block;flex:0 0 20px}
  body.flowpro .fp-nav__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  body.flowpro .fp-nav__link.is-active{color:#85ADCA!important}
  body.flowpro .fp-nav__link.is-active::before{content:"";position:absolute;top:0;left:25%;right:25%;height:3px;background:#2152D0}
  body.flowpro .fp-nav__link:hover,body.flowpro .fp-nav__link:focus-visible{color:#85ADCA!important;background:rgba(133,173,202,.12)!important}
  body.flowpro .fp-nav__link:active{background:rgba(133,173,202,.18)!important}
  body.flowpro .fp-nav__link:focus{outline:none}
  body.flowpro .fp-nav__link:focus-visible{outline:2px solid #85ADCA!important;outline-offset:-4px}

  /* Space for the bar; footer keeps room for the floating button so its last line stays visible. */
  body.flowpro{padding-bottom:calc(var(--fp-nav-h) + var(--fp-nav-safe))!important}
  body.flowpro .elementor-element-1177d976{padding-bottom:calc(10px + var(--fp-fab) + var(--fp-fab-gap) + 8px)!important}

  /* Old Elementor sticky Call/WhatsApp bar (0b7aa1a) stays replaced. */
  body.flowpro .elementor-element-0b7aa1a,body.flowpro .elementor-element-0b7aa1a.elementor-sticky__spacer{display:none!important}

  /* ONE WhatsApp entry: the floating button above the bar. */
  body.flowpro .fp-wa{display:flex!important;right:var(--fp-fab-right)!important;bottom:calc(var(--fp-nav-h) + var(--fp-nav-safe) + var(--fp-fab-gap))!important;z-index:9985!important;align-items:flex-end!important}
  body.flowpro .fp-wa .fp-wa__toggle{position:relative!important;display:flex!important;width:var(--fp-fab)!important;height:var(--fp-fab)!important;margin:12px 0 0!important;box-shadow:0 4px 14px rgba(18,42,71,.3)!important;transform:none!important}
  body.flowpro .fp-wa .fp-wa__toggle:hover{transform:none!important}
  body.flowpro .fp-wa .fp-wa__hint{display:block;position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);white-space:nowrap;padding:7px 14px;border-radius:999px;background:#FFFFFF;color:#122A47;font:600 13px/1.2 Poppins,Arial,sans-serif;box-shadow:0 2px 10px rgba(18,42,71,.22);pointer-events:none}
  body.flowpro .fp-wa.is-open .fp-wa__hint{display:none}
  body.flowpro .fp-wa.is-open .fp-wa__toggle{background:#122A47!important}
  body.flowpro .fp-wa.is-open .fp-wa__toggle > svg{display:none!important}
  body.flowpro .fp-wa.is-open .fp-wa__x{display:flex;align-items:center;justify-content:center}
  body.flowpro .fp-wa .fp-wa__x svg{width:24px!important;height:24px!important;flex:0 0 24px}
  body.flowpro .fp-wa .fp-wa__x svg path{fill:none!important;stroke:#FFFFFF!important}
  body.flowpro .fp-wa .fp-wa__panel{width:min(340px,calc(100vw - 32px))!important;max-width:calc(100vw - 32px)!important;max-height:calc(100vh - var(--fp-nav-h) - var(--fp-nav-safe) - var(--fp-fab) - 2 * var(--fp-fab-gap) - 12px);max-height:calc(100dvh - var(--fp-nav-h) - var(--fp-nav-safe) - var(--fp-fab) - 2 * var(--fp-fab-gap) - 12px);overflow-y:auto!important}
  body.flowpro .fp-wa .fp-wa__body{min-height:0!important;padding:20px 16px!important}
}
@media (max-width:359px){body.flowpro .fp-wa .fp-wa__hint{display:none}}
@media (min-width:1025px){body.flowpro .fp-nav{display:none!important}}

/* Call link in the WhatsApp panel (all sizes). */
.fp-wa .fp-wa__call{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin-top:10px;padding:8px 16px;border-radius:30px;border:1px solid #2152D0;background:#FFFFFF;color:#2152D0!important;font-size:15px;font-weight:600;text-decoration:none!important}
.fp-wa .fp-wa__call svg{width:18px;height:18px;flex:0 0 18px}
.fp-wa .fp-wa__call:hover{background:#EAF1FB}
.fp-wa .fp-wa__call:focus-visible{outline:3px solid #122A47;outline-offset:3px}