.elementor-kit-6{--e-global-color-primary:#FFC20F;--e-global-color-secondary:#000000;--e-global-color-text:#808080;--e-global-color-accent:#FFC20F;--e-global-color-cf3db9c:#FFFFFF;--e-global-color-4e68d0c:#F2F2F2;--e-global-typography-primary-font-family:"Rokh";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Rokh";--e-global-typography-secondary-font-weight:normal;--e-global-typography-text-font-family:"Rokh";--e-global-typography-text-font-weight:600;--e-global-typography-accent-font-family:"Rokh";--e-global-typography-accent-font-weight:800;--e-global-typography-c3f1921-font-family:"Rokh";--e-global-typography-c3f1921-font-weight:100;--e-global-typography-dbb809d-font-family:"Rokh";--e-global-typography-dbb809d-font-weight:200;--e-global-typography-f27487d-font-family:"Rokh";--e-global-typography-f27487d-font-weight:300;--e-global-typography-68a5748-font-family:"Rokh";--e-global-typography-68a5748-font-weight:400;--e-global-typography-6412a7f-font-family:"Rokh";--e-global-typography-6412a7f-font-weight:500;--e-global-typography-9e97392-font-family:"Rokh";--e-global-typography-9e97392-font-weight:600;--e-global-typography-c4e69e7-font-family:"Rokh";--e-global-typography-c4e69e7-font-weight:700;--e-global-typography-56a21c1-font-family:"Rokh";--e-global-typography-56a21c1-font-weight:800;--e-global-typography-6b5337f-font-family:"Rokh";--e-global-typography-6b5337f-font-weight:900;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}body.e-wc-error-notice .woocommerce-error, body.e-wc-error-notice .wc-block-components-notice-banner.is-error{background-color:var( --e-global-color-cf3db9c );border-style:none;}body.e-wc-message-notice .woocommerce-message, body.e-wc-message-notice .wc-block-components-notice-banner.is-success{background-color:var( --e-global-color-cf3db9c );border-style:none;}body.e-wc-message-notice .woocommerce-message .button, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .button{background-color:var( --e-global-color-primary );background-image:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}body.e-wc-message-notice .woocommerce-message .button:hover, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .button:hover{background-color:var( --e-global-color-4e68d0c );background-image:var( --e-global-color-4e68d0c );}body.e-wc-info-notice .woocommerce-info, body.e-wc-info-notice .wc-block-components-notice-banner.is-info{background-color:var( --e-global-color-cf3db9c );border-style:none;}body.e-wc-info-notice .woocommerce-info .button, body.e-wc-info-notice .wc-block-components-notice-banner.is-info .button{background-color:var( --e-global-color-primary );background-image:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}body.e-wc-info-notice .woocommerce-info .button:hover, body.e-wc-info-notice .wc-block-components-notice-banner.is-info .button:hover, body.e-wc-info-notice .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-info .woocommerce-Button:hover, body.e-wc-info-notice .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .wc-block-components-notice-banner.is-info .woocommerce-Button:hover{background-color:var( --e-global-color-4e68d0c );background-image:var( --e-global-color-4e68d0c );}.elementor-kit-6 a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-6 h1{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-6 h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-6 h3{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-6 h4{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-6 h5{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-6 h6{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.e-wc-error-notice .woocommerce-error, .e-wc-error-notice .wc-block-components-notice-banner.is-error{--error-message-text-color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );--error-message-icon-color:var( --e-global-color-primary );--error-message-normal-links-color:var( --e-global-color-accent );--error-message-hover-links-color:var( --e-global-color-secondary );box-shadow:0px 5px 50px 0px rgba(0, 0, 0, 0.13);--error-box-border-radius:30px 30px 30px 30px;}body.e-wc-error-notice .woocommerce-error a.wc-backward, body.e-wc-error-notice .wc-block-components-notice-banner.is-error a.wc-backward{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.e-wc-message-notice .woocommerce-message, .e-wc-message-notice .wc-block-components-notice-banner.is-success{--message-message-text-color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );--message-message-icon-color:var( --e-global-color-primary );box-shadow:0px 5px 50px 0px rgba(0, 0, 0, 0.129);--message-box-border-radius:30px 30px 30px 30px;--message-buttons-normal-text-color:var( --e-global-color-cf3db9c );--message-buttons-hover-text-color:var( --e-global-color-secondary );--message-border-type:none;--message-buttons-border-radius:30px 30px 30px 30px;--message-buttons-padding:8px 10px 4px 10px;}body.e-wc-message-notice .woocommerce-message .restore-item, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .restore-item, body.e-wc-message-notice .woocommerce-message a:not([class]), body.e-wc-message-notice .wc-block-components-notice-banner.is-success a:not([class]){font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.e-wc-message-notice .woocommerce-message .restore-item, .e-wc-message-notice .wc-block-components-notice-banner.is-success .restore-item, .e-wc-message-notice .woocommerce-message a:not([class]), .e-wc-message-notice .wc-block-components-notice-banner.is-success a:not([class]){--notice-message-normal-links-color:var( --e-global-color-primary );}.e-wc-info-notice .woocommerce-info, .e-wc-info-notice .wc-block-components-notice-banner.is-info{--info-message-text-color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );--info-message-icon-color:var( --e-global-color-primary );box-shadow:0px 5px 50px 0px rgba(0, 0, 0, 0.13);--info-box-border-radius:30px 30px 30px 30px;--info-buttons-normal-text-color:var( --e-global-color-cf3db9c );--info-buttons-hover-text-color:var( --e-global-color-secondary );--info-border-type:none;--info-buttons-border-radius:30px 30px 30px 30px;--info-buttons-padding:8px 10px 04px 10px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* product order */
.active a{
    padding: 5px 5px;
    background: #FFC20F;
    color: #fff !important;
    border-radius: 12px;
}

/* رنگ فیلتر قیمت*/
.price_slider{
    background-color: #F2F2F2 !important;
}
.price_slider *{
    background-color: #FFC20F !important;
}
.price_slider_amount .price_label *{
    color: #000 !important;
    font-weight: 600;
}
.price_slider_amount button{
    background-color: #FFC20F !important;
    border-radius: 30px !important;
    color: #fff !important;
}

/* =========================================
   استایل دهی کامنت های وردپرس (دقیقاً مشابه تصویر ارسالی)
   ========================================= */

:root {
    --card-bg: #ffffff;
    --card-border: #f0f0f0;         /* رنگ حاشیه خیلی کمرنگ */
    --card-radius: 30px;            /* گردی زیاد گوشه ها */
    --gray-badge-bg: #f2f2f2;       /* رنگ پس زمینه نام و دکمه پاسخ */
    --text-main: #333333;
    --text-meta: #888888;           /* رنگ تاریخ */
    --like-color: #ffc107;          /* زرد برای دکمه لایک */
    --dislike-color: #ffc107;       /* زرد برای دکمه دیس لایک */
    --link-color: #FFC20F;          /* رنگ لینک‌ها */
}

/* 1. ریست کردن لیست */
.comment-list, .comment-list ul, .comment-list li {
    list-style: none !important;
    padding: 0;
    margin: 0;
}

/* 2. فاصله بین کامنت ها */
.comment-list > li {
    margin-bottom: 30px;
}
.comment-list > li > ol{
    margin: 10px 0 !important;
}

/* 3. بدنه اصلی کارت کامنت */
.comment-body {
    background: var(--card-bg);
    border: 3px solid var(--card-border) !important;
    border-radius: var(--card-radius);
    padding: 25px 30px;
    position: relative;
    display: flex;
    flex-direction: column;
}

/* 4. حذف آواتار (طبق تصویر شما) */
.comment-body .avatar {
    display: none !important;
}

/* 5. هدر کامنت (نام و تاریخ) */
.comment-meta {
    display: flex;
    align-items: center;
    justify-content: space-between; /* پخش کردن در عرض */
    margin-bottom: 20px;
    direction: ltr; /* طبق کد شما */
    gap: 15px;
}
.comment-meta .says{
    display: none;
}

/* نام نویسنده - کادر طوسی */
.comment-author {
    order: 2; /* سمت راست بماند */
}

.comment-author cite, 
.comment-author b {
    font-style: normal;
    background-color: var(--gray-badge-bg);
    padding: 15px 25px;
    border-radius: 50px; /* کپسولی */
    color: #555;
    font-weight: bold;
    font-size: 1.1rem;
    display: inline-block;
}

/* رنگ لینک نام نویسنده (زرد) */
.comment-author a {
    color: #888;
    text-decoration: none;
}

/* تاریخ - سمت چپِ نام */
.comment-metadata {
    order: 1; /* سمت چپ برود */
    margin-left: auto; /* هل دادن به چپ */
    font-size: 0.85rem !important;
    font-weight: 600;
}

/* رنگ لینک تاریخ (زرد) */
.comment-metadata a {
    color: #888 !important;
    text-decoration: none;
}

/* 6. متن کامنت */
.comment-content p {
    font-size: 1rem;
    line-height: 1.5;
    color: #666;
    text-align: justify;
    margin-bottom: 20px;
    direction: rtl;
    font-weight: 600;
}

/* لینک‌های داخل متن کامنت (زرد) */
.comment-content a {
    color: var(--link-color) !important;
}

/* 7. فوتر کامنت (دکمه پاسخ و لایک‌ها) */
/* ما فرض می‌کنیم دکمه پاسخ و لایک‌ها در یک ردیف هستند */
.reply {
    display: flex;
    align-items: center;
    justify-content: flex-start; /* فاصله بین دکمه پاسخ و لایک */
    width: 100%;
    direction: ltr;
    padding-left: 20px;
    gap: 20px;
}

/* دکمه "پاسخ به دیدگاه" */
.comment-reply-link {
    background-color: var(--gray-badge-bg);
    color: #666 !important;
    padding: 8px 25px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 0.85rem;
    transition: 0.3s;
    display: inline-block;
}

.comment-reply-link:hover {
    background-color: #e0e0e0;
}

/* 8. استایل کامنت‌های تو در تو (فرزند) */
.comment-list .children {
    margin-right: 0;
    padding-right: 0;
    margin-top: 15px;
}

.children > li > .comment-body {
    background-color: #ffffff;
    border: 1px solid #eee;
    margin-right: 40px; /* تورفتگی از راست */
    width: auto;
}

@media (max-width: 600px) {
    .children > li > .comment-body {
        margin-right: 15px;
    }
}

/* -----------------------------------------------------------
   9. استایل دکمه‌های لایک/دیس‌لایک (اختصاصی - بدون پلاگین)
   ----------------------------------------------------------- */

/* نگهدارنده دکمه‌ها */
.custom-rating-box {
    display: flex;
    gap: 10px;
    align-items: center;
}

/* دکمه‌های گرد - حالت پیش‌فرض */
.rate-action {
    background-color: #f2f2f2; /* خاکستری وقتی انتخاب نشده */
    color: #888;
    min-width: 45px;
    height: 35px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    font-family: inherit;
    font-size: 0.85rem;
    padding: 0 10px;
    transition: all 0.2s;
    gap: 6px;
}

.rate-action svg, .rate-action i {
    width: 14px;
    height: 14px;
    fill: #888; /* رنگ آیکون خاموش */
    transition: fill 0.2s;
}

/* وقتی موس روی دکمه میرود */
.rate-action:hover {
    transform: scale(1.1);
    background-color: #e0e0e0;
}
.rate-action:focus{
    background-color: #f2f2f2 !important;
    color: #888 !important;
}

/* ====================================
   حالت فعال (Active) - وقتی کاربر رأی داد
   ==================================== */
.rate-action.active {
    background-color: var(--like-color) !important;
    color: #fff !important;
    box-shadow: 0 4px 10px rgba(255, 193, 7, 0.3);
}

.rate-action.active svg, 
.rate-action.active i {
    fill: #fff !important;
}
/* شمارنده */
.rate-count {
    font-weight: bold;
    font-size: 0.9rem;
}

/* =========================================
   10. استایل فرم ارسال دیدگاه (جدید)
   ========================================= */
.logged-in-as a{
    color: var(--link-color) !important;
}
/* کانتینر اصلی فرم */
#respond {
    background: var(--card-bg);
    border: 3px solid var(--card-border); /* هماهنگ با بورد کارت کامنت */
    border-radius: var(--card-radius);
    padding: 40px;
    margin-top: 50px;
    position: relative;
    box-shadow: 0 5px 20px rgba(0,0,0,0.02);
}

