@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//pixit.ir/wp-content/themes/woodmart/fonts/woodmart-font-2-300.woff2?v=8.2.6") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//pixit.ir/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//pixit.ir/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//pixit.ir/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//pixit.ir/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//pixit.ir/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//pixit.ir/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//pixit.ir/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//pixit.ir/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Vazirmatn", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: "Vazirmatn", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Vazirmatn", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Vazirmatn", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Vazirmatn", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Vazirmatn", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 17px;
	--wd-primary-color: rgb(21,198,235);
	--wd-alternative-color: #fbbc34;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-font-family: "Vazirmatn", Arial, Helvetica, sans-serif;
	--btn-accented-bgcolor: rgb(21,198,235);
	--btn-accented-bgcolor-hover: rgb(10,159,190);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: #0a0a0a;
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
.page .wd-page-content {
	background-color: rgb(247,247,247);
	background-image: none;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 12px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


/*-#1------Header-Style-And-Curve---------*/
@media (min-width: 1025px) {
  .whb-column9 {
    background-color: #ffffff;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 85px;
    box-shadow: -1px 0 20px rgba(0, 0, 0, 0.15);
    margin-bottom: 0px;

    /* اصلاحاتی که انجام دادیم */
    overflow: visible !important;
    position: static !important;
    z-index: 9 !important;
  }

  .whb-column8 {
    box-shadow:
      0 0px 0px 0px rgba(0, 0, 0, 0.07),
      0 20px 16px -15px rgba(0, 0, 0, 0.07);
    background-color: #fff !important;
    margin-bottom: 0px;

    /* اصلاحات */
    overflow: visible !important;
    position: static !important;
    z-index: 10 !important;
  }

  .whb-column8 *,
  .whb-column8::before,
  .whb-column8::after {
    box-shadow: none !important;
  }
}

/*---#2-------------- Main------Menu-----Items-------and------Divider-----------*/

#menu-main-site-menu .woodmart-nav-link .nav-link-text {
  display: inline-block !important;
  transition: transform 0.15s ease-in-out !important;
}

#menu-main-site-menu .woodmart-nav-link:hover .nav-link-text {
  transform: scale(1.2) !important;
}

#menu-main-site-menu {
  display: flex;
  gap: 0; /* کنترل کامل با margin در آیتم‌ها */
}

#menu-main-site-menu > li {
  position: relative;
  padding: 0 20px; /* فاصله متقارن چپ و راست */
}

/* خطوط جداکننده سمت راست */
#menu-main-site-menu > li:not(:first-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 20px;
  width: 1px;
  background-color: #ccc;
}

/*---#3---------------------Logo-Ease-in-and-out------------------*/

.wd-switch-logo img {
  display: inline-block;
  transition: transform 0.3s ease-in-out;
}

.wd-switch-logo:hover img {
  transform: scale(1.15);
}


/*-#4------- Cart icon Details and Style -----------*/



/*---#5---------------------Sticky-Tooltip-Style--------------------*/
/*testii*/
/*---#6---------------------Search-Tooltip-Style--------------------*/


.wd-header-search {
  position: relative;
}

.wd-header-search .tooltip-text {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  bottom: 140%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 12px;
  white-space: nowrap;
  z-index: 19;
  transition: opacity 0.3s ease-in-out;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.wd-header-search:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}



/*----#7-------------------Wishlist-Tooltip-Style--------------------*/

.wd-header-wishlist {
  position: relative;
}

.wd-header-wishlist .tooltip-text {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  bottom: 140%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 12px;
  white-space: nowrap;
  z-index: 19;
  transition: opacity 0.3s ease-in-out;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.wd-header-wishlist:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}


/*-----#8-------------------Cart-Tooltip-Style--------------------*/

.wd-header-cart .tooltip-text {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  bottom: 140%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 12px;
  white-space: nowrap;
  z-index: 19;
  transition: opacity 0.3s ease-in-out;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.wd-header-cart:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}


/*-----#9-------------------Myaccount-Tooltip-Style--------------------*/

/* No tooltip needed for login button */

/*----#10--------------------DarkMode-Tooltip-Style--------------------*/

.darkmode-button {
  position: relative; /* پایه برای قرار دادن tooltip */
  display: inline-block;
}

/* استایل Tooltip */
.darkmode-button .tooltip-text {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  bottom: 130%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 12px;
  white-space: nowrap;
  z-index: 18;
  transition: opacity 0.3s ease-in-out;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}


.darkmode-button .wp-dark-mode-switch {
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    background-color: transparent !important;
    border: 2px solid #15C6EB !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    box-shadow: none !important;
    position: relative !important;
    z-index: 18 !important;
    overflow: hidden !important;
}

