/* Floating "Request a callback" bar (markup in inc/footer.php, behaviour in js/homepage/callback-bar.js).
   On inner pages the footer sits inside #itn-footer, whose footer.css resets every descendant with
   `all: revert !important`, so every rule here is ID-scoped and !important to win over that reset.
   Load this after css/homepage/footer.css. */
#itn-callbar { position: fixed !important; left: 50% !important; bottom: 20px !important; z-index: 900 !important; display: flex !important; align-items: center !important; gap: 8px !important; margin: 0 !important; padding: 6px 22px 6px 6px !important; background: rgba(17, 17, 17, .92) !important; -webkit-backdrop-filter: blur(10px) !important; backdrop-filter: blur(10px) !important; border: 0 !important; border-radius: 999px !important; box-shadow: 0 18px 40px -16px rgba(0, 0, 0, .55) !important; font-family: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important; font-size: 15px !important; line-height: 1 !important; white-space: nowrap !important; box-sizing: border-box !important; transform: translate(-50%, calc(100% + 30px)) !important; opacity: 0 !important; visibility: hidden !important; transition: transform .35s cubic-bezier(.22, .7, .2, 1), opacity .35s, visibility .35s !important; }
#itn-callbar.is-visible { transform: translate(-50%, 0) !important; opacity: 1 !important; visibility: visible !important; }
html.dialog-open #itn-callbar { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }
#itn-callbar[hidden] { display: none !important; }
#itn-callbar * { box-sizing: border-box !important; }

#itn-callbar .itn-callbar__link { display: inline-block !important; margin: 0 !important; padding: 12px 16px !important; border-radius: 999px !important; color: #fff !important; font: 400 15px/1 "Lato", system-ui, sans-serif !important; text-decoration: none !important; background: transparent !important; transition: background-color .2s !important; }
#itn-callbar .itn-callbar__link:hover { background: rgba(255, 255, 255, .1) !important; color: #fff !important; }

#itn-callbar .itn-callbar__btn { display: inline-flex !important; align-items: center !important; gap: 10px !important; margin: 0 !important; padding: 15px 26px !important; border: 0 !important; border-radius: 999px !important; background: #E57119 !important; color: #111 !important; font: 700 16px/1 "Lato", system-ui, sans-serif !important; cursor: pointer !important; box-shadow: none !important; transition: background-color .2s, transform .2s !important; }
#itn-callbar .itn-callbar__btn:hover { background: #f07f25 !important; transform: translateY(-1px) !important; }
#itn-callbar .itn-callbar__btn svg { display: block !important; width: 18px !important; height: 18px !important; flex: none !important; fill: none !important; stroke: currentColor !important; stroke-width: 1.8 !important; stroke-linecap: round !important; stroke-linejoin: round !important; }

#itn-callbar .itn-callbar__call { display: inline-flex !important; align-items: baseline !important; gap: 8px !important; margin: 0 !important; padding: 12px 0 12px 10px !important; color: #A3A3A3 !important; font: 400 15px/1 "Lato", system-ui, sans-serif !important; text-decoration: none !important; background: transparent !important; }
#itn-callbar .itn-callbar__num { color: #fff !important; font: 400 15px/1 "Lato", system-ui, sans-serif !important; letter-spacing: .01em !important; transition: color .2s !important; }
#itn-callbar .itn-callbar__call:hover .itn-callbar__num { color: #F5A46A !important; }

#itn-callbar .itn-callbar__link:focus-visible,
#itn-callbar .itn-callbar__btn:focus-visible,
#itn-callbar .itn-callbar__call:focus-visible { outline: 2px solid #F5A46A !important; outline-offset: 2px !important; border-radius: 999px !important; }

@media (max-width: 600px) {
  #itn-callbar { left: 12px !important; bottom: 12px !important; padding: 5px 16px 5px 5px !important; transform: translateY(calc(100% + 30px)) !important; }
  #itn-callbar.is-visible { transform: none !important; }
  #itn-callbar .itn-callbar__link, #itn-callbar .itn-callbar__label { display: none !important; }
  #itn-callbar .itn-callbar__btn { padding: 13px 18px !important; font-size: 15px !important; }
  #itn-callbar .itn-callbar__call { padding-left: 4px !important; }
}

@media (prefers-reduced-motion: reduce) {
  #itn-callbar, #itn-callbar .itn-callbar__btn { transition: none !important; }
}