/* عنوان "دیدگاه خود را بنویسید" */
#reply-title {
    font-size: 1.3rem;
    font-weight: 800;
    color: var(--text-main);
    margin-bottom: 25px;
    display: block;
}

#reply-title small a {
    color: #e74c3c; /* رنگ لینک لغو پاسخ */
    font-size: 0.8rem;
    margin-right: 15px;
    font-weight: normal;
}

/* استایل اینپوت‌های متنی (نام، ایمیل، وبسایت) - همان استایل طوسی قبلی */
#respond input[type="text"],
#respond input[type="email"],
#respond input[type="url"] {
    width: 100%;
    background-color: var(--gray-badge-bg); /* رنگ پس‌زمینه مثل بج نویسنده */
    border: 2px solid transparent;
    border-radius: 20px;
    padding: 15px 20px;
    font-size: 0.95rem;
    color: #555;
    font-weight: 600;
    transition: all 0.3s ease;
    outline: none;
    margin-bottom: 15px;
    box-sizing: border-box;
}

/* استایل اختصاصی تکست‌اریا (سفید با بوردر) */
#respond textarea {
    width: 100%;
    background-color: #ffffff; /* پس‌زمینه سفید */
    border: 2px solid #e0e0e0; /* فقط بوردر */
    border-radius: 20px;
    padding: 15px 20px;
    font-size: 0.95rem;
    color: #555;
    font-weight: 600;
    transition: all 0.3s ease;
    outline: none;
    margin-bottom: 15px;
    box-sizing: border-box;
}

