body{
  overflow: visible !important;
}

header{
  width: 100% !important;
}

#desktop-header{
  width: 100%;
  align-items: center;
  justify-content:space-around;
  gap:20px;
}

.top-of-header{
  width: 100%;
  display: flex;
  justify-content:space-around;
  background-color: #6622dc;
  padding: 10px;
}



/* بخش سبد خرید و ورود  */
.cart-and-login{
  display: flex;
  justify-content:space-around;
  gap: 10px;
  align-items: center;
}


/* بخش لوگین */

.my-account-button{
  color: #ffffff;
  background-color: black;
  gap: 2px;
  padding: 5px 12px;
  border-radius: 500px;
  border: solid 1px black;
  white-space: nowrap;
}
.my-account-button:hover{
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0);
  gap: 2px;
  padding: 5px 12px;
  border-radius: 500px;
  border: solid 1px black;
  white-space: nowrap;
}
.cart-count {
  background: rgb(227, 2, 21);
  color: #fff;
  font-size: 12px;
  border-radius: 50%;
  padding: 2px 6px;
  margin-left: 5px;
  width: 22px;
  height: 22px;
  margin-top: 3px;
}

.desktop-cart-toggle {
  background: #ffffff !important;
  border: 1px solid #1e1e1e;
  border-radius: 500px;
  padding: 5px 12px;
  display: flex;
  align-self: center;
  justify-content: center;
  gap: 5px;
  color: #252525 !important;
}
.desktop-cart-toggle:hover {
  background: #ffffff00 !important;
  border: 1px solid #1e1e1e;
  border-radius: 500px;
  padding: 5px 12px;
  display: flex;
  align-self: center;
  justify-content: center;
  gap: 5px;
  color: #252525 !important;
}

/* باکس مینی کارت */
.minicart-parent-div{
  display: none;
  position: absolute;
  z-index: 9999;
  background-color: #fff;
  padding: 10px;
  border-radius: 10px;
  left: 80px;
}
.minicart-parent-div>span{
    display: flex;
    font-size: 22px;
    color: dimgrey;
    align-items: center;
    justify-content: center;
}


/* دکمه رفتن به سبد خرید */
#desktop-minicart-box p.woocommerce-mini-cart__buttons.buttons > a:nth-child(1){
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #2b55ff;
  color: #fff;
  border-radius: 100px;
}

/* حذف دکمه تسویه حساب */
.button.checkout.wc-forward{
  display: none;
}

/* موبایل و تبلت */
@media(max-width: 1024px){
  .cart-and-login{display: none;}
  .header-search{display: none;}
  header{padding: 0 !important;position: sticky !important;top: 0;z-index: 9999;}
  .top-of-header{  padding: 0;}
  .bottom-of-header{display: none;}
}
/* ایتم سبد خرید */
.woocommerce-mini-cart-item.mini_cart_item{
  display:flex;
  gap: 10px;
  align-items: center;
}
/* دکمه حذف ایتم سبد خرید */
.woocommerce-mini-cart-item.mini_cart_item>a:nth-child(1){
  order: 10;
  width: 20px;
  height: 20px;
  background-color: red;
  color: #fff !important;
  flex-shrink: 0; /*جلوگیری از فشرده شدن دکمه*/
}
/* عکس و نام ایتم موجود در سبد */
.woocommerce-mini-cart-item.mini_cart_item>a:nth-child(2){
  order: 0;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-around;
  /* رنگ زیر روی متن ایتم موجود در سبد خرید اعمال می شود */
  color: black;
  /* برای جلوگیری از زیر تصویر رفتن متن */
  flex-wrap: nowrap;
}
/* عکس ایتم موجود در سبد خرید */
.woocommerce-mini-cart-item.mini_cart_item>a:nth-child(2)>img{
  width: 60px;
  height: 60px;
}

/* قیمت و تعداد ایتم در سبد خرید */
.woocommerce-mini-cart-item.mini_cart_item > span{
  /* برای جلوگیری از زیر هم رفتن دو متن */
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  flex-direction: column-reverse;
}
/* لیست ایتم ها  */
.woocommerce-mini-cart.cart_list.product_list_widget {
 max-width: 400px;
}

/* مجموع سبد خرید */
.woocommerce-mini-cart__total.total{
  display: flex;
  justify-content: flex-end;
  color: #2f2f2f;
  font-size: 18px;
  margin-left: 20px;
}
/* متن مشاهده سبد خرید */
.mini-cart-box .woocommerce-mini-cart__buttons.buttons .button.wc-forward::after{
content: " و تکمیل سفارش";
margin-right: 5px;
}

/* ریسپانسیو منوی سبد خرید پاپ آپ */
@media (max-width:1024px) {
  .woocommerce-mini-cart.cart_list.product_list_widget {
    max-width: 96%;
}
.woocommerce-mini-cart-item.mini_cart_item>a:nth-child(2)>img {
    width: 40px;
    height: 40px;
}
.woocommerce-mini-cart-item.mini_cart_item>a:nth-child(2) {
    font-size: small;
}
.woocommerce-mini-cart-item.mini_cart_item > span {
    font-size: medium;
}

}


/* استایل منوی ناوبری موبایل */

/* کانتینر اصلی */
.mobile-nav-buttons{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    background: #fff;
    border-top: 1px solid #e5e5e5;
    display: flex;
    justify-content: space-around;
    align-items: center;
    z-index: 9999;
    border-radius: 17px 17px 0 0;
    box-shadow: 0 -4px 10px rgba(0,0,0,0.08);}

/* هر دکمه */
.mobile-nav-buttons .nav-button{
    flex: 1;
    text-align: center;
}

