/* کارت‌های صفحهٔ اصلی و وبلاگ: با هاور کمی و نرم بالا می‌آیند */
@media (hover: hover) and (pointer: fine) {
  .app-version-div .card-div,
  .statistics-div .card-div,
  .blog-section .blog-div .card-div,
  .blog-list-page .blog-list-card {
    transition:
      transform 0.48s cubic-bezier(0.22, 1, 0.36, 1),
      box-shadow 0.48s cubic-bezier(0.22, 1, 0.36, 1),
      border-color 0.48s ease;
  }

  .app-version-div .card-div:hover,
  .statistics-div .card-div:hover,
  .blog-section .blog-div .card-div:hover,
  .blog-list-page .blog-list-card:hover {
    transform: translateY(-8px);
    border-color: var(--local-color, var(--primary-color));
    box-shadow: 0 18px 36px rgba(8, 2, 46, 0.12);
  }
}

@media (prefers-reduced-motion: reduce) {
  .app-version-div .card-div,
  .statistics-div .card-div,
  .blog-section .blog-div .card-div,
  .blog-list-page .blog-list-card {
    transition: none;
  }
}

/* SweetAlert با فونت IRANYekanX و ظاهر هماهنگ با سایت */
html.swal2-shown,
body.swal2-shown {
  overflow-x: hidden !important;
  padding-right: 0 !important;
}

.swal2-container {
  font-family: IRANYekanX, Tahoma, sans-serif;
  overflow-x: hidden;
}

.swal2-popup {
  width: 26rem;
  max-width: calc(100% - 2rem);
  padding: 1.65rem 1.45rem 1.35rem;
  border-radius: 22px;
  background: #fff;
  direction: rtl;
  font-family: IRANYekanX, Tahoma, sans-serif;
  box-shadow: 0 24px 64px rgba(14, 0, 30, 0.18);
}

.swal2-popup .swal2-title,
.swal2-popup .swal2-content,
.swal2-popup #swal2-content,
.swal2-popup .swal2-html-container,
.swal2-popup .swal2-styled,
.swal2-popup .swal2-footer {
  font-family: IRANYekanX, Tahoma, sans-serif;
}

.swal2-popup .swal2-title {
  margin: 0 0 0.35rem;
  color: var(--text-color, #0e001e);
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.8;
}

.swal2-popup .swal2-content,
.swal2-popup #swal2-content {
  color: var(--text-color2, #595b62);
  font-size: 0.95rem;
  font-weight: 400;
  line-height: 1.85;
}

.swal2-popup .swal2-icon {
  margin: 0.15rem auto 0.85rem;
}

.swal2-popup .swal2-icon.swal2-warning {
  border-color: #f0b429;
  color: #f0b429;
}

.swal2-popup .swal2-icon.swal2-info,
.swal2-popup .swal2-icon.swal2-question {
  border-color: var(--primary-color, #6200b5);
  color: var(--primary-color, #6200b5);
}

.swal2-popup .swal2-actions {
  margin-top: 1.15rem;
}

.swal2-popup .swal2-styled.swal2-confirm {
  min-width: 7.5rem;
  padding: 0.62rem 1.5rem;
  border: 0;
  border-radius: 999px;
  background-color: var(--primary-color, #6200b5);
  color: #fff;
  font-size: 0.95rem;
  font-weight: 600;
  box-shadow: 0 10px 22px var(--primary-color-shadow, rgba(98, 0, 181, 0.28));
  transition: background-color 0.2s ease, transform 0.2s ease;
}

.swal2-popup .swal2-styled.swal2-confirm:hover {
  background-color: var(--dark-primary-color, #5100a5);
}

.swal2-popup .swal2-styled.swal2-cancel {
  min-width: 7.5rem;
  padding: 0.62rem 1.5rem;
  border: 0;
  border-radius: 999px;
  background-color: #eceaf1;
  color: var(--text-color, #0e001e);
  font-size: 0.95rem;
  font-weight: 600;
}

.swal2-popup .swal2-styled:focus {
  box-shadow: 0 0 0 3px rgba(98, 0, 181, 0.22);
}