/* وقتی روی اینپوت یا تکست‌اریا کلیک میشود */
#respond textarea:focus,
#respond input:focus {
    background-color: #fff;
    border-color: #ddd;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

/* لیبل‌ها */
#respond label {
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
    color: #666;
    font-size: 0.9rem;
    cursor: pointer;
}

/* چیدمان فرم (دو ستونه کردن نام و ایمیل در دسکتاپ) */
.comment-form-author,
.comment-form-email {
    width: 48%;
    display: inline-block;
}
.comment-form-email {
    margin-right: 2%; /* فاصله بین دو فیلد */
}
.comment-form-url {
    width: 100%;
}

@media (max-width: 768px) {
    .comment-form-author,
    .comment-form-email {
        width: 100%;
        margin-right: 0;
    }
}

/* دکمه ارسال دیدگاه */
#respond .submit {
    background-color: #FFC20F; /* رنگ زرد هماهنگ با سایت */
    color: #fff;
    border: none;
    padding: 12px 50px;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s;
    box-shadow: 0 5px 15px rgba(255, 194, 15, 0.3);
    margin-top: 15px;
    display: inline-block;
}

#respond .submit:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(255, 194, 15, 0.4);
    background-color: #ffca28;
}

/* چک‌باکس ذخیره نام و ایمیل */
.comment-form-cookies-consent {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    font-size: 0.85rem;
    color: #888;
}
.comment-form-cookies-consent input {
    width: auto !important;
    margin: 0 !important;
    accent-color: #FFC20F;
}

