/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/* =======================================================
   1. تعریف متغیرها و فونت‌ها (Base Settings)
   ======================================================= */

:root {
    --attr-bg-label: #f0fdf4;   /* سبز روشن پس‌زمینه لیبل */
    --attr-text-label: #15803d; /* سبز تیره متن */
    --attr-bg-value: #ffffff;   /* سفید */
    --attr-shadow: 0 5px 15px rgba(22, 101, 52, 0.08);
    --attr-hover-bg: #166534;   /* سبز سیر */
}

/* فونت‌ها */
@font-face {
  font-family: 'DanaPro';
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url('fonts/DanaFaNum-Light.woff2') format('woff2'),
       url('fonts/DanaFaNum-Light.woff') format('woff');
}
@font-face {
  font-family: 'DanaPro';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url('fonts/DanaFaNum-Regular.woff2') format('woff2'),
       url('fonts/DanaFaNum-Regular.woff') format('woff');
}
@font-face {
  font-family: 'DanaPro';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url('fonts/DanaFaNum-Bold.woff2') format('woff2'),
       url('fonts/DanaFaNum-Bold.woff') format('woff');
}

/* اعمال فونت */
body, .nav > li > a, h1, h2, h3, h4, h5, h6, .heading-font,
.off-canvas-center .nav-sidebar.nav-vertical > li > a {
  font-family: 'DanaPro', sans-serif !important;
}


/* =======================================================
   2. گرادینت پس‌زمینه محصول (Desktop/Tablet/Mobile Logic)
   ======================================================= */

/* موبایل (زیر 550 پیکسل) */
@media (max-width: 549px) {
    body.single-product .black-gradient-bg-product {
        background-image: radial-gradient(circle at 50% 15%, 
            rgba(180, 220, 180, 0.8) 0%,    
            rgba(34, 139, 34, 1) 35%,       
            rgba(0, 40, 0, 1) 100%          
        ) !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-position: center !important;
        overflow: hidden;
    }
}

/* تبلت (550 تا 849 پیکسل) */
@media (min-width: 550px) and (max-width: 849px) {
    body.single-product .black-gradient-bg-product {
        background-image: radial-gradient(circle at 80% 20%, 
            rgba(180, 220, 180, 0.7) 0%,
            rgba(34, 139, 34, 1) 45%,      
            rgba(0, 40, 0, 1) 100%         
        ) !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }
}

/* کامپیوتر (بالای 850 پیکسل) */
@media (min-width: 850px) {
    body.single-product .black-gradient-bg-product {
        background-image: radial-gradient(circle at 67% 45%, 
            rgba(180, 220, 180, 0.6) 0%,   
            rgba(34, 139, 34, 1) 40%,       
            rgba(0, 40, 0, 1) 100%          
        ) !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }
}

/* تنظیمات شفافیت و بلندینگ */
body.single-product .black-gradient-bg-product .col-inner,
body.single-product .black-gradient-bg-product .product-images,
body.single-product .black-gradient-bg-product .woocommerce-product-gallery,
body.single-product .black-gradient-bg-product .woocommerce-product-gallery__wrapper,
body.single-product .black-gradient-bg-product .product-gallery-slider,
body.single-product .black-gradient-bg-product .flickity-viewport,
body.single-product .black-gradient-bg-product .flickity-slider,
body.single-product .black-gradient-bg-product .woocommerce-product-gallery__image,
body.single-product .black-gradient-bg-product [style*="background-color"] {
    background: transparent !important;
    background-color: transparent !important;
}

body.single-product .black-gradient-bg-product .woocommerce-product-gallery__image img {
    mix-blend-mode: multiply;
    filter: brightness(1.05) contrast(1.05);
}

body.single-product .black-gradient-bg-product .product-thumbnails img {
    mix-blend-mode: normal;
    filter: none;
}

/* =======================================================
   3. سایر تنظیمات ظاهری (Badge, Gallery, Meta)
   ======================================================= */

.product_meta>span {
    border-top: 1px dotted #ddd;
    display: block;
    padding: 10px 0;
}

.dark .widget a, .dark a {
    color: green;
}

/* بج فروش ویژه (On Sale) */
.badge-inner.on-sale {
    border-radius: 50% 50% 50% 5px !important;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 1.2 !important;
    font-weight: bold;
    z-index: 10;
    /* سایز پیش‌فرض */
    width: 62px !important;
    height: 62px !important;
    font-size: 14px !important;
}

/* سایز کوچک برای لیست‌ها */
.product-small .badge-inner.on-sale {
    width: 38px !important;
    height: 38px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    top: 8px !important;
    left: 8px !important;
    margin: 0 !important;
}

/* گالری تصاویر کوچک (Thumbnails) */
.product-thumbnails, 
.product-thumbnails .flickity-viewport,
.product-thumbnails .col, 
.product-thumbnails .col-inner, 
.product-thumbnails a,
.product-thumbnails img {
    background-color: transparent !important;
    background: transparent !important; 
    box-shadow: none !important;
    border: none !important;
}

.product-thumbnails img {
    margin: 4px !important;
    width: calc(100% - 8px) !important; 
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) !important; 
    box-sizing: border-box !important;
    border-radius: 12px !important; 
    padding: 3px !important; 
    opacity: 0.6;
    transition: all 0.3s ease;
}

.product-thumbnails .is-nav-selected img,
.product-thumbnails img:hover {
    box-shadow: 0 0 0 1px #ffffff, 0 0 6px rgba(255, 255, 255, 0.2) !important;
    opacity: 1 !important;
    transform: none !important;
}

/* =======================================================
   4. جدول ویژگی‌ها (Attributes) - اصلاح شده
   ======================================================= */

