/*

Theme Name: Hello Elementor Child

Theme URI: https://elementor.com/

Description: A child theme for Hello Elementor

Author: Soroosh Taqiabadi

Template: hello-elementor

Version: 1.0.3

Text Domain: hello-child

/* =========================
   YekanBakh Local Fonts
   ========================= */

@font-face {
  font-family: 'YekanBakh';
  src: url('/wp-content/uploads/2025/12/YekanBakhFaNum-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'YekanBakh';
  src: url('/wp-content/uploads/2025/12/YekanBakhFaNum-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'YekanBakh';
  src: url('/wp-content/uploads/2025/12/YekanBakhFaNum-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

/* ساختار پایه بدون دستکاری خطرناک در فلکس */
html,
body {
  margin: 0;
  padding: 0;
  background: #F8F5EA;
  min-height: 100%;
  overflow-x: hidden;
}

body {
  font-family: 'YekanBakh', sans-serif;
  padding-bottom: calc(var(--bottom-safe-space, 0px) + env(safe-area-inset-bottom, 0px)) !important;
  overflow-x: hidden;
} 

/* هدر */
.elementor-location-header {
  position: relative;
}

.elementor-location-header::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -200px;
  height: 200px;
  background: #f9c531;
  z-index: -1;
  pointer-events: none;
}

/* محتوای اصلی */
main#content {
  margin: 0 auto;
  width: 100%;
  max-width: 1140px;
  padding: 0;
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}

/* WooCommerce Pages Wrapper Padding */
.woocommerce-page main#content,
.woocommerce main#content {
  padding-left: 10px !important;
  padding-right: 10px !important;
  box-sizing: border-box;
  height: 100%;
}

.woocommerce-page .site-main,
.woocommerce-page .elementor-section,
.woocommerce-page .woocommerce,
.woocommerce-page .woocommerce-page {
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
}

/* فوتر */
footer,
.elementor-location-footer {
  position: relative;
  margin-top: 0 !important;
  clear: both;
}

:root{
  --ios-vv-bottom: 0px;       /* مقدار پوشش پایین توسط Safari UI */
  --bottom-safe-space: 0px;   /* رزرو فضای پایین محتوا */
}

/* همه anchor link ها که به سکشن اسکرول می‌کنند */ :target { scroll-margin-top: 110px; /* ارتفاع هدر ثابت */ }

@media (max-width: 768px) {
    :target {
        scroll-margin-top: 70px; /* ارتفاع هدر موبایل */
    }
}

body.home .aiosrs-rating-wrap,
body.front-page .aiosrs-rating-wrap {
    display: none !important;
}

p {
    font-size: calc(0.2vw + 0.75rem);
    margin: 0;
    font-weight: normal;
}

span {
    font-size: calc(0.2vw + 0.75rem);
    margin: 0 !important; 
    font-weight: normal;
}

label, a {
    font-size: calc(0.2vw + 0.75rem);
    font-weight: normal;
}

a {
    padding:0;
    margin:0;
}

h1 {
    font-size: calc(0.7vw + 1.5rem);
    margin: 0;
    font-weight: 900;
}

h2 {
    font-size: calc(0.6vw + 1.2rem);
    margin: 0;
    font-weight: bold;
    color: #54595F;
}

h3 {
    font-size: calc(0.4vw + 1rem);
    margin: 0;
    font-weight: bold;
}

.elementor-button {
    transition:0.3s;
}

.woocommerce-account .page-header h1.entry-title {
    display: none !important;
}

.woocommerce-account .page-header {
    margin: 0;
    padding: 0;
}

.woocommerce .woocommerce-breadcrumb {
    margin: 0 !important;
    padding: 0;
}

/* حذف فلش‌ها در کروم، اج و سافاری */
.woocommerce .quantity input[type=number]::-webkit-inner-spin-button,
.woocommerce .quantity input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* حذف فلش‌ها در فایرفاکس */
.woocommerce .quantity input[type=number] {
    -moz-appearance: textfield !important;
    appearance: textfield !important;
}

.comment-form .comment-form-comment {
    order: 2;
}

.comment-form .comment-form-images {
    order: 3;
}

/* استایل دکمه سفارشی */
input#submit.submit {
    background: #34180a;
    color: #fff;
    border-radius: 10px;
    border: none;
}

input#submit.submit:hover {
    background: #f9c531;
    color: #34180a;
}

#submit.custom-button:active {
    transform: translateY(0);
}