/* =========================================
   1. استایل ستاره‌های فرم ثبت نظر
   ========================================= */
.comment-form-rating, p.stars, select#rating { 
    display: none !important; 
}

.stars-rating-wrapper { 
    display: flex; 
    align-items: center; 
    flex-wrap: wrap; 
    gap: 15px; 
    margin-bottom: 20px; 
}

.stars-rating-inputs { 
    display: flex; 
    flex-direction: row-reverse; 
    justify-content: flex-end; 
}

.stars-rating-inputs input[type="radio"] { 
    display: none; 
}

.stars-rating-inputs label { 
    font-size: 2rem !important; 
    color: #ddd; 
    cursor: pointer; 
    padding: 0 2px; 
    transition: color 0.2s; 
    line-height: 1; 
}

.stars-rating-inputs label:hover,
.stars-rating-inputs label:hover ~ label,
.stars-rating-inputs input[type="radio"]:checked ~ label { 
    color: #ffc107 !important; 
}

.stars-rating-inputs input[type="radio"]:checked + label:active { 
    transform: scale(0.9); 
}

/* =========================================
   2. استایل دهی لیست نظرات
   ========================================= */

.woocommerce-review__dash{
    display: none;
}
.comment-text{
    border: none !important;
    margin: 0 !important;
}
.comment-list, .comment-list ul, .comment-list li,
.woocommerce-Reviews .commentlist, .woocommerce-Reviews .commentlist li {
    list-style: none !important;
    padding: 0;
    margin: 0;
}

