/* SiteHub — phone / tablet fixes (load AFTER the other stylesheets).
   1) hero text no longer starts under the fixed header
   2) the support chat is a real full-screen sheet on phones, above the header, keyboard-aware */

/* ---------- 1. hero vs fixed header (76 px tall; the old rule left only 36–57 px) ---------- */
@media (max-width: 1180px) {
  body:has(.sh-home-v23) .sh-home-v23 .hp-hero { padding-top: 96px !important; }
}

/* ---------- 2. chat on phones and small tablets ----------
   The chat stylesheets stack several generations of rules with !important (width: min(410px, …), max-height: 74dvh,
   z-index 990/991 under the header's 1100), which turned the sheet into a small card hidden partly behind the header. */
@media (max-width: 768px) {
  html body .adev-support.is-open { z-index: 2147483000 !important; max-width: none !important; }
  html body .adev-support.is-open .adev-support-panel {
    position: fixed !important; left: 0 !important; right: 0 !important; width: 100% !important; max-width: none !important;
    top: var(--adev-vvt, 0px) !important; bottom: auto !important;
    height: var(--adev-vvh, 100dvh) !important; max-height: none !important; min-height: 0 !important;
    border: 0 !important; border-radius: 0 !important; transform: none !important; z-index: 2147483001 !important;
    padding-top: env(safe-area-inset-top, 0px); padding-bottom: env(safe-area-inset-bottom, 0px); box-sizing: border-box;
  }
  /* 16 px inputs: iOS zooms the whole page on focus below that */
  html body .adev-support [data-chat-input], html body .adev-support [data-chat-name], html body .adev-support [data-chat-contact] { font-size: 16px !important; }
  html body .adev-support-history { overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
  html body .adev-support button, html body .adev-support-consent { touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
  /* keyboard up: only a few hundred px are visible, so the quick-question block and the hours line give way to the conversation and the box */
  html.adev-kb body .adev-support-intro, html.adev-kb body .adev-support-hours { display: none !important; }
  html.adev-kb body .adev-support-meta { display: none; }
  html.adev-kb body .adev-support-status-row { display: none; }
  html.adev-kb body .adev-support-head { padding-top: 8px !important; padding-bottom: 8px !important; }
  html.adev-kb body .adev-support-avatar { width: 34px !important; height: 34px !important; }
  html.adev-kb body .adev-support-foot { padding-top: 6px !important; padding-bottom: 8px !important; }
  /* the page behind must not scroll while the chat is open */
  html.adev-chat-open, html.adev-chat-open body { overflow: hidden !important; overscroll-behavior: none; }
}