/* تغییر ترتیب المان‌ها در فرم */
.comment-form {
    display: flex;
    flex-direction: column;
}

.comment-form > p {
    margin-bottom: 15px;
    order:4;
}

p.logged-in-as {
    order: 1;
}

@media (min-width: 1200px) {

    .site-footer .footer-inner,
    .site-footer:not(.dynamic-footer),
    .site-header .header-inner,
    .site-header:not(.dynamic-header),
    body:not([class*=elementor-page-]) .site-main {
        max-width: 1140px !important;
    }
}

@media (min-width: 768px) {

    .site-footer .footer-inner,
    .site-footer:not(.dynamic-footer),
    .site-header .header-inner,
    .site-header:not(.dynamic-header),
    body:not([class*=elementor-page-]) .site-main {
        max-width: none ;
             padding: 0 10px !important;
    }
}

@media (min-width: 992px) {

    .site-footer .footer-inner,
    .site-footer:not(.dynamic-footer),
    .site-header .header-inner,
    .site-header:not(.dynamic-header),
    body:not([class*=elementor-page-]) .site-main {
        max-width: none ;
        padding: 0 10px !important;
    }
}

@media (min-width: 576px) {  .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main { max-width: none;
     padding: 0 10px !important;
} }

/* 🔒 فقط برای صفحه حساب کاربری */
@media (max-width: 1024px) {
    body.woocommerce-account {
    
      /* سه سکشن اول مخفی بشن */
      .elementor-element-40b6ed49,
      .elementor-element-6623c18b,
      .elementor-element-505eada7 {
        display: none !important;
      }
    
      /* سکشن 142aadd9 نمایش داده بشه */
      .elementor-element-b96fd2a {
        display: flex !important;
        margin-top: 20px;
            --justify-content:center !important;
      }
    
      /* ولی فقط ویجت social-icons داخلش پنهان بشه */
      .elementor-element-b96fd2a .elementor-element-3f8ddf4f {
        display: none !important;
      }
    
      /* سکشن آخر هم (1667dbf) نمایش داده بشه */
      .elementor-element-640baf5a {
        display: flex !important;
      }
    }
}

.single-product .elementor-element-640baf5a {
  display: none !important;
}

@media (max-width:1024px) {

  body.single-product.pricebar-ended .elementor-element-640baf5a {
    display: block !important;
  }

  body.single-product.pricebar-ended .elementor-element-640baf5a .ash-bottom-nav {
    display: flex !important;
  }

  body.single-product:not(.pricebar-ended) .elementor-element-640baf5a {
    display: none !important;
  }
}
    
.single-product .ash-bottom-nav,
.single-product .elementor-element-640baf5a{
    transition: all .3s ease;
    will-change: transform, opacity;
}   

.elementor-element-640baf5a,
.elementor-element-640baf5a *{
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

.elementor-element-640baf5a a{
  outline:none !important;
}

body {
  --sb-track-color: #f5f5f7;
  --sb-thumb-color: #f9c531;
  --sb-size: 14px;
}

body::-webkit-scrollbar {
  width: var(--sb-size);
}

body::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 20px 0px 0px 20px;
  border: 2px solid transparent !important; /* ایجاد فاصله از چهار طرف */
  box-shadow: inset 2px 2px 0 rgba(0, 0, 0, 0), /* فاصله از بالا و چپ */
              inset -2px -2px 0 rgba(0, 0, 0, 0) !important; /* فاصله از پایین و راست */
}

body::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 20px;
  width: 10px !important; /* کوچکتر از track برای ایجاد فاصله */
  height: 50px !important; /* اندازه دلخواه */
  margin: 2px !important; /* ایجاد فاصله از چهار طرف */
}

@supports not selector(::-webkit-scrollbar) {
  body {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}

.page-header .entry-title, 
.site-footer .footer-inner, 
.site-footer:not(.dynamic-footer), 
.site-header .header-inner, 
.site-header:not(.dynamic-header), 
body:not([class*=elementor-page-]) .site-main {
    max-width: 1140px !important;
}


#account_display_name_description em {
    font-style: normal !important;
    font-size: calc(0.3vw + 8px) !important;
}

h1.entry-title {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    padding-bottom: 5px;
    border-bottom: 2px solid #f9c531;
    width: fit-content !important;
    margin-right: 0 !important;  /* 👈 حذف فاصله از راست */
    margin-left: auto !important; /* 👈 جلوگیری از مرکز شدن */
    text-align: right !important; /* 👈 محتوا راست‌چین */
}