/* فاصله بین کامنت ها */
.comment-list > li,
.woocommerce-Reviews .commentlist > li {
    margin-bottom: 30px;
}
.comment-list > li > ol,
.woocommerce-Reviews .commentlist > li > ul.children {
    margin: 10px 0 !important;
}

/* بدنه اصلی کارت کامنت */
.comment-body,
.woocommerce-Reviews .comment_container {
    background: var(--card-bg);
    border: 3px solid var(--card-border) !important;
    border-radius: 30px !important;
    padding: 25px 30px;
    position: relative;
    display: flex;
    flex-direction: column;
}

/* حذف آواتار */
.comment-body .avatar,
.woocommerce-Reviews .comment_container .avatar {
    display: none !important;
}

/* هدر کامنت (نام و تاریخ) */
.comment-meta,
.woocommerce-Reviews .comment_container .meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    direction: ltr;
    gap: 15px;
    width: 100%;
}
.comment-meta .says { display: none; }

/* نام نویسنده - کادر طوسی */
.comment-author,
.woocommerce-Reviews .comment_container .meta strong {
    order: 2;
}

.comment-author cite, 
.comment-author b,
.woocommerce-Reviews .comment_container .meta strong {
    font-style: normal;
    background-color: var(--gray-badge-bg);
    padding: 10px 25px;
    border-radius: 50px;
    color: #555;
    font-weight: bold;
    font-size: 1.1rem;
    display: inline-block;
    line-height: 1.5;
}

.comment-author a { color: #888; text-decoration: none; }

/* تاریخ */
.comment-metadata,
.woocommerce-Reviews .comment_container .meta .woocommerce-review__published-date {
    order: 1;
    margin-left: auto;
    font-size: 0.85rem !important;
    font-weight: 600;
}

.comment-metadata a,
.woocommerce-Reviews .comment_container .meta .woocommerce-review__published-date {
    color: #888 !important;
    text-decoration: none;
}

/* متن کامنت */
.comment-content p,
.woocommerce-Reviews .description p {
    font-size: 1rem;
    line-height: 1.5;
    color: #666;
    text-align: justify;
    margin-bottom: 20px;
    direction: rtl;
    font-weight: 600;
}

.comment-content a,
.woocommerce-Reviews .description a {
    color: var(--link-color) !important;
}

/* فوتر کامنت (دکمه پاسخ و لایک‌ها) */
.reply,
.description + .reply { 
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    direction: ltr;
    padding-left: 20px;
    gap: 20px;
}

.comment-reply-link {
    background-color: var(--gray-badge-bg);
    color: #666 !important;
    padding: 8px 25px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 0.85rem;
    transition: 0.3s;
    display: inline-block;
}
.comment-reply-link:hover { background-color: #e0e0e0; }

/* استایل کامنت‌های تو در تو */
.comment-list .children,
.woocommerce-Reviews .commentlist .children {
    margin-right: 0;
    padding-right: 0;
    margin-top: 15px;
}

.children > li > .comment-body,
.children > li > .comment_container {
    background-color: #ffffff;
    border: 1px solid #eee;
    margin-right: 40px;
    width: auto;
}

@media (max-width: 600px) {
    .children > li > .comment-body,
    .children > li > .comment_container {
        margin-right: 15px;
    }
}

/* 3. دکمه‌های لایک/دیس‌لایک */
.custom-rating-box {
    display: flex;
    gap: 10px;
    align-items: center;
}

.rate-action {
    background-color: #f2f2f2;
    color: #888;
    min-width: 45px;
    height: 35px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    font-family: inherit;
    font-size: 0.85rem;
    padding: 0 10px;
    transition: all 0.2s;
    gap: 6px;
}

.rate-action svg, .rate-action i {
    width: 14px;
    height: 14px;
    fill: #888;
    transition: fill 0.2s;
}

.rate-action:hover {
    transform: scale(1.1);
    background-color: #e0e0e0;
}

.rate-action.active {
    background-color: var(--like-color) !important;
    color: #fff !important;
    box-shadow: 0 4px 10px rgba(255, 193, 7, 0.3);
}
.rate-action.active svg { fill: #fff !important; }

.custom-rating-box.loading { opacity: 0.6; pointer-events: none; }

/* 4. استایل فرم ارسال دیدگاه */
.logged-in-as a{ color: var(--link-color) !important; }

#respond {
    background: var(--card-bg);
    border: 3px solid var(--card-border);
    border-radius: var(--card-radius);
    padding: 40px;
    margin-top: 50px;
    position: relative;
    box-shadow: 0 5px 20px rgba(0,0,0,0.02);
}

#reply-title {
    font-size: 1.3rem;
    font-weight: 800;
    color: var(--text-main);
    margin-bottom: 25px;
    display: block;
}

#respond input[type="text"],
#respond input[type="email"],
#respond input[type="url"] {
    width: 100%;
    background-color: var(--gray-badge-bg);
    border: 2px solid transparent;
    border-radius: 20px;
    padding: 15px 20px;
    font-size: 0.95rem;
    color: #555;
    font-weight: 600;
    transition: all 0.3s ease;
    outline: none;
    margin-bottom: 15px;
    box-sizing: border-box;
}