.single-product .woocommerce-Tabs-panel--additional_information .shop_attributes,
.single-product .shop_attributes tbody {
    display: block !important;
    width: 100% !important;
    border: none !important;
}

.single-product .shop_attributes tr {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    margin-bottom: 12px !important; /* کاهش فاصله بین ردیف‌ها */
    gap: 15px !important;
    background: transparent !important;
    border: none !important;
    align-items: stretch !important; /* هماهنگی ارتفاع دو باکس */
}

/* ستون عنوان */
.single-product .shop_attributes th {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 25% !important; /* کمی پهن‌تر برای آیکون و متن */
    background-color: var(--attr-bg-label) !important;
    color: var(--attr-text-label) !important;
    border: 1.5px solid #ffffff !important; 
    box-shadow: 0 0 0 1px rgba(21, 128, 61, 0.1) inset !important; 
    border-radius: 12px !important;
    padding: 8px 15px 1px !important; /* کاهش پدینگ عمودی */
    font-weight: 800 !important;
    transition: all 0.3s ease !important;
    line-height: 1.2 !important;
    min-height: 50px !important; /* تنظیم ارتفاع ثابت و مناسب */
}

/* ستون مقدار */
.single-product .shop_attributes td {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 75% !important;
    background-color: var(--attr-bg-value) !important;
    color: #374151 !important;
    border: 1px solid var(--attr-text-label) !important; 
    border-radius: 12px !important;
    box-shadow: var(--attr-shadow) !important;
    padding: 8px 20px !important; /* کاهش پدینگ عمودی */
    font-style: normal !important;
    min-height: 50px !important; /* هم‌تراز با ستون عنوان */
}

/* حذف فواصل اضافی پاراگراف‌های احتمالی داخل سلول‌ها */
.single-product .shop_attributes td p,
.single-product .shop_attributes td span { 
    margin: 0 !important; 
    padding: 0 !important; 
    line-height: 1.5 !important;
}

/* هاور */
.single-product .shop_attributes tr:hover th {
    background-color: var(--attr-hover-bg) !important;
    color: #ffffff !important; 
    border-color: #ffffff !important; 
    transform: translateY(-2px);
}
.single-product .shop_attributes tr:hover td {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.1) !important;
    border-color: var(--attr-text-label) !important; 
}

/* آیکون‌های ویژگی‌ها */
.single-product .shop_attributes th::before {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    color: inherit;       
    font-size: 22px; /* کمی کوچک‌تر برای تناسب بهتر */     
    font-weight: normal;
    font-family: "Segoe UI Symbol", sans-serif;
    line-height: 1;
    width: 30px;              
    min-width: 30px;      
    margin-left: 10px;     
}

/* نگاشت آیکون‌ها */
.woocommerce-product-attributes-item--attribute_pa_perfume th::before { content: "♨︎"; }
.woocommerce-product-attributes-item--attribute_pa_bag-packaging-material th::before { content: "🛍"; }
.woocommerce-product-attributes-item--attribute_pa_cultivation-area th::before { content: "⛰"; }
.woocommerce-product-attributes-item--attribute_pa_durability th::before { content: "⏳"; }
.woocommerce-product-attributes-item--attribute_pa_grain-color th::before { content: "⚪"; }
.woocommerce-product-attributes-item--attribute_pa_purity th::before { content: "💎"; }
.woocommerce-product-attributes-item--attribute_pa_rice-grain-size th::before { content: "📏"; }
.woocommerce-product-attributes-item--attribute_pa_rice-type-variety th::before { content: "🌾"; }
.woocommerce-product-attributes-item--attribute_pa_sieving-rate th::before { content: "🔍"; }
.woocommerce-product-attributes-item--attribute_pa_size-of-cooked-rice th::before { content: "⬆"; }
.woocommerce-product-attributes-item--attribute_pa_storage-conditions th::before { content: "🌡"; }
.woocommerce-product-attributes-item--attribute_pa_texture-after-baking th::before { content: "🥄"; }
.woocommerce-product-attributes-item--attribute_pa_type-of-cultivation th::before { content: "🌱"; }
.woocommerce-product-attributes-item--attribute_pa_uses th::before { content: "🍽"; }
.woocommerce-product-attributes-item--attribute_pa_warranty th::before { content: "🛡"; }
.woocommerce-product-attributes-item--attribute_pa_weight th::before { content: "⚖"; }
.woocommerce-product-attributes-item--attribute_pa_year-production th::before { content: "📅"; }

/* =======================================================
   5. استایل نظرات (Reviews) - نسخه نهایی
   ======================================================= */

.woocommerce-review__dash { display: none !important; }

#reviews .has-border, .col-inner.has-border {
    border: none !important; padding: 0 !important; margin: 0 !important;
    background: transparent !important; box-shadow: none !important;
}

#reviews {
    padding: 15px 15px 20px 15px !important; 
    margin: 20px auto;
    background: #fdfdfd;
    border-radius: 16px;
    border: 1px solid #f1f8e9;
    max-width: 100%;
}

#reviews h2, #reply-title {
    color: #2e7d32; font-weight: 900; font-size: 1.4rem;
    margin-bottom: 30px; border-bottom: 2px dashed #e0e0e0;
    padding-bottom: 15px; display: inline-block;
}

/* لیست نظرات */
.commentlist {
    padding: 0 !important; margin: 0 !important;
    list-style: none; margin-bottom: 40px;
}

.commentlist > li {
    margin: 0 !important; 
    width: 100% !important; 
    padding: 0 !important;
    border: none !important; 
}

/* خط و فاصله بین دیدگاه‌ها */
.commentlist > li + li {
    border-top: 1px dashed #e0e0e0 !important;
    padding-top: 20px !important; 
    margin-top: 20px !important;
}