/* ----------------------------------------------------------------------------
/* مخصوص صفحه ویرایش حساب کاربری */

/* فیلدهای فرم */
body.woocommerce-edit-account form.woocommerce-EditAccountForm input,
body.woocommerce-edit-account form.woocommerce-EditAccountForm select {
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 10px;
    width: 100%;
    margin-bottom: 15px;
    font-family: "YekanBakh", sans-serif;
}

/* دکمه ذخیره */
body.woocommerce-edit-account form.woocommerce-EditAccountForm button.woocommerce-Button {
    padding: 10px 25px;
    border-radius: 10px;
    background-color: #43180a !important;
    color:#fff !important;
    display:flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.3s;
    margin-top: 10px;
}
body.woocommerce-edit-account form.woocommerce-EditAccountForm button.woocommerce-Button:hover {
   color: #212121 !important;
   background-color: #f9c531 !important;
}

@media (max-width: 1025px) {
    body.woocommerce-edit-account form.woocommerce-EditAccountForm button.woocommerce-Button {
        width: 100%;
    }
}

/* حذف فلش‌ها در کروم، اج و سافاری */
.woocommerce .quantity input[type=number]::-webkit-inner-spin-button,
.woocommerce .quantity input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* حذف فلش‌ها در فایرفاکس */
.woocommerce .quantity input[type=number] {
    -moz-appearance: textfield !important;
    appearance: textfield !important;
}

/* =========================================================
   Reviews / Comments (Hello Elementor / WP default markup)
   Works for first load + AJAX loaded pages
   ========================================================= */

/* ---------- Reviews title / stars / form order (همان قبلی، تمیز شده) ---------- */
.woocommerce-Reviews-title{display:none !important;}

.woocommerce .star-rating span{color:#f9c531 !important;}
.woocommerce .star-rating::before{display:none !important;}
.woocommerce p.stars a{color:#f9c531 !important;}

.woocommerce-Reviews #reviews,
div#reviews{
  display:flex !important;
  flex-direction:column;
  gap:10px;
}
.woocommerce-Reviews #review_form_wrapper{
    order:1 !important;
    padding: 10px !important;
    border: 1px solid #ddd !important;
    border-radius: 20px !important;
    background: #F8F5EA !important;
}
.woocommerce-Reviews #comments{order:2 !important;}

.woocommerce-Reviews #commentform{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.woocommerce-Reviews #commentform p.comment-form-comment{order:1;margin:0 !important;}
.woocommerce-Reviews #commentform p.comment-form-images{order:2;}
.woocommerce-Reviews #commentform .comment-form-rating{order:3;margin:0 !important;}
.woocommerce-Reviews #commentform p.form-submit{order:4;margin:0 !important;}

.woocommerce-Reviews #commentform input#submit{
  background-color:#34180a !important;
  color:#fff !important;
  border-radius:10px !important;
  padding:10px 25px !important;
  width: 100%;
}
.woocommerce-Reviews #commentform input#submit:hover{
  background-color:#f9c351 !important;
  color:#34180a !important;
}
.woocommerce-Reviews #commentform span.required{color:#ff4e00;}

p.comment-form-attachment{display:none;}

/* ---------- AJAX loading ---------- */
#ash-comments-wrap.is-loading{
  opacity:.55;
  pointer-events:none;
  transition:opacity .2s ease;
}

/* =========================================================
   Comments list base (WP default)
   ========================================================= */
#reviews #comments,
#comments{
  direction: rtl;
}

#reviews #comments ol.commentlist,
#comments ol.comment-list,
#comments ol.commentlist{
  list-style:none;
  margin:0 !important;
  padding:0 !important;
}

#reviews #comments ol.commentlist > li,
#comments ol.comment-list > li,
#comments ol.commentlist > li{
  margin:0 0 14px !important;
  padding:0 !important;
}

/* =========================================================
   Comment item layout (based on your real markup)
   article.comment-body > footer.comment-meta + .comment-content + .reply
   ========================================================= */
#reviews #comments article.comment-body,
#comments article.comment-body{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:12px 14px;
  border:1px solid rgba(0,0,0,.06);
  border-radius:20px;
  background:#fff;
}

/* Header/meta row */
#reviews #comments .comment-meta,
#comments .comment-meta{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}

