/* You can add your own CSS here. Click the help icon above to learn more. */
.linkbg {
    display: inline-block; 
	background-color: #2196f3; /* رنگ پس‌زمینه دلخواه */
    padding: 5px; /* برای ایجاد فاصله */
  width: 100%; /* عرض 100% */
    text-align: right; /* راست‌چین کردن متن */
	padding-bottom:20px;
	padding-top:20px
margin-top:0px;
		margin-bottom:0px;
}

.warningstyle {
    background-color: #ffffff; /* رنگ پس‌زمینه زرد */
    color: red; /* رنگ متن */
    padding: 4px; /* فاصله داخلی */
    border: 1px solid #ffffff; /* حاشیه */
    border-radius: 8px; /* گوشه‌های گرد */
     
}
/* تراز کردن عمودی و افقی آیتم‌های داخل منوی موبایل */
[data-id="c62e7ae"] .e-con.e-child {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important; /* تراز عمودی وسط */
    align-items: center !important; /* تراز افقی وسط */
    text-align: center !important;
}

/* تغییر ظاهر کلی پیام موفقیت */
.woocommerce-message {
    background-color: #3D1E0F !important; /* رنگ پس‌زمینه */
    border: 1px solid #DDA827 !important; /* حاشیه */
    border-left: 5px solid #DDA827 !important; /* نوار کناری */
    color: white !important; /* رنگ متن اصلی */
    padding: 15px !important;
    border-radius: 5px !important;
}

/* تغییر رنگ لینک داخل پیام */
.woocommerce-message a {
    color: white !important;
    font-weight: bold;
}

/* تغییر ظاهر دکمه "مشاهده سبد خرید" */
.woocommerce-message .button.wc-forward {
    background-color: #DDA827 !important; /* رنگ دکمه */
    color: white !important; /* رنگ متن دکمه */
    border: none !important;
    padding: 8px 15px !important;
    border-radius: 4px !important;
    margin-right: 10px; /* تنظیم فاصله برای راست‌چین بودن */
}

/* تغییر رنگ دکمه هنگام هاور (حالت شناور موس) */
.woocommerce-message .button.wc-forward:hover {
    background-color: #00785D !important;
}


/* 1. مخفی کردن متن انگلیسی "Restore item" */
a.restore-item {
    color: transparent !important;
    position: relative !important;
    background-color: #DDA827 !important;
    border: none !important;
    padding: 12px 20px !important; /* padding متعادل */
    border-radius: 4px !important;
    min-width: 200px; /* عرض حداقلی برای دکمه */
    text-align: center !important;
    text-decoration: none !important;
    display: inline-block !important;
    box-sizing: border-box !important; /* مهم برای محاسبه صحیح عرض */
    font-weight: normal !important;
    line-height: 1.5 !important;
}

/* 2. نمایش متن فارسی "بازگرداندن کالای حذف شده" */
a.restore-item::after {
    content: "بازگرداندن کالای حذف شده" !important;
    color: #ffffff !important; /* رنگ متن سفید */
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    white-space: nowrap !important;
    padding: inherit; /* استفاده از padding دکمه والد */
}

/* 3. تغییر رنگ دکمه در حالت هاور */
a.restore-item:hover {
    background-color: #00785D !important;
}

/* تغییر استایل کلی پیام اطلاع‌رسانی ووکامرس */
.woocommerce-MyAccount-content .woocommerce-info {
    background-color: #DDA827 !important; /* رنگ پس‌زمینه */
    border-color: #DDA827 !important; /* رنگ حاشیه */
    border-left-color: #00785D !important; /* رنگ نوار کناری */
    color: white !important; /* رنگ متن */
    border-radius: 5px !important; /* گوشه‌های گرد */
    padding: 15px !important;
}

/* تغییر استایل لینک/دکمه داخل پیام */
.woocommerce-MyAccount-content .woocommerce-info a.button.wc-forward {
    background-color: #00785D !important; /* رنگ دکمه */
    color: #ffffff !important; /* رنگ متن دکمه */
    border: none !important;
    padding: 8px 15px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-weight: bold !important;
}

/* تغییر رنگ دکمه در حالت هاور (هوور) */
.woocommerce-MyAccount-content .woocommerce-info a.button.wc-forward:hover {
    background-color: #09414a !important;
}

/* نمایش متن فارسی و تنظیم استایل اصلی دکمه */
button.show-password-input {
    background-color: #00785D !important;
    color: #ffffff !important;
    border: none !important;
    padding: 8px 15px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    font-size: 14px !important;
    min-width: 120px !important; /* عرض حداقلی برای دکمه */
    position: relative !important; /* مهم برای جایگزینی متن */
    text-align: center !important;
}

/* پنهان کردن آیکون پیش‌فرض (اگر وجود داشت) */
button.show-password-input::before {
    display: none !important;
}

/* ایجاد و نمایش متن فارسی "نمایش رمز عبور" */
button.show-password-input::after {
    content: "نمایش رمز عبور" !important;
    display: inline-block !important;
}

/* تغییر استایل در حالت هاور */
button.show-password-input:hover {
    background-color: #00785D !important;
	color : #DDA827 !important;
}
}

/* حذف آیکون از پیام woocommerce-info در پنل کاربری */
.woocommerce-MyAccount-content .woocommerce-info {
    background-image: none !important;
    padding-right: 15px !important; /* تنظیم فاصله برای متن فارسی */
    padding-left: 15px !important;
}

/* اگر آیکون از طریق ::before اضافه شده باشد */
.woocommerce-MyAccount-content .woocommerce-info::before {
    display: none !important;
    content: '' !important;
}

@font-face {
  font-family: 'Gandom';
  src: url('/wp-content/uploads/2024/05/Gandom-FD.woff2') format('woff2'),
       url('/wp-content/uploads/2024/05/Gandom-FD.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;

  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
  size-adjust: 100%;
}

.woocommerce div.product div.images img,
.woocommerce-product-gallery img {
  aspect-ratio: 1 / 1;
  width: 100%;
  height: auto;
  display: block;
}