/* ============================================
   ARC MOBILE — global overrides
   Applies on top of all page styles
   Target: screens ≤ 768px
   ============================================ */

@media (max-width: 768px) {

  /* ---- NAV ---- */
  nav {
    padding: 0 16px !important;
    height: 56px !important;
  }
  .nav-back { font-size: 12px !important; }
  .nav-brand { font-size: 16px !important; }
  .nav-links { display: none !important; }
  .nav-right { gap: 8px !important; }
  .nav-cta { padding: 7px 14px !important; font-size: 12px !important; }

  /* ---- PILLAR BAR ---- */
  #arc-pillar-bar { top: 56px !important; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  #arc-pillar-bar .apb-inner { min-width: max-content; }
  #arc-pillar-bar .apb-pill { padding: 12px 14px !important; gap: 6px !important; flex: none !important; }
  #arc-pillar-bar .apb-label { font-size: 12px !important; }
  #arc-pillar-bar .apb-sub { display: none !important; }
  #arc-pillar-bar .apb-icon { font-size: 16px !important; }

  /* ---- FEEDBACK STRIP ---- */
  #arc-feedback-strip { padding: 10px 16px !important; }
  #arc-feedback-strip .afs-inner { flex-wrap: wrap; gap: 8px !important; }
  #arc-feedback-strip .afs-input-wrap { width: 100%; }
  #arc-feedback-strip .afs-input { width: 100% !important; }
  #arc-feedback-strip .afs-name-input { width: 100% !important; }
  #arc-feedback-strip .afs-submit { width: 100%; text-align: center; }

  /* ---- FREEMIUM BANNER ---- */
  #arc-gate-overlay { padding: 12px !important; }
  #arc-gate-modal { padding: 28px 20px !important; }

}