/* باکس نظر مهمان (طلایی) */
.commentlist li .comment_container {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.03);
    border: 1px solid #ffc107 !important; 
    padding: 20px;
    margin-bottom: 15px; 
    display: flex; 
    flex-direction: row; 
    gap: 15px;
    align-items: flex-start;
    position: relative; z-index: 2;
}

/* آواتار */
.bij-avatar-wrapper {
    position: relative; display: inline-block; flex-shrink: 0;
    margin-bottom: 10px;
}
.commentlist li img.avatar {
    width: 60px; height: 60px; border-radius: 50%;
    padding: 2px; background: #fff; display: block;
    border: 2px solid #e0e0e0; 
}
.bij-avatar-badge {
    position: absolute; bottom: -12px; left: 50%;
    transform: translateX(-50%);
    font-size: 10px; font-weight: bold;
    padding: 2px 10px; border-radius: 10px;
    white-space: nowrap;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    z-index: 5; border: 1px solid #fff;
    line-height: 1.4;
}
.bij-badge-customer { background: #ffc107; color: #004d00; }
.bij-avatar-wrapper:has(.bij-badge-customer) img.avatar { border-color: #ffc107; }
.bij-badge-admin { background: #2e7d32; color: #fff; }
.bij-avatar-wrapper:has(.bij-badge-admin) img.avatar { border-color: #2e7d32 !important; }
.commentlist .children .bij-avatar-wrapper img.avatar { border-color: #2e7d32 !important; }
.commentlist > li > .comment_container::after { display: none !important; }

/* محتوا و ستاره‌ها */
.comment-text { flex-grow: 1; width: 100%; }
.meta {
    margin-bottom: 8px; display: flex;
    flex-direction: column; align-items: flex-start;
}
.woocommerce-review__author { font-size: 1.1rem; color: #333; font-weight: 800; }
.woocommerce-review__published-date { font-size: 11px; color: #888; margin-top: 2px; }

.star-rating {
    color: #ffc107 !important; font-size: 14px !important;
    width: 5.4em !important; float: none; margin-top: 5px;
    font-family: "fl-icons" !important; overflow: hidden !important; 
    position: relative !important; height: 1em !important; line-height: 1 !important;
}
.star-rating::before {
    content: "\e005\e005\e005\e005\e005" !important; color: #e0e0e0 !important;
    float: left; top: 0; left: 0; position: absolute;
}
.star-rating span {
    overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em;
}
.star-rating span::before {
    content: "\e005\e005\e005\e005\e005" !important; top: 0; position: absolute; left: 0;
    color: #ffc107 !important; 
}

.description {
    width: 100%; max-width: 100%;
    text-align: justify; text-justify: inter-word;
    line-height: 1.8;
    font-size: 13px !important; color: #444;
}

/* پاسخ ادمین (دسکتاپ) */
.commentlist .children {
    padding: 0 !important; margin: 0 !important;
    margin-top: 0 !important; padding-top: 0 !important;
    margin-right: 4px !important; padding-right: 2px !important; 
    border-right: 2px solid #a5d6a7; 
}
.commentlist .children::before { display: none !important; }

/* باکس سبز ادمین */
.commentlist .children .comment_container {
    background: #f1f8e9; 
    border: 1px solid #c5e1a5 !important; 
    margin-top: -15px !important; 
    margin-bottom: 0;
    margin-left: 0 !important; width: auto !important; 
    border-radius: 12px !important;
}
.commentlist .children .comment_container::before { display: none !important; }
.commentlist .children .woocommerce-review__author {
    font-size: 12px !important; color: #2e7d32 !important; font-weight: 900 !important;
}

/* فرم ارسال نظر */
#review_form_wrapper {
    background: #fff; 
    padding: 20px 20px 20px 20px; 
    border-radius: 20px; border: 2px solid #2e7d32; 
    margin-top: 40px; overflow: hidden; 
}
#reply-title { border: none; margin-bottom: 20px; width: 100%; text-align: center; }

#commentform input[type="text"], #commentform input[type="email"], #commentform textarea {
    background: #ffffff; border: 1px solid #81c784; 
    border-radius: 10px; padding: 15px; width: 100%; margin-bottom: 20px;
    font-size: 14px; transition: all 0.3s ease;
}
#commentform input:hover, #commentform textarea:hover { border-color: #2e7d32; background: #f9fff9; }
#commentform input:focus, #commentform textarea:focus {
    background: #fff; border-color: #2e7d32;
    box-shadow: 0 0 0 3px rgba(46, 125, 50, 0.1);
}

.comment-form-rating {
    display: flex; align-items: center; justify-content: center;
    flex-direction: column; gap: 8px; margin-bottom: 25px;
}
.comment-form-rating label { 
    display: block !important; font-size: 0 !important; margin-bottom: 0 !important; text-align: center; width: 100%;
}
.comment-form-rating label::after {
    content: "امتیاز خود را انتخاب کنید:"; font-size: 15px !important; font-weight: 800; color: #444; display: block;
}

p.stars {
    display: inline-flex !important; gap: 5px; margin-bottom: 0 !important; padding-bottom: 15px !important; 
}
p.stars a {
    display: block !important; position: relative !important; width: 25px !important; height: 25px !important;
    text-indent: -9999px !important; overflow: visible !important; margin-right: 5px !important;
    background: none !important; border: none !important; box-shadow: none !important;
}
p.stars a::before {
    content: "\e005" !important; font-family: "fl-icons" !important; font-size: 22px !important; color: #e0e0e0 !important; 
    position: absolute !important; top: 0; left: 0; text-indent: 0 !important; width: 100% !important;
    height: 100% !important; line-height: 25px !important; text-align: center;
}
p.stars a::after {
    position: absolute; bottom: -18px; left: 0; right: 0; text-align: center; font-size: 11px !important;
    color: #999; font-weight: bold; font-family: sans-serif; text-indent: 0 !important; line-height: 1;
    display: block !important; transition: color 0.2s ease;
}
p.stars a:nth-child(1)::after { content: "1"; }
p.stars a:nth-child(2)::after { content: "2"; }
p.stars a:nth-child(3)::after { content: "3"; }
p.stars a:nth-child(4)::after { content: "4"; }
p.stars a:nth-child(5)::after { content: "5"; }

p.stars:hover a::before, p.stars.selected a:not(.active)::before, p.stars.selected a.active::before { color: #ffc107 !important; }
p.stars a:hover ~ a::before, p.stars.selected a.active ~ a::before { color: #e0e0e0 !important; }
p.stars:hover a::after, p.stars.selected a:not(.active)::after, p.stars.selected a.active::after { color: #ffc107 !important; }
p.stars a:hover ~ a::after, p.stars.selected a.active ~ a::after { color: #e0e0e0 !important; }

.comment-form-cookies-consent {
    display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-start;
    flex-direction: row; gap: 10px; margin-bottom: 20px; width: 100%;
}
.comment-form-cookies-consent input {
    float: none !important; margin: 0 !important; width: 18px !important;
    height: 18px !important; min-width: 18px; accent-color: #2e7d32;
}
.comment-form-cookies-consent label {
    margin: 0 !important; font-size: 13px; line-height: 1.4; text-align: right; width: auto;
}

.form-submit { margin-bottom: 0 !important; padding-bottom: 0 !important; }
#review_form_wrapper #submit {
    background: #3e6b43; color: #ffffff; border: 2px solid #3e6b43; 
    font-weight: 800; border-radius: 8px; padding: 10px 45px; width: auto; float: right;
    font-size: 15px; cursor: pointer; transition: all 0.3s ease; margin-bottom: 0; box-shadow: none;
}
#review_form_wrapper #submit:hover {
    background: #ffffff; color: #3e6b43; transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(62, 107, 67, 0.2);
}

/* =======================================================
   6. سیستم لایک و دیس‌لایک (Voting System)
   ======================================================= */

.dk-comment-voting {
    display: flex; align-items: center; justify-content: flex-start;
    gap: 15px !important; border-top: none !important; 
    margin-top: -5px !important; padding-top: 5px; width: 100%;
}

.dk-vote-btn {
    background: transparent; border: none; padding: 0; display: flex; align-items: center;
    gap: 5px; cursor: pointer; font-family: inherit; font-size: 13px;
    color: #bbb; transition: all 0.2s ease; opacity: 1 !important;
}

.dk-vote-btn svg {
    stroke: #bbb; fill: transparent; transition: all 0.2s ease;
}

/* لایک (سبز) */
.dk-like-btn:hover, .dk-like-btn.active-vote { color: #4CAF50 !important; }
.dk-like-btn:hover svg, .dk-like-btn.active-vote svg {
    stroke: #4CAF50 !important; fill: #4CAF50 !important;
}

/* دیس‌لایک (قرمز) */
.dk-dislike-btn:hover, .dk-dislike-btn.active-vote { color: #F44336 !important; }
.dk-dislike-btn:hover svg, .dk-dislike-btn.active-vote svg {
    stroke: #F44336 !important; fill: #F44336 !important;
}

/* بعد از رای دادن */
.dk-comment-voting.voted-disabled .dk-vote-btn {
    cursor: default; pointer-events: none; opacity: 1 !important;
}
.dk-comment-voting.voted-disabled .dk-vote-btn:not(.active-vote) { color: #bbb !important; }
.dk-comment-voting.voted-disabled .dk-vote-btn:not(.active-vote) svg { stroke: #bbb !important; fill: transparent !important; }

.dk-vote-msg { font-size: 11px; color: #2e7d32; margin-right: 10px; font-weight: bold; }

/* =======================================================
   ۱. تراز نهایی و میکروسکوپی آیکون‌های شبکه اجتماعی
   ======================================================= */

/* تنظیم باکس دایره برای گرد ماندن کامل */
.social-icons a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important; 
    height: 32px !important;
    padding: 0 !important;
    /* خط دور دایره مشابه عکس شما */
    border: 1.5px solid rgba(255,255,255,0.5) !important; 
    border-radius: 50% !important;
}

/* جابجایی بسیار دقیق به سمت پایین برای مرکزیت چشم‌نواز */
.social-icons a i {
    margin: 0 !important;
    line-height: 1 !important;
    /* کاهش جابجایی از 1.5 به 0.8 پیکسل برای دقت بالاتر */
    transform: translateY(0.8px) !important; 
    display: block !important;
}

/* =======================================================
   7. مدیا کوئری‌های یکپارچه موبایل (Mobile Optimized)
   ======================================================= */

@media only screen and (max-width: 768px) {
    /* جدول ویژگی‌ها در موبایل */
    .single-product .shop_attributes tr {
        flex-direction: row !important; align-items: stretch !important;
    }
    .single-product .shop_attributes th {
        width: 35% !important; font-size: 13px !important; padding: 8px 5px !important;
        flex-direction: row !important; justify-content: flex-start !important; text-align: right !important;
    }
    .single-product .shop_attributes th::before {
        font-size: 20px !important; width: 25px !important; min-width: 25px !important; margin-left: 4px !important;
    }
    .single-product .shop_attributes td {
        width: 65% !important; font-size: 13px !important; padding: 8px 15px 0px !important;
    }
}

@media (max-width: 850px) {
    /* تنظیمات نظرات در موبایل */
    #reviews { padding: 20px 10px !important; }
    #review_form_wrapper { padding: 10px 10px 10px 10px !important; }
    
    .commentlist li .comment_container {
        display: block !important; padding: 15px 10px !important; text-align: right !important;
    }
    .bij-avatar-wrapper {
        float: right !important; margin-left: 10px !important; margin-bottom: 5px !important;
        margin-top: 0 !important; margin-right: 0 !important;
    }
    .meta, .star-rating { margin-right: 75px !important; display: block; }
    .commentlist li .comment-text {
        padding: 0 !important; margin: 0 !important; width: 100% !important;
    }
    .description {
        clear: right !important; display: block !important; width: 100% !important;
        margin-top: 13px !important; margin-right: 0 !important;
        text-align: justify !important; font-size: 12px !important;
    }
    .commentlist .children .comment_container .description {
        padding-top: 10px !important; margin-top: 10px !important;
    }
    .commentlist .children { margin-right: 5px !important; padding-right: 5px !important; }
    
    #review_form_wrapper #submit {
        float: none; display: block; margin: 0 auto; width: 100%; max-width: 200px; padding: 10px 0;
    }
    .comment-form-rating { justify-content: center; margin-bottom: 20px; }
    .comment-form-cookies-consent { justify-content: flex-start !important; text-align: right; }

    /* لایک و دیس‌لایک در موبایل */
    .dk-comment-voting {
        gap: 15px !important; margin-top: 0 !important;
    }
    .commentlist .children .dk-comment-voting { gap: 10px !important; }
    .dk-vote-btn svg { width: 18px; height: 18px; }
}

/* پروژه: استایل نهایی محتوای محصولات */

/* ۱. متغیر پایه */
:root {
    --content-path: .product-section .large-10 .panel.entry-content;
}

/* ۲. استایل تصاویر */
.product-section .large-10 .panel.entry-content img:not(.bijan-exclusive-card img) {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    border: 7px solid #ffffff !important;
    outline: 2px solid #ffb800 !important;
    outline-offset: -2px;
    border-radius: 10px !important;
    box-shadow: 0 15px 35px rgba(34, 139, 34, 0.12) !important;
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

.product-section .large-10 .panel.entry-content img:not(.bijan-exclusive-card img):hover {
    transform: translateY(-10px) scale(1.02) !important;
}

/* ۳. استایل تیترها در دسکتاپ (با حذف > برای پوشش تمام حالات) */
.product-section .large-10 .panel.entry-content:not(:has(#reviews)) h2,
.product-section .large-10 .panel.entry-content:not(:has(#reviews)) h3,
.product-section .large-10 .panel.entry-content:not(:has(#reviews)) h4:not(.bijan-exclusive-card h4) {
    color: #1a6b1a !important; 
    border-right: 5px solid #ffb800 !important;
    padding-right: 10px !important;
    margin: 40px 0 20px 0 !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
    text-align: right !important; 
    display: block !important;
}

.product-section .large-10 .panel.entry-content:not(:has(#reviews)) h2 { font-size: 1.2rem !important; }
.product-section .large-10 .panel.entry-content:not(:has(#reviews)) h3 { font-size: 1.15rem !important; }
.product-section .large-10 .panel.entry-content:not(:has(#reviews)) h4:not(.bijan-exclusive-card h4) { font-size: 1.1rem !important; }

/* ۴. لیست‌ها */
.product-section .large-10 .panel.entry-content:not(:has(#reviews)) ul:not(.touska-accordion ul):not(.bijan-exclusive-card ul) {
    list-style: none !important;
    padding-right: 0 !important;
    margin-right: 10px !important;
}

.product-section .large-10 .panel.entry-content:not(:has(#reviews)) ul:not(.touska-accordion ul):not(.bijan-exclusive-card ul) li {
    position: relative !important;
    padding-right: 35px !important;
    margin-bottom: 18px !important;
    line-height: 1.9 !important;
    color: #444 !important;
    display: block !important;
    text-align: right !important;
}

.product-section .large-10 .panel.entry-content:not(:has(#reviews)) ul:not(.touska-accordion ul):not(.bijan-exclusive-card ul) li::before {
    content: "✔" !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    color: #ffb800 !important;
    font-weight: bold !important;
    font-size: 1.3rem !important;
}

/* ۵. پاراگراف‌ها */
.product-section .large-10 .panel.entry-content:not(:has(#reviews)) p:not(.bijan-exclusive-card p) {
    line-height: 2 !important;
    margin-bottom: 28px !important;
    color: #555 !important;
    text-align: justify !important;
}

/* ۶. خنثی‌سازی تداخل */
.shop_attributes p, #reviews p { line-height: normal !important; margin: 0 !important; }

/* ۷. آکاردئون */
.touska-item { 
    background: #fff !important; 
    border: 1px solid #e0e0e0 !important; 
    border-right: 5px solid #2e7d32 !important; 
    margin-bottom: 15px !important; border-radius: 10px !important; 
}
.touska-header { padding: 18px 50px 18px 15px !important; font-weight: bold !important; cursor: pointer; position: relative; text-align: right !important; }
.touska-header::before { content: '\002B' !important; position: absolute !important; right: 18px !important; top: 50% !important; transform: translateY(-50%) !important; font-size: 26px !important; color: #c5a059 !important; }
.touska-item[open] .touska-header::before { content: '\2212' !important; }
.touska-body-faq { padding: 20px !important; line-height: 1.9 !important; border-top: 1px solid #eee !important; }

/* ۸. تنظیمات اختصاصی موبایل - نسخه اصلاحی و قطعی */
@media screen and (max-width: 767px) {
    
    /* هدف قرار دادن تمام H2 ها با اولویت بالاتر از استایل دسکتاپ */
    body.single-product .product-section .large-10 .panel.entry-content h2,
    body.single-product .product-section .large-10 .panel.entry-content h2 span,
    body.single-product .product-section .large-10 .panel.entry-content h2 strong,
    body.single-product .product-section .large-10 .panel.entry-content div h2 {
        font-size: 1.1rem !important;
        padding-right: 12px !important;
        margin: 20px 0 10px 0 !important;
        border-right: 4px solid #ffb800 !important;
        line-height: 1.4 !important;
    }

    body.single-product .product-section .large-10 .panel.entry-content h3,
    body.single-product .product-section .large-10 .panel.entry-content h3 span,
    body.single-product .product-section .large-10 .panel.entry-content div h3 {
        font-size: 1rem !important;
        padding-right: 12px !important;
        margin: 18px 0 10px 0 !important;
        border-right: 4px solid #ffb800 !important;
    }

    /* بخش تصاویر موبایل */
    .product-section .large-10 .panel.entry-content img:not(.bijan-exclusive-card img) { 
        border-width: 3px !important; 
    }

    /* تنظیمات پاراگراف‌ها در موبایل */
    .product-section .large-10 .panel.entry-content p:not(.bijan-exclusive-card p) {
        line-height: 1.6 !important;
        font-size: 0.9rem !important;
        margin-bottom: 15px !important;
    }
}

/************************************************************
 * ۱. استایل باکس‌های متنی (Text Boxes) 
 ************************************************************/

.bijan-luxury-box {
    position: relative;
    padding: 15px 15px;
    border-radius: 8px;
    color: #ffffff;
    margin: 25px 0;
    border-right: 6px solid #d4af37;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    overflow: hidden;
}

.bijan-luxury-box[style*="background-image"]::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.bijan-box-content {
    position: relative;
    z-index: 2;
    line-height: 1.9;
    text-align: justify;
    font-size: 16px;
}

.bijan-box-content p:last-child {
    margin-bottom: 0 !important;
}

/************************************************************
 * ۲. استایل کارت اختصاصی محصول (Product Card)
 ************************************************************/

.bijan-exclusive-card {
    display: flex;
    align-items: center;
    background: #ffffff;
    border: 0.5px solid rgba(212, 175, 55, 0.2); 
    border-right: 12px solid #d4af37;
    padding: 20px 25px;
    border-radius: 16px;
    margin: 35px 0;
    direction: rtl;
    box-shadow: 0 10px 30px rgba(0,0,0,0.04);
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

.bijan-exclusive-card .bijan-card-thumb {
    position: relative;
    flex-shrink: 0;
}

.bijan-exclusive-card .bijan-card-thumb img {
    width: 140px !important;
    height: 140px !important;
    border-radius: 12px !important;
    object-fit: contain !important;
    background: #fff !important;
    /* خنثی سازی استایل عکس‌های مقاله */
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.bj-sale-badge {
    position: absolute;
    top: 5px;
    right: 5px;
    background: #ef4444;
    color: #fff !important;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 8px;
    border-radius: 8px;
    z-index: 5;
    box-shadow: 0 4px 10px rgba(239, 68, 68, 0.3);
}

.bijan-exclusive-card .bijan-card-info {
    flex-grow: 1;
    padding: 0 30px;
}

.bj-label {
    display: block;
    font-size: 12px;
    color: #d4af37;
    font-weight: bold;
    margin-bottom: 5px;
}

.bijan-exclusive-card .bijan-card-info h4 {
    margin: 0 0 10px 0 !important;
    font-size: 20px !important;
    color: #1a4d2e !important;
    font-weight: 800 !important;
    /* خنثی سازی خط طلایی */
    border-right: none !important;
    padding-right: 0 !important;
}

.bijan-card-price {
    font-size: 19px;
    color: #2d3748;
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 8px;
}

.bijan-card-price ins { text-decoration: none; color: #1a6b1a; }
.bijan-card-price del { color: #94a3b8; font-size: 0.8em; }

.bijan-exclusive-card .bijan-btn-view {
    display: inline-block;
    background-color: #1a4d2e;
    color: #ffffff !important;
    padding: 16px 28px;
    border-radius: 12px;
    text-decoration: none !important;
    font-weight: bold;
    min-width: 160px;
    text-align: center;
    transition: all 0.3s ease;
}

@media (max-width: 768px) {
    .bijan-exclusive-card {
        flex-direction: column;
        border-right: 0.5px solid rgba(212, 175, 55, 0.2);
        border-top: 10px solid #d4af37;
        text-align: center;
    }

    .bijan-exclusive-card .bijan-card-thumb {
        width: 100%;
        aspect-ratio: 1 / 1; 
        background: #fcfcfc;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 15px;
        overflow: visible !important;
    }

    .bijan-exclusive-card .bijan-card-thumb img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain; 
        padding: 8px;
        transition: transform 0.3s ease;
    }

    .bijan-exclusive-card:hover .bijan-card-thumb img {
        transform: scale(1.01) !important;
    }

    .bj-sale-badge {
        top: 10px;
        right: 10px;
        font-size: 14px;
    }

    .bijan-exclusive-card .bijan-card-info {
        padding: 0 15px 20px 15px !important;
    }

    .bijan-exclusive-card .bijan-card-action {
        width: 100%;
        padding: 0 10px 15px 10px;
    }

    .bijan-exclusive-card .bijan-btn-view {
        width: 100%;
        padding: 18px;
    }
}

/* اصلاح مارجین و پدینگ لیست توضیحات کوتاه محصول */
.single-product .product-short-description ul {
    margin: 0 5px 8px !important; /* مارجین از بغل شد ۱۵ */
    padding: 0 !important;         /* حذف کامل پدینگ */
    padding-inline-start: 0 !important; /* اطمینان از حذف پدینگ شروع در موبایل */
}

/* اگر دایره‌های لیست (Bullets) بیرون زدند، این کد کمکی را هم بگذار */
.single-product .product-short-description ul li {
    list-style-position: inside !important;
}

/* ۱. اجبار به نمایش آیکون تومان با آدرس‌دهی مستقیم HTML شما */
.price .woocommerce-Price-currencySymbol .dk-toman-icon {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 28px !important; /* اندازه آیکون */
    height: 18px !important;
    vertical-align: middle !important;
    margin-right: -2px !important; /* چسباندن به عدد */
    background-size: contain !important;
}

/* حذف کلمه تومان که با Content اضافه شده بود (چون الان می‌خواهیم آیکون خودت بیاید) */
.slider .product-small .price bdi::after {
    display: none !important;
}

/* رفع محدودیت احتمالی نگهدارنده واحد پول در فلت‌سام */
.price .woocommerce-Price-currencySymbol {
    display: inline-block !important;
    width: auto !important;
    margin-right: 2px !important;
}

/* ۲. حذف خط خاکستری بالای محصولات مرتبط */
.product-section {
    border-top: 0 !important;
}

/* ۳. استایل بدنه محصولات (حاشیه سبز، لبه گرد، پس‌زمینه خاکستری) */
.product-small .box-image {
    background-color: #ebebeb !important;
    border: 1px solid #228b22 !important;
    border-radius: 12px !important;
    transition: all 0.3s ease !important;
    overflow: hidden !important;
}

/* ۴. هاور طلایی و سایه */
.product-small:hover .box-image {
    border-color: #d4af37 !important;
    box-shadow: 0 4px 12px rgba(212, 175, 55, 0.3) !important;
}

/* ۵. مدیریت لایه‌ها در دسکتاپ */
@media (min-width: 992px) {
    .product-small:has(.back-image):hover .box-image img:first-child {
        opacity: 0 !important;
        visibility: hidden !important;
    }
    .product-small:hover .box-image .back-image {
        opacity: 1 !important;
        visibility: visible !important;
        z-index: 5 !important;
    }
    .product-small:hover .box-image .image-tools {
        z-index: 10 !important;
    }
}
/* =========================================================
    🎠 اسلایدر مشتریان لوکس - نسخه بهینه‌سازی شده موبایل
    ✍ نویسنده: بیژن درویشی
    🛠 اصلاحات: فعال‌سازی رنگ طبیعی در هاور + تغییر رنگ به سبز تیره
   ========================================================= */

/* ۱. تنظیمات بدنه اسلایدر */
.bijan-clients-slider {
    overflow: hidden !important;
    padding: 10px 0 !important;
    min-height: auto !important;
}

/* ۲. کادر دور لوگوها */
.bijan-clients-slider .img-inner {
    background-color: #ffffff !important;
    margin: 10px !important; 
    border: 1px solid rgba(201, 166, 70, 0.2) !important; 
    border-radius: 12px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    transition: all 0.4s ease-in-out !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    aspect-ratio: 4/3 !important;
    overflow: hidden !important;
}

/* حالت پیش‌فرض لوگوها (خاکستری) */
.bijan-clients-slider img {
    padding: 15px !important;
    object-fit: contain !important;
    width: 100% !important;
    height: 100% !important;
    filter: grayscale(100%) opacity(0.6) !important; /* رنگ خاکستری پیش‌فرض */
    transition: all 0.4s ease-in-out !important;
}

/* ۳. افکت هاور (رنگ طبیعی لوگو + سبز تیره) */
.bijan-clients-slider .img:hover .img-inner {
    border-color: #1b4d3e !important; /* تغییر به سبز تیره برنجی */
    transform: scale(1.04) !important; 
}

.bijan-clients-slider .img:hover img {
    filter: grayscale(0%) opacity(1) !important; /* بازگشت به رنگ طبیعی لوگو در هاور */
}

/* ۴. بخش تاییدیه اصالت */
.parde-trust-marker {
    text-align: center !important;
    margin: 0 auto 15px auto !important;
    padding: 0 10px !important;
}

/* ۵. تنظیمات نهایی موبایل */
@media (max-width: 550px) {
    .bijan-clients-slider {
        padding: 5px 0 !important;
    }
    .parde-trust-marker {
        margin-bottom: 10px !important;
    }
    .bijan-clients-slider .col {
        width: 50% !important;
        flex-basis: 50% !important;
        max-width: 50% !important;
        padding: 0 5px !important;
    }
    .bijan-clients-slider .img-inner {
        margin: 5px !important;
        aspect-ratio: 4/3 !important;
    }
    .bijan-clients-slider img {
        padding: 10px !important;
    }
}

/* 6. حذف فاصله زیر عنوان بخش (تراز کردن اسلایدر با متن بالا) */
.section-title-container {
    margin-bottom: 0 !important;
}

/* تغییر رنگ کل متن بردکرامب رنک مث به سفید */
.rank-math-breadcrumb, 
.rank-math-breadcrumb a, 
.rank-math-breadcrumb span {
    color: #ffffff !important;
}

/* حذف فاصله نارنجی رنگ (Margin) زیر بردکرامب رنک مث */
.rank-math-breadcrumb p {
    margin-bottom: 5px !important;
    margin-top: 0 !important;
    padding-bottom: 0 !important;
}

/* استایل لینک‌های شورت‌کد */
.tooska-special-link {
    color: #228b22 !important;
    text-decoration: none !important;
    border-bottom: 1px dashed #228b22 !important;
    padding-bottom: 2px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    display: inline !important;
}

/* حالا هاور طلایی هم بدون تداخل برمی‌گردد */
.tooska-special-link:hover {
    color: #d4af37 !important;
    border-bottom-color: #d4af37 !important;
    background-color: transparent !important;
}

/**
 * Developer: bijan_darvishi
 * Description: استایل اختصاصی برای لینک‌های شورت‌کد شامل خط‌چین سبز و هاور طلایی
 */

/* استایل ثابت لینک */
.tooska-special-link {
    color: #228b22 !important; /* سبز برند توسکا */
    text-decoration: none !important;
    border-bottom: 1px dashed #228b22 !important; /* خط‌چین سبز ثابت */
    padding-bottom: 1px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease-in-out !important;
    display: inline !important;
}

/* استایل هاور (زمانی که موس روی لینک می‌رود) */
.tooska-special-link:hover {
    color: #d4af37 !important; /* تغییر رنگ متن به طلایی */
    border-bottom-color: #d4af37 !important; /* تغییر رنگ خط‌چین به طلایی */
    background-color: transparent !important;
}

/* * Project: Neshagh Search Box Fix
 * Description: White background, 2px green border, and centered icon
 * Author: bijan darvishi
 */

/* ۱. سفید کردن داخل باکس و تنظیم حاشیه سبز ۲ پیکسل */
.form-flat input:not([type=submit]), 
.form-flat select, 
.form-flat textarea {
    background-color: #ffffff !important; /* حذف بک‌گراند خاکستری و جایگزینی با سفید */
    border: 2px solid rgb(46, 121, 46) !important; /* حاشیه سبز با پهنای ۲ پیکسل */
    transition: all 0.3s;
}

/* ۲. تراز کردن دقیق علامت ذره‌بین در مرکز */
.searchform-wrapper .ux-search-submit {
    display: flex !important;
    align-items: center !important; /* تراز عمودی در مرکز */
    justify-content: center !important; /* تراز افقی در مرکز */
    height: 100% !important;
    top: 0 !important;
    background-color: transparent !important;
    color: rgb(46, 121, 46) !important; /* رنگ سبز برای آیکون ذره‌بین */
}

/* ۳. اصلاح نهایی آیکون داخل دکمه برای جلوگیری از بالا رفتن */
.searchform-wrapper .ux-search-submit i.icon-search {
    line-height: 1 !important;
    margin: 0 !important;
    display: block !important;
}

.product-page-1 .related .product-title a,
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	font-weight: 400;
	line-height: 2.5rem;
}

/* کلاس والد برای جلوگیری از تداخل با بخش‌های دیگر */
.rice-shelf-style .box {
    overflow: hidden;
    background-color: transparent !important; /* حذف پس‌زمینه پیش‌فرض برای نمایش بهتر حاشیه */
    transition: transform 0.3s ease;
}

/* استایل طاقچه‌ای (قوسی) برای تصویر */
.rice-shelf-style .box-image {
    border-radius: 150px 150px 0 0 !important; /* ایجاد حالت گنبدی یا طاقچه‌ای در بالا */
    border: 2px solid #ffc633; /* نوار نازک رنگی دور تصویر - هماهنگ با رنگ زرد برند شما */
    border-bottom: none; /* حذف مرز پایین تصویر برای اتصال به متن */
    overflow: hidden;
}

/* استایل باکس متن زیر تصویر */
.rice-shelf-style .box-text {
    border: 2px solid #ffc633; /* ادامه نوار نازک رنگی دور متن */
    border-top: none; /* اتصال به تصویر بالا */
    border-radius: 0 0 15px 15px; /* کمی گرد کردن لبه‌های پایین */
}

.rice-shelf-style .section-title b {
    opacity: 1 !important;               /* حذف شفافیت برای نمایش کامل رنگ */
}

/* تعریف استایل برای کلاس جدید */
.banner-mega-menu {
    border-radius: 10px; /* گرد کردن لبه‌ها به اندازه ۱۰ پیکسل */
    border: 2px solid #256b00; /* حاشیه ۲ پیکسلی با رنگ سبز درخواستی */
    overflow: hidden; /* برای اینکه لبه‌های عکس هم همراه با کادر گرد شود */
    transition: all 0.3s ease; /* انیمیشن نرم برای تغییرات احتمالی */
}

/* اطمینان از اینکه خود عکس هم لبه‌هایش گرد می‌ماند */
.banner-mega-menu img {
    border-radius: 8px; /* کمی کمتر از کادر اصلی برای فیت شدن بهتر */
}


/* تست سلامت - این کد باید در بالاترین سطر باشد */
blockquote {
    border-right: 10px solid red !important;
    border-left: none !important;
    background-color: yellow !important;
}

/* این کد در دیتابیس ذخیره می‌شود و کش فایل CSS را دور می‌زند */
.entry-content blockquote, 
blockquote {
    border-right: 6px solid #339300 !important; /* سبز توسکا در سمت راست */
    border-left: none !important; /* حذف اجباری خط سمت چپ */
    padding: 20px 30px 20px 15px !important;
    background-color: #f0fdf4 !important;
    text-align: justify !important;
    display: block !important;
}

blockquote p {
    margin: 0 !important;
    color: #15803d !important;
}

/* =========================================================
   افکت اختصاصی عکس‌های داخل مقالات - توسعه‌دهنده: بیژن درویشی
   مخصوص ساختار فلت‌سام (رفع تداخل)
   ========================================================= */

/* استایل پیش‌فرض عکس‌های داخل متن مقاله */
.entry-content.single-page p img,
.entry-content.single-page figure img {
    border-radius: 5px !important;
    border: 3px solid #5b7322 !important; /* سبز زیتونی شیک */
    transition: all 0.4s ease-in-out !important;
    box-sizing: border-box !important; /* جلوگیری از به هم ریختن سایز عکس با حاشیه */
}

/* افکت هنگام رفتن موس روی عکس (هاور) */
.entry-content.single-page p img:hover,
.entry-content.single-page figure img:hover {
    border-color: #d4af37 !important; /* طلایی لوکس */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
    transform: translateY(-3px) !important;
}