/* Author block (avatar + name) */
#reviews #comments .comment-author,
#comments .comment-author{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

#reviews #comments .comment-author img.avatar,
#comments .comment-author img.avatar{
  width:42px;
  height:42px;
  border-radius:50%;
  flex:0 0 42px;
  margin:0 !important;
  float:none !important;
}

#reviews #comments .comment-author .fn,
#comments .comment-author .fn{
  font-weight:700;
  display:inline-block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#reviews #comments .comment-author .says,
#comments .comment-author .says{
  opacity:.6;
  font-size:12px;
}

/* Date + edit */
#reviews #comments .comment-metadata,
#comments .comment-metadata{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:4px;
  flex:0 0 auto;
}

#reviews #comments .comment-metadata a,
#comments .comment-metadata a{
  text-decoration:none;
}

#reviews #comments .comment-metadata time,
#comments .comment-metadata time{
  font-size:12px;
  opacity:.75;
  white-space:nowrap;
}

#reviews #comments .comment-metadata .edit-link a,
#comments .comment-metadata .edit-link a{
  font-size:12px;
  opacity:.75;
}

/* Content */
#reviews #comments .comment-content,
#comments .comment-content{
  display:block;
}

#reviews #comments .comment-content p,
#comments .comment-content p{
  margin:0 0 8px !important;
}
#reviews #comments .comment-content p:last-child,
#comments .comment-content p:last-child{
  margin-bottom:0 !important;
}

/* Attachment image inside comment-content */
#reviews #comments .comment-content p.dco-attachment.dco-image-attachment,
#comments .comment-content p.dco-attachment.dco-image-attachment{
  margin:10px 0 0 !important;
  padding:0 !important;
  max-width:240px;     /* موبایل مناسب */
}

#reviews #comments .comment-content p.dco-attachment.dco-image-attachment img,
#comments .comment-content p.dco-attachment.dco-image-attachment img{
  display:block;
  width:100%;
  height:auto;
  border-radius:10px;
}

/* Reply link */
#reviews #comments .reply,
#comments .reply{
  margin-top:2px;
}

#reviews #comments .reply a.comment-reply-link,
#comments .reply a.comment-reply-link{
  display:inline-block;
  font-size:12px;
  padding:6px 10px;
  border-radius:10px;
  background:rgba(52,24,10,.07);
  color:#34180a;
  text-decoration:none;
}
#reviews #comments .reply a.comment-reply-link:hover,
#comments .reply a.comment-reply-link:hover{
  background:rgba(52,24,10,.12);
}

#comments .comment .avatar, #comments .pingback .avatar {
    position: relative !important;
}

#reviews #comments .comment-author .says, #comments .comment-author .says {display: none !important;}

a.comment-reply-login {
    color: #2196F3 !important;
}

#comments .comment .comment-body, #comments .pingback .comment-body {
	    padding-inline-end: 30px !important;
}	
/* =========================================================
   Threaded replies (children) - پله‌ای
   ========================================================= */
#reviews .commentlist > li ul.children,
#comments .comment-list li ul.children,
#comments .commentlist li ul.children{
  margin-top:10px !important;
  padding:0 18px 0 0 !important;
  border-right:2px solid rgba(0,0,0,.08);
}

#reviews .commentlist > li ul.children > li,
#comments .comment-list li ul.children > li,
#comments .commentlist li ul.children > li{
  position:relative;
  margin-top:10px !important;
}

#reviews .commentlist > li ul.children > li:before,
#comments .comment-list li ul.children > li:before,
#comments .commentlist li ul.children > li:before{
  content:"";
  position:absolute;
  right:-18px;
  top:22px;
  width:14px;
  height:2px;
  background:rgba(0,0,0,.08);
}

/* =========================================================
   AJAX Pagination (page-numbers output)
   ========================================================= */
.ash-ajax-mark {
    display: none;
}   
   
#comments .ash-comments-pagination{
  display:flex;
  justify-content:center;
  gap:6px;
  margin:14px 0 0;
  direction:rtl;
}

#comments .ash-comments-pagination .page-numbers{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  height:34px;
  padding:0 10px;
  border-radius:10px;
  background:transparent;
  color:#7a7a7a;
  text-decoration:none;
  line-height:1;
}

#comments .ash-comments-pagination a.page-numbers:hover{color:#212121;}

#comments .ash-comments-pagination .page-numbers.current{
  background:#34180a;
  color:#f9c531;
}