#respond textarea {
    width: 100%;
    background-color: #ffffff;
    border: 2px solid #e0e0e0;
    border-radius: 20px;
    padding: 15px 20px;
    font-size: 0.95rem;
    color: #555;
    font-weight: 600;
    transition: all 0.3s ease;
    outline: none;
    margin-bottom: 15px;
    box-sizing: border-box;
}

#respond textarea:focus,
#respond input:focus {
    background-color: #fff;
    border-color: #ddd;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

#respond .submit {
    background-color: #FFC20F;
    color: #fff;
    border: none;
    padding: 12px 50px;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s;
    box-shadow: 0 5px 15px rgba(255, 194, 15, 0.3);
    margin-top: 15px;
    display: inline-block;
}
#respond .submit:hover {
    transform: translateY(-3px);
    background-color: #ffca28;
}

.comment-form-cookies-consent {
    display: flex; align-items: center; gap: 10px; margin-top: 10px; font-size: 0.85rem; color: #888;
}
.comment-form-cookies-consent input { width: auto !important; margin: 0 !important; accent-color: #FFC20F; }

/* استایل اختصاصی برای ستاره‌های نمایش داده شده در هدر کامنت ووکامرس */
.woocommerce-Reviews .star-rating {
    float: none;
    margin: 0 auto auto 0;
    display: block;
}
.custom-rating-box p{
    margin: 0 !important;
}
.woocommerce .star-rating span::before{
    color:  var(--like-color) !important;
}
/* =========================================
   استایل سیستم پرسش و پاسخ (مشابه نظرات)
   ========================================= */

/* متغیرهای رنگی (مشابه نظرات) */
/* عنوان بخش */
.woo-product-qa-wrapper .qa-title {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 30px;
    color: var(--text-main);
    border-right: 5px solid var(--link-color);
    padding-right: 15px;
}

/* ریست کردن لیست */
.woo-product-qa-wrapper .comment-list, 
.woo-product-qa-wrapper .comment-list li {
    list-style: none !important;
    padding: 0;
    margin: 0;
}

/* فاصله بین پرسش‌ها */
.woo-product-qa-wrapper .comment-list > li {
    margin-bottom: 30px;
}

.woo-product-qa-wrapper .comment-list > li > ul.children {
    margin: 10px 0 !important;
}

/* بدنه اصلی کارت پرسش */
.woo-product-qa-wrapper .comment-body {
    background: var(--card-bg);
    border: 3px solid var(--card-border) !important;
    border-radius: var(--card-radius);
    padding: 25px 30px;
    position: relative;
    display: flex;
    flex-direction: column;
}

/* هدر (نام و تاریخ) */
.woo-product-qa-wrapper .comment-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    direction: ltr;
    gap: 15px;
    width: 100%;
}

