/* UP1785 Mobile Contact Steps + Footer Tighten
   Screenshot-driven mobile-only correction after UP1784.
   Scope: contact helper step list readability + footer bottom whitespace reduction. */
@media (max-width: 860px) {
  :root {
    --fj-mobile-footer-bottom: calc(42px + env(safe-area-inset-bottom, 0px));
  }

  /* Footer: UP1784 left too much dark bottom whitespace on mobile. */
  .fij-public-shell .fij-public-footer,
  body.fj-public .fij-public-footer,
  body.fij-public-shell .fij-public-footer {
    padding-top: 38px !important;
    padding-bottom: var(--fj-mobile-footer-bottom) !important;
    min-height: 0 !important;
  }

  .fij-public-shell .fij-footer-grid,
  .fij-public-shell .fij-footer-bottom {
    margin-bottom: 0 !important;
  }

  .fij-public-shell .fij-footer-bottom {
    margin-top: 18px !important;
    padding-top: 16px !important;
    padding-bottom: 0 !important;
  }

  .fij-public-shell .fij-footer-brand-block,
  .fij-public-shell .fij-footer-col {
    margin-bottom: 0 !important;
  }

  /* Contact page: helper card/step list must not collapse title and body text. */
  .fij-contact-v1767 .fij-contact-section-v1767 {
    padding-bottom: 34px !important;
  }

  .fij-contact-v1767 .fij-contact-grid-v1767,
  .fij-contact-v1767 .fij-contact-grid-v1774 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .fij-contact-v1767 .fij-contact-help-v1767,
  .fij-contact-v1767 .fij-contact-help-v1774,
  .fij-contact-v1767 .contact-split-card {
    padding: 20px 18px !important;
    overflow: hidden !important;
  }

  .fij-contact-v1767 .fij-contact-help-v1767 h2,
  .fij-contact-v1767 .fij-contact-help-v1774 h2,
  .fij-contact-v1767 .contact-split-card h2 {
    font-size: clamp(28px, 8.4vw, 38px) !important;
    line-height: 1.12 !important;
    letter-spacing: -0.034em !important;
    font-weight: 700 !important;
    margin-bottom: 12px !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .fij-contact-v1767 .fij-contact-help-v1767 p,
  .fij-contact-v1767 .fij-contact-help-v1774 p,
  .fij-contact-v1767 .contact-split-card p {
    font-size: 14.5px !important;
    line-height: 1.58 !important;
    margin-bottom: 14px !important;
  }

  .fij-contact-v1767 .fij-contact-help-list-v1767 {
    display: grid !important;
    gap: 10px !important;
    margin: 16px 0 14px !important;
  }

  .fij-contact-v1767 .fij-contact-help-list-v1767 .fjx-command-row {
    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: start !important;
    padding: 12px !important;
    border: 1px solid #d5e6e1 !important;
    background: rgba(255,255,255,.78) !important;
    box-shadow: 4px 4px 0 #edf8f5 !important;
    min-width: 0 !important;
  }

  .fij-contact-v1767 .fij-contact-help-list-v1767 .fjx-command-row > b {
    display: grid !important;
    place-items: center !important;
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    margin: 0 !important;
    background: #101322 !important;
    color: #ffffff !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 820 !important;
  }

  .fij-contact-v1767 .fij-contact-help-list-v1767 .fjx-command-row > div {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 4px !important;
    min-width: 0 !important;
  }

  .fij-contact-v1767 .fij-contact-help-list-v1767 strong {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    color: #101322 !important;
    font-size: 14px !important;
    line-height: 1.28 !important;
    font-weight: 760 !important;
    letter-spacing: -0.01em !important;
    white-space: normal !important;
  }

  .fij-contact-v1767 .fij-contact-help-list-v1767 span {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    color: #536274 !important;
    font-size: 13.5px !important;
    line-height: 1.45 !important;
    font-weight: 430 !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .fij-contact-v1767 .fjx-safe-note {
    padding-top: 10px !important;
    margin-top: 8px !important;
    border-top: 1px solid #d7e8e2 !important;
    color: #536274 !important;
    font-size: 13.5px !important;
  }

  /* Give content pages enough clearance without creating a large footer void. */
  .fij-content-context main,
  .fij-contact-v1767,
  .fij-pricing-v1767,
  .fij-company-detail,
  .fij-job-detail-context main {
    padding-bottom: 18px !important;
  }
}