/* ===============================
   🎨 استفاده از فونت Vazirmatn برای کل صفحه
   =============================== */

body, h1, h2, h3, h4, h5, h6,
p, span, div, a, li, ul, ol,
button, input, textarea, label,
.mbr-section-title, .mbr-text, .display-1, .display-2, .display-4, .display-5, .display-7 {
    font-family: 'Vazirmatn', Tahoma, Arial, sans-serif !important;
}

/* فقط دکمه در سکشن navbar در حالت موبایلی به چپ منتقل شود */
@media (max-width: 991px) {
  #menu06-1 .navbar-buttons {
    display: flex !important;
    justify-content: flex-start !important;
  }
}




.rtl-box {
    direction: rtl;
    text-align: right;
}





/* ✅ فقط متن داخلی را RTL کن بدون تأثیر بر دکمه */
.rtl-inline {
    direction: rtl;
    unicode-bidi: plaintext;
}





/* برای اصلاح ترتیب نمایش منوها از بالا به پایین در موبایل */
@media (max-width: 991px) {
  .navbar-nav {
    display: flex !important;
    flex-direction: column !important;
  }

  /* ترتیب دستی برای منوها فقط در موبایل */
  .nav-item:nth-child(1) { order: 4; }  /* خانه */
  .nav-item:nth-child(2) { order: 3; }  /* معرفی محصولات */
  .nav-item:nth-child(3) { order: 2; }  /* درباره ما */
  .nav-item:nth-child(4) { order: 1; }  /* تماس با ما */
}





/* جاستیفای کردن دو قسمت نوشته یعنی تیتر و توضیحات کنار گیف */
.card-title,
.mbr-text {
    text-align: justify !important;
}




/* وسطچین کردن متن کنار گیف در موبایل */
@media (max-width: 991px) {
    .card-title,
    .mbr-text {
        text-align: center !important;
    }
}




/* آیکونها فاصله داشته باشن از توضیحات روبروشون */
.rtl-box .icon-box {
    margin-left: 1rem; /* یا مثلاً 12px */
}



/* جاستیفای کردن توضیحات روبروی هر آیکون */
.rtl-box .text-box {
    text-align: justify;
}



@media (max-width: 991px) {
  /* آیکون بره بالا و وسط‌چین بشه */
  .rtl-box .item-wrapper {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center;
  }

  /* آیکون وسط‌چین در داخل باکسش */
  .rtl-box .icon-box {
    margin: 0 auto 1rem auto !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  /* تیتر وسط‌چین */
  .rtl-box .text-box h4,
  .rtl-box .icon-title {
    text-align: center !important;
  }

  /* توضیح وسط‌چین */
  .rtl-box .text-box h5,
  .rtl-box .icon-text {
    text-align: center !important;
  }
}



.features13.cid-uPkaiSZDmo {
    background: linear-gradient(90deg, #2154A5 0%, #010C13 100%) !important;
}

.features13 .mbr-overlay {
    background-color: transparent !important;
    opacity: 0 !important;
}

.rtl-box .icon-box {
    background-color: transparent !important;
    box-shadow: none !important;
}

.rtl-box .icon-box .mbr-iconfont {
    background-color: transparent !important;
    box-shadow: none !important;
}



/* وسطچین شدن دکمه مشاهده دمو */
@media (max-width: 991px) {
  .mbr-section-btn {
    display: flex !important;
    justify-content: center !important;
  }
}



/* فاصله مناسب آیکونها از توضیحات */
.icon-box img {
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
}



/* تنظیم وسط چین فوتر */
@media (max-width: 991px) {
  section.display-7 {
    flex-direction: column !important;
    text-align: center !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0.5rem !important;
    height: auto !important;
  }

  section.display-7 a,
  section.display-7 p {
    width: 100% !important;
    text-align: center !important;
    position: static !important;
    height: auto !important;
  }

  section.display-7 img {
    display: none; /* حذف تصویر خالی base64 */
  }
}


/* وسط چین کردن در حالت موبایلی */
@media (max-width: 991px) {
  .features38 .text-wrapper {
    text-align: center !important;
  }

  .features38 .mbr-section-title {
    text-align: center !important;
  }

  .features38 .mbr-text {
    text-align: center !important;
  }

  .features38 .mbr-section-btn {
    justify-content: center !important;
    display: flex;
  }
}


/* گرد کردن تصاویر و ایجاد سایه و هاور */
#features038-1g .image-wrapper img {
  border-radius: 16px;
  border: 1px solid #ccc; /* بردر نازک خاکستری */
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}

/* حالت هاور */
#features038-1g .image-wrapper img:hover {
  border: 1px solid #999; /* کمی تیره‌تر در هاور */
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.25);
  transform: scale(1.01);
}

/* فقط برای سکشن custom-bg */
.custom-bg {
  background-image: url('assets/images/background1.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed; /* اختیاری، اگر پارالکس‌طور می‌خوای */
}


/* وسط چین کردن بخش آخر */
#timeline1-1m .timeline-text-wrapper {
  text-align: center;
}

#timeline1-1m .timeline-text-wrapper h4,
#timeline1-1m .timeline-text-wrapper p {
  text-align: center !important;
}


/* وسط چین کردن فوتر در حالت موبایلی */
@media (max-width: 991px) {
  #footer6-1r .mbr-section-subtitle,
  #footer6-1r .mbr-text,
  #footer6-1r .list {
    text-align: center !important;
  }
}


/* کادر نقشه گوگل */
.google-map iframe {
  border-radius: 16px;
  border: 1px solid #ccc;
  box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease-in-out;
}

/* افکت هاور حرفه‌ای */
.google-map iframe:hover {
  transform: scale(1.01);
  box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.25);
  border-color: #999;
}