.darkmode-button .wp-dark-mode-switch-styled {
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: scale(1) !important;
}

.darkmode-button ._track,
.darkmode-button ._icon {
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.darkmode-button ._icon svg {
    width: 20px !important;
    height: 20px !important;
    fill: #fff !important;
    margin: 0 auto !important;
    display: block !important;
}



/* نمایش Tooltip هنگام Hover */
.darkmode-button:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}

/*----#11----------Woocomerce Dropdown Menu-Z-------------------*/

/* افزایش z-index برای منوی حساب کاربری */
.wd-header-my-account {
  position: relative;
  z-index: 5;
}

/* منوی بازشونده */
.wd-dropdown.wd-dropdown-menu {
  z-index: 10 !important;
  position: absolute;
}



/*-----#12--------Woocomerce Dropdown Menu--------------------*/



.wd-dropdown-menu .wd-sub-menu li::before {
  font-family: "Font Awesome 7 Free";
  font-weight: 900;
  color: #666;
  margin-right: -5px;
  display: inline-block;
  width: 20px;
  min-width: 16px; /* فضای ثابت */
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
}

/* آیکون‌های اختصاصی منوی ووکامرس */
.woocommerce-MyAccount-navigation-link--dashboard::before { content: "\f015"; } /* خانه */
.woocommerce-MyAccount-navigation-link--orders::before { content: "\f291"; }     /* سفارش */
.woocommerce-MyAccount-navigation-link--downloads::before { content: "\f019"; }  /* دانلود */
.woocommerce-MyAccount-navigation-link--edit-address::before { content: "\f3c5"; } /* مکان */
.woocommerce-MyAccount-navigation-link--edit-account::before { content: "\f007"; } /* کاربر */
.woocommerce-MyAccount-navigation-link--customer-logout::before { content: "\f2f5"; } /* خروج */


/* آیتم منو */
.wd-dropdown-menu .wd-sub-menu li a {
  display: inline-flex;
  align-items: center;
	margin-right: 10px;
	font-family: 'Vazir', sans-serif;
  font-size: 14px;
}



/* حالت هاور فقط رنگ */
.wd-dropdown-menu .wd-sub-menu li a:hover {
  color: #0A9FBE;
	  transform: scale(1.12); /* بزرگنمایی نرم */
}

/* آیکون هنگام هاور */
.wd-dropdown-menu .wd-sub-menu li:hover::before {
  color: #0A9FBE;
}

/* عرض منو */
.wd-dropdown.wd-dropdown-menu {
  min-width: 230px !important;
  width: auto;
}


/* آیکون‌ها نیز در حالت هاور رنگ بگیرند */
.wd-dropdown-menu .wd-sub-menu li:hover::before {
  color: #0A9FBE;
  transition: color 0.3s ease-in-out;
}

/* خط جداکننده بین آیتم‌های منو */
.wd-dropdown-menu .wd-sub-menu li {
  border-bottom: 1px solid #e0e0e0;
}

/* حذف خط از آخرین گزینه */
.wd-dropdown-menu .wd-sub-menu li:last-child {
  border-bottom: none;
}
/*----#13------------------Login-Register-Button-Style--------------------*/

.wd-header-my-account {
 margin-left: 8px; /* یا 8px اگر فاصله بیشتر می‌خواهی */
  text-align: center;
  transition: none !important;
}


/* افکت هاور فقط روی رنگ و ضخامت با انیمیشن رنگ */
/* استایل پایه برای دکمه ورود/ثبت‌نام */
.wd-header-my-account .wd-tools-text {
  font-size: 14px !important;
  font-weight: 500;
	font-family: 'Vazir', sans-serif;
  color: #f3f3f3; /* رنگ نارنجی برند (قابل تغییر) */
  transition: transform 0.35s ease, color 0.35s ease, font-weight 0.35s ease;
}


.wd-header-my-account:hover {
  transform: scale(1.03);
}


/* هاور: رنگ سفید، بدون تغییر font-weight یا transformz */
.wd-header-my-account:hover .wd-tools-text {
  color: #ffffff !important;
  transform: scale(1.1);
  /* حذف font-weight و scale برای جلوگیری از پرش */
}

/*---#14-------------DarkMode-----------*/
/* Tooltip برای دکمه دارک مود */
.wd-switch-dark-mode {
  position: relative;
}
.darkmode-button ._icon svg {
	z-index:20;
  }

.wd-switch-dark-mode::after {
  content: "تغییر حالت نمایش";
  position: absolute;
  bottom: 120%;
  right: 50%;
  transform: translateX(50%);
  background: #222;
  color: #fff;
  padding: 6px 10px;
  border-radius: 6px;
  white-space: nowrap;
  font-size: 13px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease;
  z-index: 18;
}

