/* Glide — fixes layer (loaded LAST). Logical properties only so RTL (fa) mirrors correctly. */

/* 1) Hero order on phones: same in English and Persian — text → app preview → buttons → small print */
@media (max-width: 820px) {
  .hero-copy > .hero-release, .hero-copy > .hero-meta, .hero-copy > .hero-explain { order: 3 !important; }
  .hero-release { text-align: center; font-weight: 700; font-size: .85rem; color: var(--ink-3); margin: 0; }
}

/* 3) No more mid-sentence "…" truncation on mobile */
@media (max-width: 820px) {
  .download .section-sub, .dl-pkg-row.is-primary .dl-pkg-info > span {
    display: block !important; -webkit-line-clamp: unset !important; line-clamp: unset !important; overflow: visible !important;
  }
}

/* 4) Sticky "Send to my PC" bar steps aside near the download/final sections (class toggled by fixes.js) */
.sticky-cta.fx-cta-off { transform: translateY(110%) !important; visibility: hidden !important; pointer-events: none !important; }

/* 5) Final GitHub button: readable, clearly tappable */
.final-inner .btn-secondary {
  opacity: 1 !important; color: var(--ink) !important; background: var(--panel-solid) !important;
  border: 1px solid var(--line-2) !important; box-shadow: var(--glass-hi);
}

/* 6) FAQ chevrons: one style for every row */
.faq-item > summary .icon { flex: none; width: 18px; height: 18px; }

/* 7) Touch targets (>=44px hit area) */
@media (max-width: 820px) {
  .m-dot { position: relative; width: 8px; height: 8px; overflow: visible; }
  .m-dot::after { content: ""; position: absolute; inset: -18px -8px; }
  .m-dot.is-active { width: 22px; }
  .scenario-btn, .diag-rerun-btn, .btn-copy-cmd { min-height: 44px !important; }
  .sub-link { display: inline-flex; align-items: center; min-height: 44px; }
  .site-footer .footer-links a { min-height: 44px !important; padding-block: 0 !important; display: flex !important; align-items: center; justify-content: center; }
}

/* version line under the hero buttons (all widths) */
.hero-release { margin: 12px 0 0; font-size: .85rem; font-weight: 600; color: var(--ink-3); }