/* فقط دکمه در سکشن 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;
  }
}

.ltr-box {
    direction: ltr;
    text-align: left;
}

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

/* === Unify mobile menu order for all languages (≤991px) === */
@media (max-width: 991px){
  #menu06-1 .navbar-nav{
    display: flex !important;
    flex-direction: column !important;
  }
  #menu06-1 .navbar-nav .nav-item{ order: initial; }

  /* 1) Globe (language) first */
  #menu06-1 .navbar-nav .nav-item.d-lg-none{ order: 1; }

  /* ===== EN ===== */
  #menu06-1 .navbar-nav .nav-item:has(> a[href$="index_en.html"]){    order: 2; }
  #menu06-1 .navbar-nav .nav-item:has(> a[href$="products_en.html"]){ order: 3; }
  #menu06-1 .navbar-nav .nav-item:has(> a[href$="about_en.html"]){    order: 4; }
  #menu06-1 .navbar-nav .nav-item:has(> a[href$="contact_en.html"]){  order: 5; }

  /* ===== FR ===== */
  #menu06-1 .navbar-nav .nav-item:has(> a[href$="index_fr.html"]){    order: 2; }
  #menu06-1 .navbar-nav .nav-item:has(> a[href$="products_fr.html"]){ order: 3; }
  #menu06-1 .navbar-nav .nav-item:has(> a[href$="about_fr.html"]){    order: 4; }
  #menu06-1 .navbar-nav .nav-item:has(> a[href$="contact_fr.html"]){  order: 5; }

  /* ===== TU (Turkish) ===== */
  #menu06-1 .navbar-nav .nav-item:has(> a[href$="index_tu.html"]){    order: 2; }
  #menu06-1 .navbar-nav .nav-item:has(> a[href$="products_tu.html"]){ order: 3; }
  #menu06-1 .navbar-nav .nav-item:has(> a[href$="about_tu.html"]){    order: 4; }
  #menu06-1 .navbar-nav .nav-item:has(> a[href$="contact_tu.html"]){  order: 5; }

  /* ===== RU (Russian) ===== */
  #menu06-1 .navbar-nav .nav-item:has(> a[href$="index_ru.html"]){    order: 2; }
  #menu06-1 .navbar-nav .nav-item:has(> a[href$="products_ru.html"]){ order: 3; }
  #menu06-1 .navbar-nav .nav-item:has(> a[href$="about_ru.html"]){    order: 4; }
  #menu06-1 .navbar-nav .nav-item:has(> a[href$="contact_ru.html"]){  order: 5; }
}

/* دکمهٔ Demo پایین بماند */
@media (max-width: 991px){
  #menu06-1 .navbar-buttons{ margin-top: 1rem; }
}


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

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

/* آیکونها فاصله داشته باشن از توضیحات روبروشون */
.ltr-box .icon-box {
    margin-right: 1rem; /* از left به right تغییر کرد */
}

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

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

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

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

  /* توضیح وسط‌چین */
  .ltr-box .text-box h5,
  .ltr-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;
}

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

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

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

@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: ltr;      /* از rtl به ltr */
  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>


/* از اینجا به بعد فقط در css نسخه لاتین موجود است */

/* --- Fix left alignment in features13 section (desktop) --- */
#features13-10 .text-box,
#features13-10 .icon-title,
#features13-10 .icon-text {
  text-align: left !important;
  direction: ltr;
}

/* Keep center alignment on mobile */
@media (max-width: 991px) {
  #features13-10 .text-box,
  #features13-10 .icon-title,
  #features13-10 .icon-text {
    text-align: center !important;
  }
}
/* Force left alignment in features13 right column */
#features13-10 .item .text-box,
#features13-10 .item .text-box *,
#features13-10 .item .icon-title,
#features13-10 .item .icon-text,
#features13-10 .item .mbr-fonts-style {
  direction: ltr !important;
  text-align: left !important;
}

/* Keep center alignment on mobile exactly as before */
@media (max-width: 991px) {
  #features13-10 .item .text-box,
  #features13-10 .item .text-box *,
  #features13-10 .item .icon-title,
  #features13-10 .item .icon-text,
  #features13-10 .item .mbr-fonts-style {
    text-align: center !important;
  }
}
/* Left-align titles in features038 section on desktop only */
@media (min-width: 992px) {
  #features038-1g .mbr-section-title {
    text-align: left !important;
  }
}
/* Left-align footer section subtitles on desktop */
@media (min-width: 992px) {
  #footer6-1r .mbr-section-subtitle {
    text-align: left !important;
    direction: ltr !important;
  }
}
/* --- Navbar (LTR) 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;
  padding-top: 0;
  padding-bottom: 0;
}
/* اگر لینک پرچم کلاس flag-btn دارد، این دو قاعده کافی‌اند */
#menu06-1 .navbar-buttons .flag-btn {
  height: 40px;
  width: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#menu06-1 .navbar-buttons .flag-btn img {
  display: block;
  height: 100%;
  width: auto;
  vertical-align: middle;
}
/* اگر کلاس flag-btn استفاده نمی‌کنی، این دو قاعدهٔ عمومی را نگه دار */
#menu06-1 .navbar-buttons > a:not(.btn) {
  height: 40px;
  width: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#menu06-1 .navbar-buttons > a:not(.btn) img {
  display: block;
  height: 100%;
  width: auto;
  vertical-align: middle;
}
@media (min-width: 992px){
  #features038-29 .mbr-section-title {
    text-align: left !important;
  }
}
/* Mobile menu ordering (≤991px) */
@media (max-width: 991px){
  #menu06-1 .navbar-nav{
    display: flex !important;
    flex-direction: column !important;
  }

  /* 1) Internet icon first */
  #menu06-1 .navbar-nav .nav-item.d-lg-none{
    order: 1;
  }

  /* 2) Home */
  #menu06-1 .navbar-nav .nav-item:has(> a[href="index_en.html"]){
    order: 2;
  }

  /* 3) Products */
  #menu06-1 .navbar-nav .nav-item:has(> a[href="products_en.html"]){
    order: 3;
  }

  /* 4) About Us */
  #menu06-1 .navbar-nav .nav-item:has(> a[href="about_en.html"]){
    order: 4;
  }

  /* 5) Contact Us */
  #menu06-1 .navbar-nav .nav-item:has(> a[href="contact_en.html"]){
    order: 5;
  }
}



/* Fix mobile menu order like EN */
@media (max-width: 991.98px){
  #menu06-1 .navbar-nav{
    display: flex;
    flex-direction: column !important;   /* جلوگیری از column-reverse */
  }
  #menu06-1 .navbar-nav .nav-item{ order: initial; } /* لغو هر order سفارشی */
  /* اختیاری: دکمه‌ی دمو پایین بماند */
  #menu06-1 .navbar-buttons{ margin-top: 1rem; }
}