/* ——— ظرف منو ——— */
.user-menu {
  position: relative;
  display: inline-block;
}

/* دکمه‌ی باز/بسته */
.user-toggle {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 500;
}

/* فقط آیکون + فلش نمایش داده شود */
.user-menu .user-name { display: none !important; }
/* اگر فونت‌آیکن جای دیگری هست، داخل این منو مخفی بماند */
.user-menu .boldlab-icon-user { display: none !important; }

/* ——— آیکون تصویری ——— */
.user-menu .user-avatar-img {
  display: inline-block;
  vertical-align: middle;
  width: 36px;          /* اندازه پایه */
  height: 36px;
  max-width: 36px;
  min-width: 36px;
  border-radius: 50%;
  object-fit: contain;
  background: transparent;
  padding: 0;
  /* اگر می‌خواهی دایره تیره با آیکون سفید باشد، این 3 خط را فعال کن:
  background: #111 !important;
  padding: 8px !important;
  filter: brightness(0) invert(1) !important;
  */
}

/* قفل اندازه در همه صفحات (برای غلبه بر قوانین سراسری مثل img{width:100%}) */
header .user-menu img.user-avatar-img,
.site-header .user-menu img.user-avatar-img,
.woocommerce img.user-avatar-img,
img.user-avatar-img {
  width: 36px !important;
  height: 36px !important;
  max-width: 36px !important;
  min-width: 36px !important;
  flex: 0 0 36px !important;
  display: inline-block !important;
  vertical-align: middle;
}

/* فلش کنار آیکون */
.small-arrow {
  font-size: 12px;
  margin-inline-start: 6px; /* سازگار با RTL */
  line-height: 1;
  transition: transform .2s;
}
/* چرخش فلش وقتی منو باز است (با هر دو کلاس سازگار) */
.user-menu.is-open .small-arrow,
.user-menu.open .small-arrow {
  transform: rotate(180deg);
}

/* ——— فهرست کشویی ——— */
.user-dropdown {
  display: none; /* حالت بسته؛ slideToggle وظیفه باز/بستن را دارد */
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 10010;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,.2);
  list-style: none;
  padding: 10px 0;
  margin: 0;
  min-width: 220px;
  border-radius: 4px;
  overflow: hidden;               /* روان‌تر شدن slide */
  backface-visibility: hidden;
  transform: translateZ(0);
  will-change: height, opacity;
}
/* اگر قبلاً display:none !important داشته‌ای، در حالت باز دیده شود */
.user-menu.is-open > .user-dropdown,
.user-menu.open > .user-dropdown {
  display: block !important;
}

.user-dropdown li a {
  display: block;
  padding: 8px 15px;
  color: #333;
  text-decoration: none;
  transition: background .2s;
}
.user-dropdown li a:hover { background: #f0f0f0; }

/* موبایل */
@media (max-width: 768px) {
  .user-dropdown {
    right: 0;
    left: 0;
    min-width: auto;
  }
}

/* احترام به ترجیح کاهش حرکت کاربر */
@media (prefers-reduced-motion: reduce) {
  .user-dropdown { transition: none !important; }
}

/* فقط صفحات عربی (ID=9911 و ID=9976) */
body.page-id-9911 #qodef-page-header,
body.page-id-9976 #qodef-page-header,
body.page-id-9911 .qodef-header,
body.page-id-9976 .qodef-header,
body.page-id-9911 .qodef-header-holder,
body.page-id-9976 .qodef-header-holder,
body.page-id-9911 .qodef-header--standard,
body.page-id-9976 .qodef-header--standard,
body.page-id-9911 .qodef-header-sticky,
body.page-id-9976 .qodef-header-sticky,
body.page-id-9911 .qodef-vertical-menu-area,
body.page-id-9976 .qodef-vertical-menu-area,
body.page-id-9911 .qodef-top-area,
body.page-id-9976 .qodef-top-area,
body.page-id-9911 .qodef-mobile-header,
body.page-id-9976 .qodef-mobile-header,
body.page-id-9911 .qodef-header-navigation,
body.page-id-9976 .qodef-header-navigation,
body.page-id-9911 .qodef-page-header,
body.page-id-9976 .qodef-page-header,
body.page-id-9911 .qodef-page-header-inner,
body.page-id-9976 .qodef-page-header-inner,
body.page-id-9911 [role="banner"],
body.page-id-9976 [role="banner"] {
  display: none !important;
}

/* اگر عنوان/بردکرامب بالا هم میاد: */
body.page-id-9911 .qodef-page-title,
body.page-id-9976 .qodef-page-title,
body.page-id-9911 .qodef-breadcrumbs,
body.page-id-9976 .qodef-breadcrumbs,
body.page-id-9911 .qodef-title-holder,
body.page-id-9976 .qodef-title-holder {
  display: none !important;
}

body.page-id-9911 header {
  display: none !important;
}


body.page-id-9976 header {
  display: none !important;
}

/* پنهان روی دسکتاپ */
.lang-switch-mobile { display: none; }

/* فقط موبایل */
@media (max-width: 767px) {
  /* مخفی کردن منوی زبان دسکتاپ */
  .wpml-ls-sidebars-qodef-top-area-right {
    display: none !important;
  }

  .lang-switch-mobile {
    display: block;
    text-align: center;
    margin: 8px auto;
    padding: 6px 10px;
    background: #fff;
    border-radius: 10px;
    max-width: 240px; /* عرض کمتر */
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
  }

  .lang-switch-title {
    font-weight: 700;
    font-size: 13px; /* کوچک‌تر */
    margin-bottom: 6px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: #111;
  }

  .lang-switch-actions {
    display: flex;
    justify-content: center;
    gap: 8px; /* فاصله کمتر */
  }

  .lang-btn {
    flex: 1 1 auto;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    border: 1.5px solid #111;
    border-radius: 8px;
    font-size: 13px; /* فونت کوچکتر */
    font-weight: 700;
    padding: 5px 0; /* ارتفاع کمتر */
    color: #111;
    line-height: 1.2;
  }

  .lang-btn.lang-primary {
    background: #f5f5f5;
  }

  .lang-btn.lang-outline {
    background: transparent;
  }
}