/* =========================
   RTL Header & Menu (Final)
   Desktop = your first block
   Mobile  = previous good one
   ========================= */

/* ارتفاع استاندارد هدر */
html[dir="rtl"] .header-section{ height:80px; }

/* ——— دسکتاپ: لوگو راست، منو وسط، تلفن چپ ——— */
html[dir="rtl"] .header-section .navbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-direction:row-reverse; /* لوگو بره راست */
}

/* ظرف منو برای مرکزچین کردن منو */
html[dir="rtl"] .header-section .menu-wrap{
  flex:1 1 auto;
  position:relative;
  display:flex;
  justify-content:center; /* منو دقیقاً وسط */
}

/* خود لیست منو */
html[dir="rtl"] .header-section .mainmenu > ul.nav{
  direction:rtl;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0;
}
html[dir="rtl"] .header-section ul.nav > li > a{
  padding:0 20px;
  line-height:80px;
}

/* آیتم تلفن: پین به چپ */
html[dir="rtl"] .header-section ul.nav > li.phone{
  position:absolute;
  left:0; right:auto; top:0;
  height:80px; line-height:80px;
  white-space:nowrap;
}
html[dir="rtl"] .header-section ul.nav > li.phone i{
  margin-left:6px; margin-right:0;
}

/* دراپ‌داون‌ها از راست باز شوند */
html[dir="rtl"] #mainmenu li{ position:relative; }
html[dir="rtl"] #mainmenu li ul{
  right:0; left:auto; top:100%;
  text-align:right;
  visibility:hidden; opacity:0; transition:all .3s ease;
}
html[dir="rtl"] #mainmenu li:hover > ul{ visibility:visible; opacity:1; }
html[dir="rtl"] #mainmenu li > ul ul{ right:200px; left:auto; top:0; }
html[dir="rtl"] #mainmenu li ul li a{ padding:0 15px; }

/* ——— موبایل: دقیقا مثل قبل (لوگو وسط، همبرگر چپ، دکمه داخل منو نره) ——— */
@media (max-width: 991.98px){
  /* خود هدر: لوگو وسط بماند */
  .header-section .navbar{
    position:relative; min-height:80px;
    display:flex; align-items:center; justify-content:center;
    flex-direction:unset; /* جلوی وارونگی در موبایل */
  }
  .navbar .navbar-brand{
    position:absolute; top:50%; left:50%;
    transform:translate(-50%,-50%); margin:0;
  }

  /* دکمه همبرگر سمت چپ بماند و وارد منو نشود */
  html[dir="rtl"] .slicknav_btn{
    position:absolute; top:50%; transform:translateY(-50%);
    left:12px; right:auto; margin:0; z-index:1002;
  }

  /* منوی slicknav مثل قبل */
  html[dir="rtl"] .js .slicknav_menu{ left:0; right:auto; direction:rtl; padding-top:80px; }
  html[dir="rtl"] .slicknav_nav .slicknav_arrow{ float:left; }
  html[dir="rtl"] .slicknav_nav ul li a{
    text-align:right; padding-right:30px; padding-left:0;
  }
}

/* جلوگیری از کش‌رفتگی لوگو */
html[dir="rtl"] .header-section .navbar-brand img{
  display:block; height:auto; max-height:50px;
}