/* استایل‌های هدر برای حالت دسکتاپ */
#profile-icon i,
#menu-toggle i {
  font-size: 24px;
  color: #333;
}

/* منوی کشویی */
#sidebar-menu {
  display: none; /* پنهان بودن پیش‌فرض */
  position: fixed;
  top: 0;
  left: 0;
  width: 70%;
  height: 100%;
  background-color: #fff;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2);
  z-index: 9999;
  padding: 20px;
}

#sidebar-menu .close-btn {
  text-align: right;
}

#sidebar-menu .close-btn button {
  font-size: 20px;
  background: none;
  border: none;
  color: #333;
}

.sidebar-content {
  margin-top: 50px;
}

/* استایل برای حالت موبایل */
@media (max-width: 767px) {
  header .row {
    text-align: center;
  }

  /* در موبایل: نمایش آیکون آدمک */
  #profile-icon i {
    font-size: 24px;
    color: #333;
  }

  /* در موبایل: آیکون منو برای باز کردن منو */
  #menu-toggle i {
    font-size: 24px;
    color: #333;
  }

  /* تغییرات منو در موبایل */
  #sidebar-menu {
    width: 70%;
    display: none;
  }

  /* دکمه منو فعال */
  #menu-toggle.active + #sidebar-menu {
    display: block;
  }

  /* در حالت موبایل: تنظیم ترتیب آیتم‌ها */
  .d-none.d-md-block {
    display: none !important;
  }
}

.n-header li a {
  text-decoration: none !important;
  color: var(--main-text);
}
.n-header {
  gap: 15px;
  justify-content: center;
}
.n-header li a:hover {
  color: var(--secondary) !important;
}

/*my-account-custom-header*/

.myaccount-header {
  padding: 15px !important;
}