/**
 * مرحله C — فرم sticky · بنر موبایل · کارت مدرن · پرفورمنس کامپوننت
 */

/* ——— پرفورمنس ——— */
.asy-ad-card,
.ui-card,
.dash-stat,
.pm-ad,
.asy-banner-slot {
  content-visibility: auto;
  contain-intrinsic-size: 120px 320px;
}
.asy-ad-thumb img,
.pm-ad-img {
  content-visibility: auto;
}
/* کاهش لایه برای انیمیشن‌های سنگین */
@media (prefers-reduced-motion: reduce) {
  .asy-skel-thumb,
  .asy-skel-line,
  .ui-spinner,
  .asy-ad-card,
  .ui-card-hover {
    animation: none !important;
    transition: none !important;
  }
}

/* ——— کارت مدرن ——— */
.ui-card,
.asy-ad-card,
.dash-stat {
  position: relative;
  isolation: isolate;
}
.ui-card {
  background:
    linear-gradient(165deg, rgba(255,255,255,.04) 0%, transparent 42%),
    var(--card, #1e293b) !important;
  border: 1px solid rgba(148, 163, 184, .16) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.04) inset,
    0 8px 24px rgba(0, 0, 0, .12) !important;
  border-radius: 16px !important;
}
.ui-card-hover:hover {
  border-color: rgba(96, 165, 250, .4) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.06) inset,
    0 14px 36px rgba(0, 0, 0, .18) !important;
}

.asy-ad-card {
  background:
    linear-gradient(120deg, rgba(255,255,255,.03), transparent 50%),
    var(--card, #1e293b) !important;
  border: 1px solid rgba(148, 163, 184, .14) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .08) !important;
  border-radius: 14px !important;
}
.asy-ad-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.03);
}
@media (hover: hover) {
  .asy-ad-card:hover {
    border-color: rgba(59, 130, 246, .35) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .14) !important;
  }
}

.dash-stat {
  background:
    linear-gradient(145deg, rgba(59,130,246,.08), transparent 60%),
    var(--card, #1e293b) !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 14px rgba(0,0,0,.08);
}

html[data-theme="light"] .ui-card,
html[data-theme="light"] .asy-ad-card,
html[data-theme="light"] .dash-stat,
body.theme-light .ui-card,
body.theme-light .asy-ad-card {
  background: linear-gradient(165deg, #fff, #f8fafc) !important;
  border-color: rgba(15, 23, 42, .08) !important;
  box-shadow: 0 4px 18px rgba(15, 23, 42, .06) !important;
}

/* ——— نوار عملیات sticky در فرم‌ها ——— */
.fw-wrap .dv-nav,
.fw-nav,
.form-sticky-bar {
  position: sticky;
  bottom: calc(var(--bn-total, 64px) + 8px);
  z-index: 50;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 20px;
  padding: 12px;
  border-radius: 16px;
  border: 1px solid var(--border, rgba(148,163,184,.2));
  background: color-mix(in srgb, var(--card, #1e293b) 90%, transparent);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 10px 30px rgba(0,0,0,.16);
}
@supports not (background: color-mix(in srgb, red 50%, blue)) {
  .fw-wrap .dv-nav,
  .fw-nav,
  .form-sticky-bar {
    background: rgba(30, 41, 59, .94);
  }
  html[data-theme="light"] .fw-wrap .dv-nav,
  body.theme-light .fw-wrap .dv-nav {
    background: rgba(255,255,255,.96);
  }
}
@media (min-width: 900px) {
  .fw-wrap .dv-nav,
  .fw-nav,
  .form-sticky-bar {
    position: static;
    bottom: auto;
    backdrop-filter: none;
  }
}
.fw-wrap .dv-nav .btn,
.fw-wrap .dv-nav .ui-btn,
.form-sticky-bar .btn,
.form-sticky-bar .ui-btn {
  flex: 1 1 auto;
  min-height: 44px;
  justify-content: center;
}

/* فاصله انتهای فرم تا منوی پایین */
.fw-wrap,
.dv-wrap {
  padding-bottom: calc(var(--bn-total, 64px) + 24px);
}
@media (min-width: 900px) {
  .fw-wrap, .dv-wrap { padding-bottom: 24px; }
}

/* ——— بنر تبلیغ موبایل ——— */
@media (max-width: 599px) {
  .asy-banners--duo {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }
  .asy-banner-slot {
    min-width: 0 !important;
  }
  .pm-ad-img {
    max-height: 100px !important;
    object-fit: cover !important;
    width: 100% !important;
    border-radius: 10px;
  }
  .pm-ad-caption {
    padding: 6px 4px !important;
  }
  .pm-ad-title {
    font-size: .72rem !important;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .pm-ad-desc { display: none !important; }
  .pm-ad-order-hint {
    font-size: .65rem !important;
    padding: 5px 4px !important;
  }
  .asy-banners-order-bar a {
    font-size: .72rem !important;
    padding: 6px 10px !important;
  }
  .asy-banners-wrap {
    margin: 8px 0 12px !important;
  }
}

/* ——— مدرن‌سازی badge روی کارت ——— */
.asy-ad-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 2;
}
.asy-ad-badges span {
  box-shadow: 0 2px 8px rgba(0,0,0,.2);
}

/* لود فونت / تصویر نرم‌تر */
.asy-ad-thumb img {
  background: rgba(148,163,184,.08);
}
.sr-nav.fw-nav,
.fw-nav {
  position: sticky;
  bottom: calc(var(--bn-total, 64px) + 8px);
  z-index: 50;
}