/* نام نویسنده - کادر طوسی */
.woo-product-qa-wrapper .comment-author {
    order: 2;
}

.woo-product-qa-wrapper .comment-author cite, 
.woo-product-qa-wrapper .comment-author b {
    font-style: normal;
    background-color: var(--gray-badge-bg);
    padding: 10px 25px;
    border-radius: 50px;
    color: #555;
    font-weight: bold;
    font-size: 1.1rem;
    display: inline-block;
    line-height: 1.5;
}

.woo-product-qa-wrapper .comment-author a {
    color: #888;
    text-decoration: none;
}

/* تاریخ */
.woo-product-qa-wrapper .comment-metadata {
    order: 1;
    margin-left: auto;
    font-size: 0.85rem !important;
    font-weight: 600;
}

.woo-product-qa-wrapper .comment-metadata a {
    color: #888 !important;
    text-decoration: none;
}

/* متن پرسش */
.woo-product-qa-wrapper .comment-content p {
    font-size: 1rem;
    line-height: 1.5;
    color: #666;
    text-align: justify;
    margin-bottom: 20px;
    direction: rtl;
    font-weight: 600;
}

/* دکمه پاسخ */
.woo-product-qa-wrapper .reply {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    direction: ltr;
    padding-left: 20px;
}

.woo-product-qa-wrapper .comment-reply-link {
    background-color: var(--gray-badge-bg);
    color: #666 !important;
    padding: 8px 25px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 0.85rem;
    transition: 0.3s;
    display: inline-block;
}

.woo-product-qa-wrapper .comment-reply-link:hover {
    background-color: #e0e0e0;
}

/* استایل پاسخ‌های تو در تو (Children) */
.woo-product-qa-wrapper .children {
    margin-right: 0;
    padding-right: 0;
    margin-top: 15px;
}

.woo-product-qa-wrapper .children > li > .comment-body {
    background-color: #fcfcfc; /* کمی متفاوت برای پاسخ‌ها */
    border: 1px solid #eee;
    margin-right: 40px;
    width: auto;
}

@media (max-width: 600px) {
    .woo-product-qa-wrapper .children > li > .comment-body {
        margin-right: 15px;
    }
}

/* -------------------------------------
   استایل فرم ارسال پرسش (مشابه فرم نظرات)
   ------------------------------------- */
.woo-product-qa-wrapper #respond {
    background: var(--card-bg);
    border: 3px solid var(--card-border);
    border-radius: var(--card-radius);
    padding: 40px;
    margin-top: 50px;
    position: relative;
}

.woo-product-qa-wrapper #reply-title {
    font-size: 1.3rem;
    font-weight: 800;
    color: var(--text-main);
    margin-bottom: 25px;
    display: block;
}

.woo-product-qa-wrapper #respond textarea {
    width: 100%;
    background-color: #ffffff;
    border: 2px solid #e0e0e0;
    border-radius: 20px;
    padding: 15px 20px;
    font-size: 0.95rem;
    color: #555;
    font-weight: 600;
    outline: none;
    margin-bottom: 15px;
    box-sizing: border-box;
}

.woo-product-qa-wrapper #respond textarea:focus {
    border-color: #ddd;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

.woo-product-qa-wrapper #respond input[type="text"],
.woo-product-qa-wrapper #respond input[type="email"] {
    width: 100%;
    background-color: var(--gray-badge-bg);
    border: 2px solid transparent;
    border-radius: 20px;
    padding: 15px 20px;
    font-size: 0.95rem;
    margin-bottom: 15px;
    box-sizing: border-box;
}

