/* Highlight current page in header nav (added by Desk Pilot build) */
.xpro-elementor-horizontal-navbar-wrapper li.menu-item.current-menu-item > a.menu-link,
.xpro-elementor-horizontal-navbar-wrapper li.menu-item.current_page_item > a.menu-link,
.xpro-elementor-horizontal-navbar-wrapper li.menu-item.current-menu-ancestor > a.menu-link,
.xpro-elementor-horizontal-navbar-wrapper li.menu-item.current-menu-parent > a.menu-link {
  color: #17B4BF !important;
}

/* ============================================================
   Desk Pilot — mobile refinements (audit items 28–31)
   Phone-only. Desktop rendering is untouched.
   ============================================================ */
@media (max-width: 767px) {

  /* -- 28. Results: CRM boards were overflowing the page ------ */
  body .dpr .crm,
  body .dpr .crm--four {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  body .dpr .crm__col { padding: 12px 10px; min-width: 0; }
  body .dpr .crm__head strong { font-size: 15px; }
  body .dpr .crm__head span { font-size: 12.5px; }
  body .dpr .crm__val { font-size: 12.5px; }
  body .dpr .crm__icons { gap: 4px; }
  body .dpr .crm__more { font-size: 12.5px; }
  body .dpc .contact-cards a { display: inline-flex; align-items: center; min-height: 44px; }
  body .dpr .cstudy__band,
  body .dpr .cstudy__band--rev { overflow-x: clip; }

  /* -- 29. Home: comparison table needs a scroll affordance --- */
  body .dpx .table-scroll { position: relative; }
  body .dpx .table-scroll::before {
    content: "Swipe to compare \2192";
    position: sticky;
    left: 0;
    z-index: 2;
    display: block;
    width: max-content;
    margin: 0 0 10px;
    font-family: "Barlow", Arial, Helvetica, sans-serif;
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #17B4BF;
  }

  /* -- 30. Readable floor for small text ---------------------- */
  body .dpx .eyebrow,
  body .dpr .eyebrow,
  body .dpw .eyebrow,
  body .dpd .eyebrow,
  body .dpo .eyebrow,
  body .dph .eyebrow,
  body .dpk .eyebrow,
  body .dpm .eyebrow,
  body .dps .eyebrow,
  body .dpl .eyebrow,
  body .dpg .eyebrow,
  body .dpi .eyebrow,
  body .dpc .eyebrow,
  body .dpa-eyebrow { font-size: 12.5px; }

  body .dpx .badge,
  body .dpw .badge,
  body .dpc .badge,
  body .dpa-badge { font-size: 12.5px; }
  body .dpx .industry-grid small,
  body .dpx .video-card__hint { font-size: 12.5px; }
  body .dpa-imgph,
  body .dpa-trust__logos > div,
  body .dpa-portrait > span.dpa-ph { font-size: 12.5px; }
  body .dpw .timeline__time,
  body .dpw .leadflow__label,
  body .dpw .proof__portrait { font-size: 12.5px; }
  body .dpc .ghl-form-slot span { font-size: 12.5px; }
  body .dpf .site-footer h2 { font-size: 12.5px; }

  body .dph .dash__label,
  body .dph .dash__delta,
  body .dph .dash__side li span,
  body .dph .donut-legend,
  body .dph .chip-stack li span,
  body .dpk .dash__label,
  body .dpk .dash__delta,
  body .dpm .dash__label,
  body .dps .dash__label,
  body .dpl .dash__label { font-size: 12.5px; }

  body .dpd .stat-chips li span,
  body .dpo .stat-chips li span,
  body .dpg .stat-chips li span { font-size: 12.5px; }

  /* prose people actually read */
  body .dpd .search-mock__desc,
  body .dpo .search-mock__desc,
  body .dpk .search-mock__desc,
  body .dpm .search-mock__desc,
  body .dps .search-mock__desc,
  body .dpl .search-mock__desc,
  body .dpg .search-mock__desc,
  body .dph .search-mock__desc { font-size: 13.5px; }
  body .dpw .proof__metric p { font-size: 13.5px; }

  /* -- 31. Tap targets up to the 44px minimum ----------------- */
  body .dpx .arrow-link,
  body .dpw .arrow-link,
  body .dpd .arrow-link,
  body .dpo .arrow-link,
  body .dph .arrow-link,
  body .dpk .arrow-link,
  body .dpm .arrow-link,
  body .dps .arrow-link,
  body .dpl .arrow-link,
  body .dpg .arrow-link,
  body .dpi .arrow-link,
  body .dpa-arrow {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }
  body .dpr .demo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
  }
  body .dpr .crm__more {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0;
  }
  body .dpa-contact a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }
  body .dpc .breadcrumb a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }
  body .dpc .callout p a {
    display: inline-block;
    padding-block: 10px;
  }
}

/* Tablet / small-laptop: content containers were a fixed 1240px wide,
   which overflowed any window between 768px and 1240px. */
@media (max-width: 1299px) {
  body .elementor .e-con { max-width: 100%; }
}

/* Sticky header - added 31 Aug 2026 */
header.xpro-theme-builder-header{position: sticky; top: 0; z-index: 9999;}