#comments .ash-comments-pagination .page-numbers.dots{
  min-width:auto;
  padding:0 6px;
  opacity:.7;
  cursor:default;
  user-select:none;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
    border-radius: 20px !important;
    padding: 12px 14px !important;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text.description {
    display: flex;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p {
    width: 100%;
    flex: 2;
}

img.dco-comment-image {
    border-radius: 10px !important;
    
}

.woocommerce #reviews #comments ol.commentlist li .dco-attachment {
    text-align: end !important;
}

#comments .children {
    margin-top: 20px !important;
}

/* Loading overlay + spinner for AJAX comments */
#ash-comments-wrap{
  position: relative;
}

#ash-comments-wrap.is-loading::before{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(255,255,255,.65);
  border-radius: 16px;
  z-index: 20;
}

#ash-comments-wrap.is-loading::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:28px;
  height:28px;
  margin:-14px 0 0 -14px;
  border-radius:50%;
  border:3px solid rgba(52,24,10,.25);
  border-top-color:#34180a;
  animation: ashSpin .8s linear infinite;
  z-index: 21;
}

@keyframes ashSpin{
  to { transform: rotate(360deg); }
}
/* Mobile-proof styles for AJAX pagination */
#comments .ash-comments-pagination,
#reviews #comments .ash-comments-pagination,
.woocommerce-Reviews #comments .ash-comments-pagination{
  display:flex !important;
  justify-content:center !important;
  gap:6px !important;
  flex-wrap:wrap !important;
  margin:14px 0 0 !important;
  direction:rtl !important;
}

#comments .ash-comments-pagination .page-numbers,
#reviews #comments .ash-comments-pagination .page-numbers,
.woocommerce-Reviews #comments .ash-comments-pagination .page-numbers{
  -webkit-appearance:none !important;
  appearance:none !important;
  -webkit-tap-highlight-color: transparent !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  min-width:34px !important;
  height:34px !important;
  padding:0 10px !important;

  border-radius:10px !important;
  background:transparent !important;
  color:#7a7a7a !important;

  text-decoration:none !important;
  line-height:1 !important;
  font-size:14px !important;
}

#comments .ash-comments-pagination .page-numbers.current,
#reviews #comments .ash-comments-pagination .page-numbers.current,
.woocommerce-Reviews #comments .ash-comments-pagination .page-numbers.current{
  background:#34180a !important;
  color:#f9c531 !important;
}

/* =========================================
   FORCE Pagination Styles - iOS WebKit FIX
   ========================================= */

#comments .ash-comments-pagination{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:6px !important;
  margin-top:16px !important;
}

/* مهم: a را block-level کن */
#comments .ash-comments-pagination .page-numbers{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  -webkit-appearance:none !important;
  appearance:none !important;
  -webkit-tap-highlight-color: transparent !important;

  border:none !important;
  outline:none !important;
  box-shadow:none !important;

  min-width:36px !important;
  height:36px !important;
  padding:0 10px !important;

  background:transparent !important;
  color:#7a7a7a !important;

  border-radius:12px !important;
  text-decoration:none !important;

  font-size:14px !important;
  line-height:1 !important;
}

/* حالت فعال */
#comments .ash-comments-pagination .page-numbers.current{
  background:#34180a !important;
  color:#f9c531 !important;
}

/* dots */
#comments .ash-comments-pagination .page-numbers.dots{
  min-width:auto !important;
  padding:0 6px !important;
  opacity:.7 !important;
  pointer-events:none !important;
}

/* جلوگیری از override سافاری */
#comments .ash-comments-pagination a{
  background:none !important;
  border:none !important;
}

#reviews .commentlist .comment-text .description {
  display: flex;
  gap: 10px;
  position: relative;
}

/* حالت عمومی همه کامنت‌ها و پاسخ‌های کاربران */
.woocommerce #reviews #comments ol.commentlist li .comment-text{
    border-radius:20px !important;
    padding:12px 14px !important;
    border:1px solid #e1dde7 !important;
    background:#fff !important;
}

.woocommerce #reviews #comments ol.commentlist li.review.byuser.comment-author-09197381123 > .comment_container > .comment-text{
    background:#f5f5f7 !important;
    border:1px solid #ff4e00 !important;
}

.woocommerce #reviews #comments ol.commentlist li.review.byuser.comment-author-09197381123 > .comment_container .woocommerce-review__author{
    color:#ff4e00 !important;
    font-weight:700 !important;
}

