/* ============================================================
   ARZDOON UX 6 — لایه زنده موبایل
   بازطراحی عمیق‌تر پوسته موبایل: نوار تب زنده، کپسول نبض ارزدون،
   عمق واقعی برای شیت‌ها، جدول بازار به فهرست کارتی لمسی، و
   منوی سریع لمس‌ممتد. همه‌چیز افزودنی روی mobile.css و v5.css.
   ============================================================ */

@media (max-width:900px){

  /* ==========================================================
     1. نوار تب — نشانگر لغزان + دکمه مرکزی زنده
     ========================================================== */
  .tabbar{
    border-top-color:color-mix(in srgb, var(--gold) 14%, var(--border));
    background:color-mix(in srgb, var(--bg-2) 84%, transparent);
    backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));
    -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));
  }
  .tabbar::before{
    content:"";position:absolute;top:0;inset-inline:14%;height:1px;
    background:linear-gradient(90deg,transparent,color-mix(in srgb, var(--gold) 45%, transparent),transparent);
  }
  .tab-slider{
    /* left فیزیکی + transform:translateX محاسبه‌شده با getBoundingClientRect — مستقل از جهت */
    position:absolute;z-index:0;top:8px;left:0;height:38px;border-radius:14px;
    width:0;opacity:0;
    background:linear-gradient(180deg, color-mix(in srgb, var(--gold) 20%, transparent), color-mix(in srgb, var(--gold) 6%, transparent));
    border:1px solid color-mix(in srgb, var(--gold) 34%, transparent);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
    transition:transform .45s var(--ease-spring), width .45s var(--ease-spring), opacity .25s;
    pointer-events:none;
  }
  .tab-slider.is-on{opacity:1}
  .tabbar__i{position:relative;z-index:1}

  .tabbar__cta span{
    animation:azCtaBreathe 3.4s ease-in-out infinite;
  }
  .tabbar__cta:active span{animation-play-state:paused;transform:translateY(-14px) scale(.9)}
  @keyframes azCtaBreathe{
    0%,100%{box-shadow:0 12px 28px -10px rgba(226,180,74,.85)}
    50%{box-shadow:0 18px 40px -8px rgba(226,180,74,1),0 0 0 9px rgba(226,180,74,.09)}
  }
  .tabbar__cta.is-hint span{animation:azCtaHint 1.1s ease-out 2}
  @keyframes azCtaHint{
    0%{box-shadow:0 12px 28px -10px rgba(226,180,74,.85),0 0 0 0 rgba(226,180,74,.5)}
    70%{box-shadow:0 12px 28px -10px rgba(226,180,74,.85),0 0 0 16px rgba(226,180,74,0)}
    100%{box-shadow:0 12px 28px -10px rgba(226,180,74,.85),0 0 0 0 rgba(226,180,74,0)}
  }

  /* ==========================================================
     2. شیت‌ها — محتوای پشت صحنه واقعاً عقب می‌نشیند (مثل اپ‌های iOS)
     ========================================================== */
  #main{
    transition:transform .42s var(--ease-spring), filter .42s var(--ease-snap), border-radius .3s var(--ease-snap);
    transform-origin:50% 0%;
  }
  body.is-locked #main{
    transform:scale(.955);
    border-radius:24px;
    overflow:hidden;
    filter:brightness(.7) saturate(.85);
  }
  .sheet__panel{
    background:color-mix(in srgb, var(--bg-2) 96%, transparent);
    backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));
    -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));
  }
  .sheet__bg{backdrop-filter:blur(8px)}

  /* ==========================================================
     3. کپسول نبض ارزدون — ویجت زنده شناور بالای نوار تب
     ========================================================== */
  .az-pulse{
    display:block;position:fixed;z-index:74;width:auto;
    bottom:calc(var(--tabbar-h) + var(--safe-b) + 12px);
    right:12px;left:auto;width:min(310px,calc(100vw - 24px));
    pointer-events:none;
    transition:transform .3s var(--ease-snap), opacity .3s;
  }
  .asset-picker{min-width:145px}.asset-picker__button{min-height:44px;padding:6px}.asset-picker__panel{position:fixed;top:auto;bottom:calc(var(--tabbar-h) + var(--safe-b) + 12px);inset-inline:12px;width:auto;max-height:62vh}.asset-picker__list{max-height:42vh}
  .statbar--value{display:grid!important;grid-template-columns:1fr 1fr;overflow:visible;margin-inline:0;padding:0;gap:1px}.statbar--value>div{min-width:0!important;min-height:126px;padding:18px 14px 14px!important}.statbar--value>div::before{font-size:2.6rem!important;top:-6px!important;inset-inline-end:4px!important}.statbar--value>div::after{display:none!important}.statbar--value strong{font-size:.76rem!important;margin-top:22px!important}.statbar--value span{font-size:.61rem!important}
  .az-pulse[hidden]{display:none}
  .az-pulse.is-tucked{transform:translateY(140%);opacity:0}
  .az-pulse__bar{
    pointer-events:auto;width:100%;display:flex;align-items:center;gap:9px;
    padding:11px 15px;border-radius:99px;text-align:start;
    background:color-mix(in srgb, var(--bg-2) 80%, transparent);
    backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));
    -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));
    border:1px solid var(--border);
    box-shadow:var(--elev-3);
    transition:transform .25s var(--ease-snap), border-radius .3s var(--ease-snap);
  }
  .az-pulse__bar:active{transform:scale(.972)}
  .az-pulse.is-open .az-pulse__bar{border-radius:20px 20px 0 0;border-bottom-color:transparent}
  .az-pulse__dot{
    width:7px;height:7px;border-radius:50%;flex:0 0 auto;
    background:var(--up);box-shadow:0 0 0 0 rgba(46,211,160,.6);animation:pulse 2.2s infinite;
  }
  .az-pulse__dot.down{background:var(--down);box-shadow:0 0 0 0 rgba(242,85,90,.6)}
  .az-pulse__label{font-size:.7rem;color:var(--muted);font-weight:700;white-space:nowrap;flex:0 0 auto}
  .az-pulse__price{
    margin-inline-start:auto;display:flex;align-items:baseline;gap:4px;
    font-family:'Vazirmatn';font-size:.88rem;font-weight:700;
  }
  .az-pulse__price small{font-size:.6rem;color:var(--muted);font-weight:500}
  .az-pulse__trend{font-size:.6rem;flex:0 0 auto;font-family:'Vazirmatn'}
  .az-pulse__trend.up{color:var(--up)} .az-pulse__trend.down{color:var(--down)}
  .az-pulse__chev{flex:0 0 auto;width:16px;height:16px;color:var(--muted);transition:transform .35s var(--ease-spring)}
  .az-pulse.is-open .az-pulse__chev{transform:rotate(180deg);color:var(--gold)}

  .az-pulse__panel{
    pointer-events:none;max-height:0;overflow:hidden;opacity:0;
    border-radius:0 0 20px 20px;
    background:color-mix(in srgb, var(--bg-2) 95%, transparent);
    backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));
    -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));
    border:1px solid var(--border);border-top:0;
    box-shadow:var(--elev-3);
    transition:max-height .42s var(--ease-snap), opacity .3s;
  }
  .az-pulse.is-open .az-pulse__panel{max-height:490px;opacity:1;pointer-events:auto}
  .az-pulse__hint{
    padding:11px 15px 3px;font-size:.68rem;line-height:1.7;color:var(--text-2);font-weight:600;
  }
  .az-pulse__stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:9px 15px 2px}
  .az-pulse__stat{
    display:flex;flex-direction:column;gap:4px;padding:9px 10px;border-radius:13px;
    background:var(--surface-2);border:1px solid var(--border-soft);
  }
  .az-pulse__stat small{font-size:.58rem;color:var(--muted);font-weight:700}
  .az-pulse__stat span{font-size:.72rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .az-pulse__divider{margin:10px 15px 2px;border-top:1px dashed var(--border-soft);padding-top:8px;font-size:.6rem;color:var(--muted);font-weight:700}
  .az-pulse__row{
    display:flex;align-items:center;gap:10px;padding:9px 15px;
    border-top:1px solid var(--border-soft);
  }
  .az-pulse__row .coin-ico{width:26px;height:26px;font-size:.5rem;flex:0 0 auto}
  .az-pulse__row strong{font-size:.72rem;display:block}
  .az-pulse__row small{font-size:.58rem;color:var(--muted)}
  .az-pulse__row b{margin-inline-start:auto;flex:0 0 auto}
  .az-pulse__row .chip{margin-inline-start:auto;flex:0 0 auto}
  .az-pulse__foot{display:flex;gap:7px;padding:10px 12px 13px}
  .az-pulse__foot a{
    flex:1;display:flex;align-items:center;justify-content:center;gap:5px;
    padding:9px 7px;border-radius:11px;font-size:.65rem;font-weight:800;
  }
  .az-pulse__foot a svg{width:12px!important;height:12px!important;flex:0 0 12px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
  .az-pulse__foot a:first-child{background:var(--gold-grad);color:var(--gold-ink)}
  .az-pulse__foot a:last-child{background:var(--surface-2);border:1px solid var(--border-soft);color:var(--text)}

  /* حباب راهنمای اولین‌بار — فقط یک‌بار برای هر کاربر نمایش داده می‌شود */
  .az-pulse__tip{
    position:absolute;bottom:calc(100% + 11px);inset-inline-start:14px;max-width:216px;
    padding:9px 13px;border-radius:13px;
    background:var(--gold-grad);color:var(--gold-ink);font-size:.66rem;font-weight:700;line-height:1.6;
    box-shadow:var(--elev-3);
    opacity:0;transform:translateY(6px) scale(.96);transform-origin:14px 100%;
    transition:opacity .4s var(--ease-snap),transform .4s var(--ease-snap);
    pointer-events:none;z-index:1;
  }
  .az-pulse__tip::after{
    content:"";position:absolute;top:100%;inset-inline-start:18px;
    border:6px solid transparent;border-top-color:#D9A93A;
  }
  .az-pulse__tip.is-on{opacity:1;transform:translateY(0) scale(1)}

  /* صفحاتی که خودشان نوار پایینی چسبان دارند، کپسول را برای جلوگیری از تداخل مخفی می‌کنند */
  body[data-page="coin"] .az-pulse,
  body[data-page="post"] .az-pulse,
  body[data-page="trade"] .az-pulse,
  body[data-page="login"] .az-pulse,
  body[data-page="e404"] .az-pulse{display:none}

  /* ==========================================================
     4. جدول بازار → فهرست کارتی لمسی واقعی (market.html)
     ========================================================== */
  body[data-page="market"] .tbl-wrap{border:0;background:transparent;box-shadow:none}
  body[data-page="market"] .tbl-scroll{overflow:visible}
  body[data-page="market"] .tbl{min-width:0;width:100%;border-spacing:0}
  body[data-page="market"] .tbl thead{
    position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);
  }
  body[data-page="market"] .tbl tbody{display:grid;gap:9px}
  body[data-page="market"] .tbl tbody tr{
    display:grid;grid-template-columns:32px minmax(0,1fr) auto;
    column-gap:11px;row-gap:5px;align-items:center;
    padding:13px 14px;border-radius:19px;
    background:var(--surface);border:1px solid var(--border-soft);
    transition:background .2s,border-color .2s;
  }
  body[data-page="market"] .tbl tbody tr:active{background:var(--surface-2)}
  body[data-page="market"] .tbl td{padding:0;border:0;white-space:normal;vertical-align:middle}
  body[data-page="market"] .tbl td:nth-child(1){grid-column:1;grid-row:1/3;justify-self:start}
  body[data-page="market"] .tbl td:nth-child(2){display:none}
  body[data-page="market"] .tbl td:nth-child(3){grid-column:2;grid-row:1;min-width:0}
  body[data-page="market"] .tbl td:nth-child(3) .asset{gap:9px}
  body[data-page="market"] .tbl td:nth-child(3) .coin-ico{width:32px;height:32px;font-size:.56rem}
  body[data-page="market"] .tbl td:nth-child(3) strong{font-size:.82rem}
  body[data-page="market"] .tbl td:nth-child(4){grid-column:3;grid-row:1;text-align:end;font-size:.82rem}
  body[data-page="market"] .tbl td:nth-child(5){display:none}
  body[data-page="market"] .tbl td:nth-child(6){grid-column:2;grid-row:2}
  body[data-page="market"] .tbl td:nth-child(7){display:none}
  body[data-page="market"] .tbl td:nth-child(8){display:none}
  body[data-page="market"] .tbl td:nth-child(9){grid-column:3;grid-row:2;text-align:end}
  body[data-page="market"] .tbl td:nth-child(9) .btn{padding:6px 13px;font-size:.68rem}
  body[data-page="market"] .mkt-tools{gap:8px}

  /* ==========================================================
     5. منوی سریع لمس‌ممتد — یک منوی زمینه که هیچ صرافی ایرانی‌ای اضافه نکرده
     ========================================================== */
  .az-quick-scrim{position:fixed;inset:0;z-index:149;background:rgba(4,3,6,0);opacity:0;transition:opacity .2s}
  .az-quick-scrim.is-on{opacity:1;background:rgba(4,3,6,.32)}
  .az-quick{
    position:fixed;z-index:150;min-width:224px;border-radius:20px;
    background:color-mix(in srgb, var(--bg-2) 95%, transparent);
    backdrop-filter:blur(26px) saturate(1.7);
    -webkit-backdrop-filter:blur(26px) saturate(1.7);
    border:1px solid var(--border);box-shadow:var(--elev-4);
    padding:8px;
    opacity:0;transform:scale(.82);
    transition:opacity .16s var(--ease-snap), transform .26s var(--ease-spring);
    pointer-events:none;
  }
  .az-quick.is-on{opacity:1;transform:scale(1);pointer-events:auto}
  .az-quick__head{display:flex;align-items:center;gap:10px;padding:7px 8px 11px;border-bottom:1px solid var(--border-soft);margin-bottom:7px}
  .az-quick__head .coin-ico{width:32px;height:32px;font-size:.56rem;flex:0 0 auto}
  .az-quick__head strong{font-size:.84rem;display:block}
  .az-quick__head p{font-size:.65rem;color:var(--muted);display:flex;align-items:center;gap:6px;margin-top:2px}
  .az-quick__grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .az-quick__grid button,.az-quick__grid a{
    display:flex;flex-direction:column;align-items:center;gap:6px;
    padding:11px 6px;border-radius:14px;border:1px solid var(--border-soft);
    background:var(--surface-2);font-size:.66rem;font-weight:700;color:var(--text-2);
    transition:transform .12s,background .12s;
  }
  .az-quick__grid button:active,.az-quick__grid a:active{transform:scale(.94);background:var(--surface-3)}
  .az-quick__grid i{
    width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;
    background:var(--surface-3);flex:0 0 auto;
  }
  .az-quick__grid i svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .az-quick__grid .is-buy{background:color-mix(in srgb, var(--up) 12%, var(--surface-2));border-color:color-mix(in srgb, var(--up) 32%, transparent);color:var(--up)}
  .az-quick__grid .is-buy i{background:var(--up);color:#08120C}
  .az-quick__grid .is-sell{background:color-mix(in srgb, var(--down) 12%, var(--surface-2));border-color:color-mix(in srgb, var(--down) 32%, transparent);color:var(--down)}
  .az-quick__grid .is-sell i{background:var(--down);color:#160607}
  .az-quick__grid .is-sell i svg{transform:rotate(180deg)}
  .az-quick__grid .is-fav.is-on{color:var(--gold);border-color:var(--gold-line, var(--border))}
  .az-quick__grid .is-fav.is-on i{background:var(--gold-grad);color:var(--gold-ink)}
  .az-quick__grid .is-fav.is-on i svg{fill:currentColor}
  .az-quick__hint{padding:9px 6px 2px;text-align:center;font-size:.6rem;color:var(--muted)}

  /* ==========================================================
     6. جزئیات ظریف‌تر شیشه — appbar عمیق‌تر
     ========================================================== */
  .appbar{
    background:color-mix(in srgb, var(--bg) 84%, transparent) !important;
    backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat)) !important;
    -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat)) !important;
  }
  .appbar.is-stuck{box-shadow:0 16px 34px -28px rgba(0,0,0,.9)}

  /* ==========================================================
     7. لمس فعال روی کارت‌های زنده — کمی نرم‌تر از پیش‌فرض
     ========================================================== */
  .market-mobile-card:active,.mcard:active{transform:scale(.978)}

  /* ==========================================================
     8. حالت کاهش حرکت
     ========================================================== */
  @media (prefers-reduced-motion:reduce){
    .tabbar__cta span,.tabbar__cta.is-hint span,.az-pulse__dot{animation:none}
    .tab-slider,.az-pulse,.az-pulse__bar,.az-pulse__panel,#main,.az-quick{transition:none}
  }
}

/* گوشه‌های حکاکی‌شده ترمینال در موبایل کمی جمع‌وجورتر */
@media (max-width:620px){
  .terminal{background-position:12px 12px, calc(100% - 12px) 12px, 12px calc(100% - 12px), calc(100% - 12px) calc(100% - 12px), 0 0}
  .terminal::before{top:12px;inset-inline-start:12px}
  .terminal::after{bottom:12px;inset-inline-end:12px}
}