/* ============================================================
   core/pwa/pwa.css — استایل عناصر مخصوص فاز ۷ (PWA)
   شامل: مودال راهنمای نصب دستی iOS
   ============================================================ */

.pwa-ios-modal {
  position: fixed; inset: 0; z-index: 9900;
  background: rgba(0,0,0,.45);
  display: none; align-items: flex-end; justify-content: center;
}
.pwa-ios-modal.show { display: flex; }
.pwa-ios-modal-box {
  background: var(--surface); border-radius: 18px 18px 0 0;
  max-width: 420px; width: 100%; padding: 22px 20px 28px;
  font-family: 'Vazirmatn', sans-serif; position: relative;
  animation: pwaIosUp .25s ease;
}
@media (min-width: 640px) {
  .pwa-ios-modal { align-items: center; }
  .pwa-ios-modal-box { border-radius: 18px; }
}
@keyframes pwaIosUp { from { transform: translateY(30px); opacity: 0; } to { transform: none; opacity: 1; } }

.pwa-ios-modal-close {
  position: absolute; top: 12px; left: 14px; background: none; border: none;
  font-size: 1.4rem; color: var(--text-muted); cursor: pointer; line-height: 1;
}
.pwa-ios-modal-title { font-weight: 800; font-size: 1rem; margin-bottom: 14px; color: var(--text-primary); }
.pwa-ios-modal-steps { padding-inline-start: 20px; margin: 0; color: var(--text-secondary); font-size: .85rem; line-height: 2; }
.pwa-ios-modal-steps li { margin-bottom: 6px; }