/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 26 2026 | 14:44:43 */
/* =========================================
   محافظت از باکس نمادها
   ========================================= */
.mn-trust-widget {
  background-color: transparent;
  direction: rtl;
  width: 100%;
  padding: 10px 0;
}

.mn-trust-widget * {
  box-sizing: border-box;
}

/* =========================================
   شبکه چیدمان نمادها
   ========================================= */
.mn-trust-widget .mn-trust-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: flex-start; /* همترازی ردیفی منظم */
  align-items: center;
  max-width: 420px; /* ممانعت از پخش‌شدگی ناموزون نمادها در نمایشگرهای بسیار عریض */
}

/* =========================================
   باکس‌های نماد (مربع‌های کاملاً متقارن و یکپارچه)
   ========================================= */
.mn-trust-widget .mn-t-badge {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  width: 75px; /* عرض ثابت جهت ایجاد انضباط کامل بصری در کل چیدمان فوتر */
  height: 75px; /* ارتفاع ثابت */
  padding: 12px;
  border-radius: 18px; /* زوایای گرد مدرن لوکس */
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08); /* سایه بهینه‌سازی شده با مصرف بسیار ناچیز باتری و پردازنده */
  text-decoration: none;
  
  /* فعال‌سازی موقت لایه‌بندی سخت‌افزاری تنها در صورت نیاز جهت ممانعت از هدر رفتن RAM و GPU */
  transform: translateZ(0);
  backface-visibility: hidden;
  will-change: auto; /* غیرفعال‌سازی تخصیص منابع دائمی سیستم */
  
  /* رفع تاخیر کلیک و هاله آبی رنگ در پلتفرم‌های موبایل */
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  
  /* ترنزیشن اختصاصی به جای transition: all */
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), 
              box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* لغو همپوشانی کدهای قالب روی ابعاد فیزیکی تصاویر */
.mn-trust-widget .mn-t-badge img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; /* تضمین عدم تغییر فرم لوگوها درون فریم اصلی */
  margin: 0;
}

/* افکت دسکتاپ (به همراه فعال‌سازی پویای شتاب‌دهنده گرافیکی بر روی هاور ماوس) */
@media (hover: hover) and (pointer: fine) {
  .mn-trust-widget .mn-t-badge:hover {
    transform: translateY(-5px) scale(1.05);
    box-shadow: 0 8px 25px rgba(15, 23, 42, 0.15);
    will-change: transform, box-shadow; /* فعال‌سازی کامپوزیت لایه فقط در ثانیه‌ی تعامل کاربر */
  }
}

/* افکت لمس پویای دکمه در دستگاه‌های تلفن همراه */
@media (hover: none) {
  .mn-trust-widget .mn-t-badge:active {
    transform: scale(0.95);
  }
}

/* پیاده‌سازی فوکوس واضح دسترسی‌پذیری کیبورد */
.mn-trust-widget .mn-t-badge:focus-visible {
  outline: 2px solid #60a5fa;
  outline-offset: 3px;
  border-radius: 18px;
}

/* =========================================
   تنظیمات ریسپانسیو و ارگونومی لمس در موبایل
   ========================================= */
@media (max-width: 768px) {
  .mn-trust-widget .mn-trust-grid {
    gap: 12px;
  }
  .mn-trust-widget .mn-t-badge {
    width: 65px; /* ابعاد متعادل در موبایل برای اشغال نکردن سطر اضافی */
    height: 65px;
    padding: 10px;
    border-radius: 14px;
  }
}

/* احترام به تنظیمات دسترسی‌پذیری حرکتی سیستم عامل کاربر (WCAG) */
@media (prefers-reduced-motion: reduce) {
  .mn-trust-widget .mn-t-badge {
    transition: none !important;
  }
  .mn-trust-widget .mn-t-badge:hover {
    transform: none !important;
  }
}