.woocommerce #reviews #comments ol.commentlist li.review.byuser.comment-author-09197381123 > .comment_container .woocommerce-review__author::after{
    content:" مدیر" !important;
    display:inline-flex !important;
    align-items:center !important;
    font-size:11px !important;
    background:#ff4e00 !important;
    color:#fff !important;
    padding:2px 6px !important;
    border-radius:6px !important;
    margin-right:6px !important;
}

img.avatar.avatar-60.photo.admin-avatar {
    border: 1px solid #ff4e00 !important;
    border-radius: 100px !important;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
    padding: 0 !important;
    border: none;
    border-radius: 10px;
}


/* =========================
   Badge مدیر فقط برای استاد فرنود (براساس کلاس واقعی HTML)
   ========================= */

/* پیش‌فرض: هیچ لیبلی روی نام‌ها نباشه */
#reviews #comments .woocommerce-review__author::after{
  content: "" !important;
}

#reviews .ash-admin-badge{
  font-size:11px;
  background:#ff4e00;
  color:#fff;
  padding:2px 6px;
  border-radius:6px;
  margin-right:6px;
  display:inline-flex;
  align-items:center;
}

#reviews ul.children .comment_content {
    padding: 5px 15px;
    background-color: #fdfdfd;
    border-radius: 4px;
    margin: 10px 0;
    border: 1px solid #f3f3f3;
}

#comments .ash-comments-pagination .page-numbers.dots,
#reviews #comments .ash-comments-pagination .page-numbers.dots,
.woocommerce-Reviews #comments .ash-comments-pagination .page-numbers.dots{
  min-width:auto !important;
  padding:0 6px !important;
  opacity:.7 !important;
  cursor:default !important;
  user-select:none !important;
}

/* =========================================================
   Keep Woo shop pagination styles (اگر جای دیگری استفاده می‌کنی)
   ========================================================= */
.woocommerce nav.woocommerce-pagination ul{
  border:none !important;
  color:#7a7a7a;
}
.woocommerce nav.woocommerce-pagination ul li{
  border-left:none !important;
  padding:0 5px;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
  color:#7a7a7a;
  background:transparent;
  border-radius:10px;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span:hover{
  color:#212121;
  background:transparent;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current{
  background:#34180a;
  color:#f9c531;
}

.ash-comment-actions{
    display:flex;
    align-items:flex-end;
    gap:8px;
    margin-top:10px;
    flex-wrap:wrap;
}

.ash-comment-actions .ash-comment-reply-btn,
.ash-comment-vote {
    border: 0 !important;
    background: #ccc !important;
    color: #212121 !important;
    border-radius: 10px !important;
    padding: 6px 10px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    cursor: pointer;
    text-decoration: none;
    min-height: 30px !important;
    display:flex;
    align-items:center;
    justify-content: center;
    align-self: stretch;
}

.ash-comment-vote,
.ash-comment-reply-btn{
    -webkit-appearance:none;
    appearance:none;
}

.ash-comment-vote,
.ash-comment-reply-btn{
    box-sizing:border-box;
}

.ash-comment-vote i,
.ash-comment-reply-btn i{
    line-height:1;
    display:inline-block;
    margin-left: 5px;
}

.ash-comment-actions .ash-comment-reply-btn:hover,
.ash-comment-vote:hover:not(:disabled):not(.disabled) {
    background: #212121 !important;
    color: #ccc !important;
}

/* استایل فعال برای لایک - بدون توجه به disabled */
.ash-comment-vote.active.ash-like,
.ash-comment-vote.ash-like.active {
    background: #59ac77 !important;
    color: #fff !important;
}

/* استایل فعال برای دیسلیک - بدون توجه به disabled */
.ash-comment-vote.active.ash-dislike,
.ash-comment-vote.ash-dislike.active {
    background: #f44e00 !important;
    color: #fff !important;
}

/* استایل غیرفعال (اولویت کمتر از active) */
.ash-comment-vote.disabled,
.ash-comment-vote:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* جلوگیری از رویداد pointer روی دکمه غیرفعال */
.ash-comment-vote.disabled,
.ash-comment-vote:disabled {
    pointer-events: none;
}

/* اطمینان از اینکه disabled با active همزمان، opacity را حفظ کند */
.ash-comment-vote.active.disabled,
.ash-comment-vote.active:disabled {
    opacity: 0.6;
    pointer-events: none;
}

#ash-cancel-reply{
    font-size:13px;
    margin-right:10px;
    color:#ff4e00;
    text-decoration:none;
}

#respond.ash-reply-mode{
    margin-top:14px;
    padding:14px;
    border:1px dashed #ff4e00;
    border-radius:16px;
    background:#fff8e5;
}