/* لینک و دکمه */
.mobile-nav-buttons a,
.mobile-nav-buttons button{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    width: 100%;
    height: 100%;
    background: none;
    border: none;
    text-decoration: none;
    color: #000;
    font-size: 11px;
    cursor: pointer;
}

/* مخفی کردن منوی پایینی در موبایل */
@media (min-width: 1025px){
    .mobile-nav-buttons{
        display: none;
    }
}




/* استایل صفحات پاپ آپ*/
.popup-content {
  display: none; 
  background: #fff;
  width: 100%;
  height: 60vh;
  border-radius: 20px 20px 0 0;
  overflow-y: auto;
  box-shadow: 0 -8px 20px rgba(0,0,0,0.15);
  animation: slideUp 0.3s ease;
  flex-direction: column;
  position: fixed;
  bottom: 60px;
  z-index: 999;
  align-items: center;
}
@keyframes slideUp {
  from { transform: translateY(100%); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}
.popup-content > button{
  background-color: #000;
  color: #fff;
  border-radius: 20px;
  border: 0;
  width: 100%;
  padding: 10px 0;
}
.popup-content >span{
  display: flex;
  font-size: 22px;
  color: dimgrey;
  align-items: center;
  justify-content: center;
}
/* دکمه رفتن به سبد خرید در موبایل */
#mobile-minicart > p.woocommerce-mini-cart__buttons.buttons{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #2b55ff !important;
  color: #fff;
  border-radius: 100px;
}
/* برای حذف مربع وسط کادر دکمه رفتن به سبد خرید در موبایل */
#mobile-minicart > p.woocommerce-mini-cart__buttons.buttons>a:nth-child(1){
  background-color: #2b55ff !important;
  color: #fff;
}




/* استایل دسته بندی در منوی موبایل */


.div-mobile-cat{
  /* برای کامل شدن دسته بندی */
  width: 95%;
  margin-bottom: 30px;
}
#category-popup > div > div > nav{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px,1fr));
    justify-content: center;
    align-items: center;
    gap: 16px;
}
.mobile-cat-nav-button{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 0;
  border-radius: 10px;
  background-color: #f8f9fb !important;
}
.mobile-cat-nav-button:hover{
  background-color: #f8f9fb !important;
}
.mobile-cat-nav-button>img{
  width: 60px;
  height: 60px;
}
.mobile-cat-nav-button>span{
  color: #000;
  font-size: 16px;
}

/* اسپن داخل دیو صفحه دسته بندی */
.div-mobile-cat>div>span{
  display: flex;
  font-size: 22px;
  color: dimgrey;
  align-items: center;
  justify-content: center;
}

/* دکمه بازگشت در دسته بندی صفحاتت فرعی موبایل */
.div-mobile-cat>div>button{
background:#ffffff00 !important;
color:#000000;
border:none;
border-radius:8px;
padding:8px 14px;
cursor:pointer;
margin-bottom:15px;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
gap: 5px;
}
.div-mobile-cat>div>button:hover{
  background:#ffffff00 !important;
}
/* ایکون دکمه بازگشت به  دسته بندی اصلی موبایل */
.div-mobile-cat>div>button>svg{
  width: 40px;
  height: 40px;
}
/* مخفی کردن اولیه منوی های فرعی */
.mobile-cat-child-pages{
  display: none;
}


/* استایل منوی ناوبری دسکتاپ */

/* کانتینر اصلی منوی دسکتاپ */
.desktop-nav{
  background-color: #fff;
  box-shadow: 0 2px 34px 0px rgb(0 0 0 / 9%);
  display: flex;
  justify-content: center;
}
/* بخش پایینی هدر */
.bottom-of-header{
  display: block;
}
@media (max-width:1024px) {
  /* بخش پایینی هدر */
.bottom-of-header{
  display: none;
}
}
/* لیست آیتم های اصلی منوی دسکتاپ */
.desktop-nav-list{
  display: flex;
  /* فاصله بین ایتم های منوی اصلی */
  gap: 0;
  /* برای اینکه منوی دراپ دون زیر منوی اصلی هدر دسکتاپ باشد */
  position: relative;
}
/* منوی فرعی دراپ دون */
.desktop-nav-submenu{
  display: none;
  animation: fadeIn 0.5s forwards;
  position: absolute;
  top: 25px;
  right: 10%;
  z-index: 999;
  background: #ffffff;
  padding: 0;
  box-shadow: 0px 10px 8px 0px #0000000b;
}
/* Fade In */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* ایتم های منو اصلی */
.desktop-nav-menu-item{
  display: flex;
  position: relative;
}
/* لینک های منو اصلی */
.desktop-nav-main-link{
  color: #343434;
  font-size: 15px;
  padding: 2px 10px;
  gap: 10px;
}
/* ایکون منو آبشاری دسکتاپ */
.has-menu-desktop::after{
  content: "▾";
  font-size: 0.8em;
}
.desktop-nav-main-link:hover{
  animation: main_link_hover 0.5s forwards;
}
@keyframes main_link_hover {
  from { }
  to {color: #5f5f5f;}
}
/* لیست ایتم های دراپ دون */
.desktop-nav-submenu-item{
  display: flex;
  font-size: 18px;
  padding: 5px 10px;
  border-bottom: 1px solid #bababa;
  white-space: nowrap;
  min-width: 140px;
}
.desktop-nav-submenu-item:hover{
  animation: itemhover 0.5s forwards;
}
/* انیمیشن هاور آیتم ها */
@keyframes itemhover {
  from { }
  to {box-shadow: 0px 1px 20px 0px #00000040;}
}

/* لینک های ایتم های دراپ دون */
.desktop-nav-submenu-item>a{
  color: #000;
}