/* نمایش هنگام هاور */
.wd-switch-dark-mode:hover::after {
  opacity: 1;
  transform: translateX(50%) translateY(-4px);
}

  .darkmode-button:hover .wp-dark-mode-switch {
    transform: scale(1.15);
  transition: transform 0.25s cubic-bezier(0.25, 0.1, 0.25, 1);
  }

.darkmode-button:hover ._icon svg {
    transform: scale(1.15);
  transition: transform 0.25s cubic-bezier(0.25, 0.1, 0.25, 1);
  }


/*-----#15-----------Search-Wishlist-Style-------------------*/
/* اعمال استایل به دکمه جستجو */

@media (min-width: 1025px) {
	
.wd-header-search .wd-tools-icon::before,
 .wd-header-wishlist .wd-tools-icon::before {
  font-size: 20px!important;
  line-height: 1;
}

.wd-header-search .wd-tools-icon,
.wd-header-wishlist .wd-tools-icon {
  width: 40px!important;
  height: 40px!important;
  //border: 2px solid #ddd;
  border-radius: 50%;
  display: flex;
	 box-shadow: 0 0 0 2px #15C6EB;

}


/* افکت hover */
.wd-header-search:hover .wd-tools-icon,
.wd-header-wishlist:hover .wd-tools-icon {
  border-color: #15C6EB;
  transform: scale(1.15);
  transition: transform 0.25s cubic-bezier(0.25, 0.1, 0.25, 1),
              box-shadow 0.25s ease;
}

.wd-header-search {
  margin-inline-end: -9px !important;
}

.wd-header-wishlist {
  margin-inline-end: -10px !important;
}
}

/*----#16------------Cart-Icon-Style----------------------*/
/* آیکون سبد خرید */
@media (min-width: 1025px) {

.wd-header-cart {
	  border-radius: 50%!important;
	width: 42px;
	height: 42px;
	 box-shadow: 0 0 0 2px #15C6EB!important;
    margin-right: 12px !important;	 /* فاصله با آیکون ورود و ثبت‌نام */
	z-index:20!important;
	}
	
.woocommerce-mini-cart__empty-message {
  display: flex;
  justify-content: center;   /* افقی */
  align-items: center;       /* عمودی */
  min-height: 120px;         /* بسته به ارتفاع باکس، قابل تغییر است */
  text-align: center;
  font-size: 18px;           /* دلخواه */
  padding: 10px;
}
	
.wd-header-cart:hover {
border-color: #15C6EB;
  transform: scale(1.15);
  transition: transform 0.25s cubic-bezier(0.25, 0.1, 0.25, 1),
              box-shadow 0.25s ease;
}
}
/*----#17--------------------Fast-Menu-Styles---------------------------*/


.popular-products-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  direction: rtl;
  gap: 12px;
  padding: 12px 0;
  white-space: nowrap;
}

.popular-link {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: inherit;
  transition: transform 0.3s ease;
  gap: 6px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1;
  position: relative;
}

.popular-link:hover {
  transform: scale(1.05);
}

.popular-link i {
  font-size: 30px;
  transition: color 0.3s ease;
  line-height: 1;
  position: relative;
  top: -3px;
}

.popular-link[data-icon="spotify"] i { color: #1DB954; }
.popular-link[data-icon="chatgpt"] i { color: #555; }
.popular-link[data-icon="telegram"] i { color: #0088cc; }

.popular-link:hover i,
.popular-link:hover .label-text {
  color: #15C6EB;
}

.label-text {
  position: relative;
  display: inline-block;
}

.label-text::after {
  content: "";
  position: absolute;
  bottom: -5px;
  right: 0;
  width: 0;
  height: 2px;
  background-color: #15C6EB;
  transition: width 0.3s ease;
}

.popular-link:hover .label-text::after {
  width: 100%;
  left: auto;
  right: 0;
}

.note {
  font-size: 12px;
  color: #888;
  margin-right: -2px;
  font-weight: normal;
  transition: none;
	 top: 5px;
}

.divider {
  width: 1px;
  height: 20px;
  background-color: #ccc;
}

/*-----#18----------------------HomePage-RemoveTimtle---------------z--*/
/*.page-id-15658 .page-title-default {
  display: none !important;
}*/

/*------------------------HomePage--Background--Color------------------*/
/* Light Mode Background */
body.wp-dark-mode-light {
  background-color: #E8E8E8 !important;  /* یا رنگ روشن دلخواه شما */
}

/* Dark Mode Background */
body.wp-dark-mode-active {
  background-color: #363636 !important;  /* رنگ تیره برای حالت شب */
}