/* =====================================================================
 *  تەواف — چاککەری مۆبایل بۆ هەموو لاپەڕەکانی جزدان
 *  wallet.php · traveler_wallet.php · dashboard/wallet.php · mal/wallets.php
 * ---------------------------------------------------------------------
 *  ئامانج: لەسەر مۆبایل هیچ شتێک لە پەڕەکە نەڕوات دەرەوە، خشتەکان
 *  ببنە کارت، دوگمە و خانەکان گەورە بن بۆ پەنجە، و iOS زوم نەکات.
 * ================================================================== */

/* ---- ١) هیچ سکڕۆڵێکی ئاسۆیی بۆ تەواوی پەڕە ---- */
html, body { max-width: 100%; overflow-x: hidden; }
img, svg, video, canvas { max-width: 100%; height: auto; }

/* ---- ٢) شوێنی سەلامەت لە iPhone (notch) ---- */
body { padding-bottom: env(safe-area-inset-bottom); }

@media (max-width: 820px) {

  /* ---- ٣) خانەکان: iOS زوم ناکات لەگەڵ 16px ---- */
  input, select, textarea, button {
    font-size: 16px !important;
  }
  input, select, textarea { min-height: 46px; }
  button, .btn, a.btn { min-height: 44px; }

  /* ---- ٤) خشتەی مامەڵەکان → کارت ---- */
  .wm-table { display: block; width: 100%; min-width: 0 !important; }
  .wm-table thead { display: none; }
  .wm-table tbody, .wm-table tr, .wm-table td { display: block; width: 100%; }
  .wm-table tr {
    background: #fff;
    border: 1px solid #edf3f3;
    border-radius: 18px;
    padding: 13px 15px;
    margin-bottom: 10px;
    box-shadow: 0 1px 2px rgba(16, 27, 24, .04);
  }
  .wm-table td {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 7px 0 !important;
    border: none !important;
    text-align: right;
    max-width: none !important;
    white-space: normal !important;
  }
  .wm-table td + td { border-top: 1px solid #f6f8f8 !important; }
  .wm-table td::before {
    content: attr(data-label);
    font-size: .68rem;
    font-weight: 800;
    color: #a0b7b6;
    flex-shrink: 0;
  }
  .wm-table td.wm-hide-label::before { content: ''; }
  .wm-wrap { overflow: visible !important; border: none !important;
             background: transparent !important; box-shadow: none !important; }

  /* ---- ٥) کارتی باڵانس: یەک لە ژێر یەک ---- */
  .wm-bal { grid-template-columns: 1fr !important; }

  /* ---- ٦) ژمارە گەورەکان لە شاشەی بچووک نەشکێن ---- */
  .wm-big { font-size: 1.55rem !important; line-height: 1.35; word-break: break-word; }

  /* ---- ٧) ژمارەی هەژمار: هەمیشە بگونجێت ---- */
  .wm-acct { font-size: .95rem !important; letter-spacing: .06em !important; }
}

@media (max-width: 420px) {
  .wm-big  { font-size: 1.35rem !important; }
  .wm-acct { font-size: .85rem !important; letter-spacing: .04em !important; }
  .wm-pad  { padding-left: 14px !important; padding-right: 14px !important; }
}

/* ---- ٨) ژمارەکان هەمیشە بە ئینگلیزی و لە ڕاستەوە ---- */
.wm-num { font-variant-numeric: tabular-nums; direction: ltr; unicode-bidi: isolate; }