/* Houston inner pages: request button under the hero title, and the homepage's
   sticky Call / Request bar (all screen sizes). */
.hx-hero-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin: 18px 0 8px; }
.hx-hero-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 10px 22px; border: 0; border-radius: 6px; background: #0699d4; color: #fff !important; font-weight: 700; font-size: 18px; text-decoration: none !important; cursor: pointer; }
.hx-hero-btn:hover { background: #0271b0; }
.hx-hero-btn:focus { outline: 3px solid #9fd7f2; outline-offset: 2px; }
.hx-hero-call { color: #fff !important; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
/* Call / Request bar: appears once the hero scrolls away (hx-inner.js).
   Phones and tablets get a full-width two-button bar; desktop a slim centered bar. */
.hx-sticky {
  display: flex; position: fixed; left: 0; right: 0; z-index: 9990; gap: 8px;
  padding: 8px 16px calc(8px + env(safe-area-inset-bottom));
  background: #fff; box-shadow: 0 -2px 12px rgba(0,0,0,.15);
  /* Hidden below the screen by offset, not transform: some old pages force transform:none on everything */
  bottom: -120px; visibility: hidden; transition: bottom .2s ease, visibility 0s linear .2s;
}
.hx-sticky.is-on { bottom: 0; visibility: visible; transition: bottom .2s ease; }
.hx-sticky a, .hx-sticky button {
  min-height: 48px; display: flex; align-items: center; justify-content: center;
  border-radius: 6px; font-weight: 700; white-space: nowrap;
  padding: 0 6px; text-align: center; text-decoration: none; font-family: inherit; cursor: pointer;
}
.hx-sticky-call { border: 2px solid #014F81; color: #014F81 !important; background: #fff; }
.hx-sticky-req { border: 0; color: #fff; background: #0699d4; }
.hx-sticky-req:hover { background: #0271b0; }
@media (max-width: 991px) {
  .hx-sticky a, .hx-sticky button { flex: 1 1 50%; font-size: clamp(12px, 3.7vw, 15px); }
  /* Lift the chat button above the bar, and give the footer room to scroll clear of both */
  body.hx-sticky-on #chat-cta { bottom: 76px !important; }
  body.hx-sticky-on { --hx-chat-clear: 150px; }
}
@media (min-width: 992px) {
  .hx-sticky { justify-content: center; gap: 14px; padding: 10px 16px; }
  .hx-sticky a, .hx-sticky button { min-height: 44px; padding: 0 28px; font-size: 16px; }
  body.hx-sticky-on #chat-cta { bottom: 78px !important; }
  body.hx-sticky-on { --hx-chat-clear: 150px; }
}
body.hx-modal-open .hx-sticky { visibility: hidden !important; }