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

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: 'Tajawal', Tahoma, Arial, sans-serif !important;
}

/* فقط دکمه در سکشن navbar در حالت موبایلی به چپ منتقل شود */
@media (max-width: 991px) {
  #menu06-1 .navbar-buttons,
  #menu06-1s .navbar-buttons,
  #menu06-1u .navbar-buttons,
  #menu06-1w .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;
}

/* وسط چین کردن دکمه مشاهده منو در حالت موبایلی و سمت چپ بردنش در حالت دسکتاپی در صفحه خانه */
/* دکمه مشاهده دمو در سکشن features17-z */
#features17-z .mbr-section-btn {
  text-align: left;
}

@media (max-width: 991px) {
  #features17-z .mbr-section-btn {
    text-align: 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,
  #footer6-23 .mbr-section-subtitle,
  #footer6-23 .mbr-text,
  #footer6-23 .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;
}

/* گرد کردن گوشههای کادر سورمهای رنگ در صفحه تماس با ما */
.contacts02 .card-wrapper {
  border-radius: 12px;
  overflow: hidden;
  color: white;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  padding: 2rem;
}

.embla__slide .user_text p {
  direction: rtl;
  text-align: center;
}

/* قرارگرفتن دکمه آشنایی با نرمافزار در صفحه محصولات در وسط*/
#slider03-2n .carousel-caption .mbr-section-btn {
  display: flex;
  justify-content: center;
}

/* وسط چین کردن متن داخل باکسهای صفحه محصولات در حالت موبایلی */
<style>
  @media (max-width: 991px) {
    #features036-2f .item-content {
      text-align: center !important;
    }
    #features036-2f .item-content p {
      text-align: center !important;
      margin-left: auto;
      margin-right: auto;
    }
  }
</style>
/* Align flag and button vertically in the navbar (RTL version) */
#menu06-1 .navbar-buttons {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* Prevent baseline shift on flag image; match button height */
#menu06-1 .flag-btn img {
  display: block;
  height: 2.5rem;   /* هم‌قد با دکمه؛ در صورت نیاز کم/زیاد کن */
  width: auto;
}
/* --- Navbar (RTL) exact vertical alignment for flag + button --- */
#menu06-1 .navbar {
  align-items: center;
}

#menu06-1 .navbar-buttons {
  display: flex;
  align-items: center;       /* محور عمودی یکسان */
  gap: 0.5rem;
}

/* دکمه‌ی "مشاهده دمو" را به ارتفاع ثابت و وسط‌چین عمودی تبدیل کن */
#menu06-1 .navbar-buttons .btn {
  height: 40px;              /* یک عدد استاندارد برای هدر */
  display: inline-flex;
  align-items: center;
  line-height: 1;            /* حذف offset ناشی از baseline */
  padding-top: 0;            /* جلوگیری از جابجایی عمودی */
  padding-bottom: 0;
}

/* لینک پرچم به‌صورت مربع هم‌قد با دکمه + وسط‌چین کامل */
#menu06-1 .flag-btn {
  height: 40px;              /* دقیقاً برابر با دکمه */
  width: 40px;               /* مربع کوچیک مثل آیکن */
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* خود تصویر: بدون baseline-gap و هم‌اندازه‌ی ظرف */
#menu06-1 .flag-btn img {
  display: block;
  height: 100%;
  width: auto;
  vertical-align: middle;
}