.comment-respond.ash-reply-mode form.comment-form {
    padding-bottom: 20px !important;
}

.ash-comment-vote:disabled{
    opacity:.5;
    cursor:not-allowed;
}


.comments-area {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}


#comments .comment-author, #comments .comment-metadata {
    line-height: 1;
    margin-left: 20px !important;
}

#comments .comment-author, #comments .comment-metadata a {
    color: #2196F3 !important;
}

#comments .comment-author, #comments .comment-metadata a:hover {
    color: #f9c531 !important;
}

/* استایل های صفحه اصلی سایت */
.home-testimonial .uc_quote_info {
    min-height: 390px;
}

.home-testimonial .uc_quote_info .ue-text {
    padding-right: 10px;
    padding-left: 30px;
}

@media only screen and (max-width: 1024px) {
    .home-testimonial .uc_quote_info {
        min-height: 320px !important;
    }
}

@media only screen and (max-width: 768px) {
    .home-testimonial .uc_quote_info {
        min-height: 360px !important;
    }
}

.home-offer .offer-heading
{ color:#f9c531 !important; font-size:44px;  font-weight: 900 !important; display:inline; }

@media only screen and (max-width: 768px) {
  .home-offer .offer-heading
    {  font-size:24px !important; }
}
.home-offer  {
animation: pulse-new 2s ease infinite;
}
.home-offer:hover {
  animation-play-state:  paused;
}

@keyframes pulse-new{
    0%{
    transform:scale(1);
    }
    
    
    50%{
    transform:scale(0.9);
    }
}

.home-offer-bottom {
 --r: 25px; /* cut size */
  height: 150px !important;
  aspect-ratio: 1.2;
  mask: radial-gradient(var(--r) at var(--r),#0000 calc(100% - 1px),#000) calc(-1*var(--r));
}

@media only screen and (max-width: 768px) {
  .home-offer-bottom {
   --r: 15px; /* cut size */
    height: 120px !important;
    aspect-ratio: 1;
  }

}

.home-customer-carousel .swiper-wrapper {
      -webkit-transition-timing-function: linear !important;
      -moz-transition-timing-function: linear !important;
      -o-transition-timing-function: linear !important;
      transition-timing-function: linear !important; 
}
.home-customer-carousel img.swiper-slide-image {
    border-radius: 10px !important;
    mix-blend-mode: screen;
}

.home-customer-carousel .swiper-zoom-container img {
    border-radius: 10px !important;
}

.home-off-carousel .ue-title {
    -webkit-line-clamp: 1 !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
}

@media only screen and (min-width: 768px) {
  
.home-off {
      --r: 20px; /* the radius */
      --s: 30px; /* size of inner curve */
      --x: 20px; /* horizontal offset (no percentage) */
      --y: 10px; /* vertical offset (no percentage) */
      
    
      aspect-ratio: 1;
      background: #f9c531;
      border-radius: var(--r);
      --_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%);
      --_g:conic-gradient(at calc(100% - var(--r)) var(--r),#0000 25%,#000 0);
      --_d:(var(--s) + var(--r));
      mask:
        calc(100% - var(--_d) - var(--x)) 0 var(--_m),
        100% calc(var(--_d) + var(--y)) var(--_m),
        radial-gradient(var(--s) at 100% 0,#0000 99%,#000 calc(100% + 1px)) 
         calc(-1*var(--r) - var(--x)) calc(var(--r) + var(--y)),
        var(--_g) calc(-1*var(--_d) - var(--x)) 0,
        var(--_g) 0 calc(var(--_d) + var(--y));
      mask-repeat: no-repeat;
    }
}

@media only screen and (max-width: 768px) { 
    .home-off {
        background-color: #f9c351 !important;
        border-radius: 15px !important;
         --r: 15px;  /* control the rounded part */
      --s: 22px;  /* control the size of the cut */
      --a: 35deg; /* control the depth of the curvature */
      --p: 50%;   /* control the position */
    
      border-radius: var(--r);
      --_m:calc(100% - var(--r)),#000 calc(100% - 1px),#0000;
  --_d:(var(--s) + var(--r))*cos(var(--a));
  mask:
    radial-gradient(var(--r) at calc(var(--p) + var(--_d)) var(--_m)),
    radial-gradient(var(--r) at calc(var(--p) - var(--_d)) var(--_m)),
    radial-gradient(var(--s) at var(--p) calc(100% + sin(var(--a))*var(--s)),
      #0000 100%,#000 calc(100% + 1px)) 0 calc(var(--r)*(sin(var(--a)) - 1)) no-repeat,
    linear-gradient(90deg,#000 calc(var(--p) - var(--_d)),#0000 0 calc(var(--p) + var(--_d)),#000 0);
        width: calc(100% - 10px);
    }
}    

@media only screen and (max-width: 768px) {
    .home-off-button a.elementor-button.elementor-button-link.elementor-size-sm {
        padding: 0 !important;
    }
}   

@media only screen and (min-width: 768px) {
    .home-off-button a.elementor-button.elementor-button-link.elementor-size-sm {
        background-color: #34180a;
        color: #fff;
    }
    .home-off-button a.elementor-button:hover, .home-off-button a.elementor-button:focus {
        color: #f9c531 !important;
        background-color: #34180a !important;
    }
    .home-off-button a.elementor-button .elementor-button-icon svg {
        fill: #fff;
    }
    .home-off-button a.elementor-button:hover .elementor-button-icon svg,
    .home-off-button a.elementor-button:hover .elementor-button-icon svg path,
    .home-off-button a.elementor-button:focus .elementor-button-icon svg,
    .home-off-button a.elementor-button:focus .elementor-button-icon svg path {
        fill: #f9c531 !important;
    }

}

@media only screen and (min-width: 768px) {
  
.home-off-title .elementor-heading-title {
  color: #34180a !important;
  }
}

@media (max-width:768px) {
  .home-off-title .elementor-heading-title .ash-br {
    display:none;
  }
}

.home-blog .uc_dark_carousel_content {
    min-height: 180px !important;
    justify-content: flex-start !important;
}

.home-blog .ue-title {
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.home-blog .uc_dark_carousel_content p {
    color: var(--e-global-color-text);
    margin-top: 10px;
    min-height: 0px;
    text-align: justify;
    width: 80%;
    padding-right: 15px
}

@media (max-width: 767px) {
    .home-blog .uc_dark_carousel_content {
    min-height: 180px !important;
    justify-content: flex-start !important;
    }
}

@media only screen and (max-width: 768px) {
  
.home-faq {
      --r: 20px; /* the radius */
      --s: 20px; /* size of inner curve */
      --x: 20px; /* horizontal offset (no percentage) */
      --y: 10px; /* vertical offset (no percentage) */
      border-radius: var(--r);
    --_m: /calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%);
    --_g: conic-gradient(at var(--r) var(--r), #000 75%, #0000 0);
    --_d: (var(--s) + var(--r));
    mask: calc(var(--_d) + var(--x)) 0 var(--_m), 0 calc(var(--_d) + var(--y)) var(--_m), radial-gradient(var(--s) at 0 0, #0000 99%, #000 calc(100% + 1px)) calc(var(--r) + var(--x)) calc(var(--r) + var(--y)), var(--_g) calc(var(--_d) + var(--x)) 0, var(--_g) 0 calc(var(--_d) + var(--y));
    mask-repeat: no-repeat;
    }
}

.home-faq-img {
 --r: 10px;  /* control the rounded part */
  --s: 40px;  /* control the size of the cut */
  --a: 20deg; /* control the depth of the curvature */
  --p: 50%;   /* control the position */

  border-radius: var(--r);
  --_m:var(--r),#000 calc(100% - 1px),#0000;
  --_d:(var(--s) + var(--r))*cos(var(--a));
  mask:
    radial-gradient(var(--r) at calc(var(--p) + var(--_d)) var(--_m)),
    radial-gradient(var(--r) at calc(var(--p) - var(--_d)) var(--_m)),
    radial-gradient(var(--s) at var(--p) calc(-1*sin(var(--a))*var(--s)),
      #0000 100%,#000 calc(100% + 1px)) 0 calc(var(--r)*(1 - sin(var(--a)))) no-repeat,
    linear-gradient(90deg,#000 calc(var(--p) - var(--_d)),#0000 0 calc(var(--p) + var(--_d)),#000 0);
}

.woocommerce table.shop_table {
    margin: 0 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}