.woo-product-qa-wrapper #respond .submit {
    background-color: var(--link-color);
    color: #fff;
    border: none;
    padding: 12px 50px;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s;
    box-shadow: 0 5px 15px rgba(255, 194, 15, 0.3);
    margin-top: 15px;
    display: inline-block;
}

.woo-product-qa-wrapper #respond .submit:hover {
    transform: translateY(-3px);
    background-color: #ffca28;
}

    .woocommerce #reviews #comments h2{
        display: none;
    }
@media screen and (max-width: 600px){
    .comment-body, .woocommerce-Reviews .comment_container{
        padding: 15px;
    }
    .comment-author cite, .comment-author b, .woocommerce-Reviews .comment_container .meta strong{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 50%;
    line-height: 1.5em;
    max-height: 4em;
    padding: 8px;
    }
    .woocommerce #reviews #comments ol.commentlist li .comment-text{
        padding: 0;
    }
    .woo-product-qa-wrapper .comment-body{
        padding: 15px;
    }
    .woo-product-qa-wrapper .comment-author{
        display: contents;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Rokh';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-Thin.eot');
	src: url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-Thin.eot?#iefix') format('embedded-opentype'),
		url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-Thin.woff2') format('woff2'),
		url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-Thin.woff') format('woff'),
		url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-Thin.ttf') format('truetype');
}
@font-face {
	font-family: 'Rokh';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-ExtraLight.eot');
	src: url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-ExtraLight.eot?#iefix') format('embedded-opentype'),
		url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-ExtraLight.woff2') format('woff2'),
		url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-ExtraLight.woff') format('woff'),
		url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-ExtraLight.ttf') format('truetype');
}
@font-face {
	font-family: 'Rokh';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-Light.eot');
	src: url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-Light.eot?#iefix') format('embedded-opentype'),
		url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-Light.woff2') format('woff2'),
		url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-Light.woff') format('woff'),
		url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Rokh';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-Normal-1.eot');
	src: url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-Normal-1.eot?#iefix') format('embedded-opentype'),
		url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-Normal-1.woff2') format('woff2'),
		url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-Normal-1.woff') format('woff'),
		url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-Normal-1.ttf') format('truetype');
}
@font-face {
	font-family: 'Rokh';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-Medium.eot');
	src: url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-Medium.eot?#iefix') format('embedded-opentype'),
		url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-Medium.woff2') format('woff2'),
		url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-Medium.woff') format('woff'),
		url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Rokh';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-SemiBold-1.eot');
	src: url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-SemiBold-1.eot?#iefix') format('embedded-opentype'),
		url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-SemiBold-1.woff2') format('woff2'),
		url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-SemiBold.woff') format('woff'),
		url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Rokh';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-Bold-1.eot');
	src: url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-Bold-1.eot?#iefix') format('embedded-opentype'),
		url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-Bold-1.woff2') format('woff2'),
		url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-Bold-1.woff') format('woff'),
		url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-Bold-1.ttf') format('truetype');
}
@font-face {
	font-family: 'Rokh';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-SemiBold.eot');
	src: url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-SemiBold.woff2') format('woff2'),
		url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-SemiBold.woff') format('woff'),
		url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-SemiBold-1.ttf') format('truetype');
}
@font-face {
	font-family: 'Rokh';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-UltraBold.eot');
	src: url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-UltraBold.eot?#iefix') format('embedded-opentype'),
		url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-UltraBold.woff2') format('woff2'),
		url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-UltraBold.woff') format('woff'),
		url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-UltraBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Rokh';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-Normal-1.eot');
	src: url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-Normal-1.eot?#iefix') format('embedded-opentype'),
		url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-Normal-1.woff2') format('woff2'),
		url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-Normal-1.woff') format('woff'),
		url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-Normal-1.ttf') format('truetype');
}
@font-face {
	font-family: 'Rokh';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-SemiBold-1.eot');
	src: url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-SemiBold-1.eot?#iefix') format('embedded-opentype'),
		url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-SemiBold-1.woff2') format('woff2'),
		url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-SemiBold.woff') format('woff'),
		url('https://goldenphone.co/wp-content/uploads/2025/11/RokhFaNum-SemiBold.ttf') format('truetype');
}
/* End Custom Fonts CSS */