شفاف میماند. با پیشوند کاملِ
«.woocommerce div.product» نوشته شده تا بر بلوک قدیمیترِ بالا غلبه کند
(specificity برابر، ترتیبِ متأخر → برنده).
========================================================= */
.woocommerce div.product .woocommerce-tabs{padding-top:10px}
.woocommerce div.product .woocommerce-tabs ul.tabs{display:flex;flex-wrap:wrap;gap:8px;border:none;margin:0 0 4px;padding:0;list-style:none}
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs::after{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:none;border:none;border-radius:0;margin:0;padding:0;box-shadow:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:none;border:none;box-shadow:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{display:block;padding:11px 22px;font-size:15px;font-weight:600;color:var(--ink-2);background:var(--bg-2);border:1px solid var(--line);border-radius:12px;margin:0;transition:.18s;text-decoration:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover{color:var(--ink);border-color:var(--ink-3)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:#fff;background:var(--brand);border-color:var(--brand);box-shadow:0 6px 18px -8px rgba(45,49,66,.5)}
.woocommerce div.product .woocommerce-tabs .panel{padding-top:26px;margin:0;background:none;color:var(--ink-2);line-height:2}
.woocommerce div.product .woocommerce-tabs .panel h2{font-size:22px;font-weight:800;color:var(--ink);margin-bottom:14px}
/* =========================================================
نقد و بررسیها (بخش نظرات محصول)
========================================================= */
.woocommerce #reviews #comments h2{font-size:22px;font-weight:800;color:var(--ink);margin-bottom:16px}
.woocommerce #reviews .commentlist{list-style:none;margin:0 0 26px;padding:0;display:flex;flex-direction:column;gap:14px}
.woocommerce #reviews .commentlist li{margin:0;padding:0}
.woocommerce #reviews .commentlist li .comment_container{background:var(--card);border:1px solid var(--card-line);border-radius:16px;padding:18px 20px;display:flex;gap:14px}
.woocommerce #reviews .commentlist li img.avatar{position:static;width:44px;height:44px;border-radius:50%;border:none;padding:0;background:none;float:none}
.woocommerce #reviews .commentlist li .comment-text{margin:0;border:none;padding:0;border-radius:0;flex:1}
.woocommerce #reviews .commentlist li .comment-text p{color:var(--ink-2);line-height:2}
.woocommerce #reviews .commentlist li .comment-text .meta{color:var(--ink);font-size:14px;margin-bottom:6px}
.woocommerce #review_form_wrapper{background:var(--bg-2);border:1px solid var(--card-line);border-radius:18px;padding:24px}
.woocommerce #review_form #respond .comment-reply-title{font-size:18px;font-weight:800;color:var(--ink);display:block;margin-bottom:14px}
.woocommerce #review_form #respond p{margin:0 0 14px}
.woocommerce #review_form #respond label{display:block;font-size:13px;font-weight:600;color:var(--ink-2);margin-bottom:6px}
.woocommerce #review_form #respond input[type=text],
.woocommerce #review_form #respond input[type=email],
.woocommerce #review_form #respond textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);padding:12px 14px;font-family:inherit;font-size:14px;line-height:1.9;outline:none}
.woocommerce #review_form #respond textarea{min-height:130px;resize:vertical}
.woocommerce #review_form #respond input:focus,.woocommerce #review_form #respond textarea:focus{border-color:var(--brand)}
.woocommerce #review_form #respond .form-submit input#submit{background:var(--brand);color:var(--btn-fg,#fff);border:none;border-radius:12px;padding:12px 26px;font-family:inherit;font-weight:700;font-size:14px;cursor:pointer}
.woocommerce .woocommerce-noreviews{background:var(--bg-2);border-inline-start:4px solid var(--sky-deep);color:var(--ink-2)}
.woocommerce p.stars a{color:var(--gold)}
.woocommerce .star-rating span,.woocommerce .star-rating::before{color:var(--gold)}
/* =========================================================
حالت تیره: خنثیکردن رنگهای ثابتِ استایل پیشفرض ووکامرس
========================================================= */
[data-theme="dark"] .woocommerce div.product .woocommerce-tabs ul.tabs li,
[data-theme="dark"] .woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:none;box-shadow:none}
[data-theme="dark"] .woocommerce div.product .woocommerce-tabs ul.tabs li a{background:var(--bg-2);border-color:var(--line);color:var(--ink-2)}
[data-theme="dark"] .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover{color:var(--ink);border-color:var(--ink-3)}
[data-theme="dark"] .woocommerce div.product .woocommerce-tabs ul.tabs li.active a{background:var(--sky);border-color:var(--sky);color:#12151d;box-shadow:0 8px 22px -10px rgba(153,206,255,.45)}
[data-theme="dark"] .woocommerce #reviews .commentlist li .comment_container,
[data-theme="dark"] .woocommerce #review_form_wrapper,
[data-theme="dark"] .woocommerce .cart_totals,
[data-theme="dark"] .woocommerce-checkout #order_review{background:var(--card);border-color:var(--card-line);color:var(--ink-2)}
[data-theme="dark"] .woocommerce table.shop_table,
[data-theme="dark"] .woocommerce table.shop_table td,
[data-theme="dark"] .woocommerce table.shop_table th{background:var(--card);color:var(--ink-2);border-color:var(--line)}
[data-theme="dark"] .woocommerce table.shop_table th{background:var(--bg-2);color:var(--ink)}
[data-theme="dark"] .woocommerce-message,
[data-theme="dark"] .woocommerce-info,
[data-theme="dark"] .woocommerce-error,
[data-theme="dark"] .woocommerce-noreviews{background:var(--bg-2);color:var(--ink)}
[data-theme="dark"] .woocommerce form .form-row input.input-text,
[data-theme="dark"] .woocommerce form .form-row textarea,
[data-theme="dark"] .woocommerce #review_form #respond input[type=text],
[data-theme="dark"] .woocommerce #review_form #respond input[type=email],
[data-theme="dark"] .woocommerce #review_form #respond textarea,
[data-theme="dark"] .woocommerce .select2-container--default .select2-selection--single{background:var(--card);color:var(--ink);border-color:var(--line)}
[data-theme="dark"] .woocommerce .select2-dropdown{background:var(--card);color:var(--ink);border-color:var(--line)}
[data-theme="dark"] .woocommerce div.product p.price,
[data-theme="dark"] .woocommerce div.product span.price{color:var(--ink)}
/* سلکت مرتبسازی با ظاهر طراحی (.lg-select) */
.woocommerce .woocommerce-ordering select.orderby,
.woocommerce-page .woocommerce-ordering select.orderby{height:44px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink);padding:0 16px;font-family:inherit;font-size:14px;cursor:pointer;outline:none}
.woocommerce .woocommerce-ordering{margin:0}
.woocommerce .woocommerce-result-count{margin:0;font-size:14px;color:var(--ink-3)}
/* گرید محصولات مرتبط/مکمل: کارتهای ما فرزند مستقیم ul.products هستند */
.woocommerce .related.products>h2,.woocommerce .up-sells>h2,.woocommerce .cross-sells>h2{font-size:24px;font-weight:800;color:var(--ink);margin:40px 0 20px}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
/* =========================================================
حالت تیره: دکمهها — مطابق قرارداد طراحی، دکمهی اصلی در تم تیره
آبیِ آسمانی با متن تیره میشود (مثل .lg-btn-primary در base.css).
بدون این، background:var(--brand) سرمهای میماند و متن var(--btn-fg)
تقریباً مشکی میشود → دکمه ناخوانا.
========================================================= */
[data-theme="dark"] .woocommerce a.button,
[data-theme="dark"] .woocommerce button.button,
[data-theme="dark"] .woocommerce input.button,
[data-theme="dark"] .woocommerce #respond input#submit,
[data-theme="dark"] .woocommerce a.button.alt,
[data-theme="dark"] .woocommerce button.button.alt,
[data-theme="dark"] .woocommerce div.product form.cart button.button,
[data-theme="dark"] .woocommerce #review_form #respond .form-submit input#submit,
[data-theme="dark"] .lg-comments #submit{
background:var(--sky);color:#12151d;box-shadow:0 8px 26px -10px rgba(153,206,255,.5)
}
[data-theme="dark"] .woocommerce a.button:hover,
[data-theme="dark"] .woocommerce button.button:hover,
[data-theme="dark"] .woocommerce input.button:hover,
[data-theme="dark"] .woocommerce a.button.alt:hover,
[data-theme="dark"] .woocommerce button.button.alt:hover{background-color:var(--sky);color:#12151d}
/* دکمههای غیرفعال در تم تیره هم خوانا بمانند */
[data-theme="dark"] .woocommerce button.button:disabled,
[data-theme="dark"] .woocommerce button.button.alt:disabled{background:var(--bg-3);color:var(--ink-3);box-shadow:none}
/* دکمهی طلایی (تسویه) در تم تیره */
[data-theme="dark"] .woocommerce .button.lg-btn-gold,
[data-theme="dark"] .woocommerce-page .checkout-button{background:var(--gold);color:#1c1710}
/* فاصلهی بخش محصولات مرتبط تا فوتر */
.lg-related-sec .related.products>h2{margin-top:0}
.lg-related-sec{padding-top:10px}
/* =========================================================
صفحهی «سفارش دریافت شد» (پس از پرداخت موفق) + حساب کاربری
========================================================= */
.woocommerce .woocommerce-order{max-width:900px;margin:0 auto}
.woocommerce ul.woocommerce-order-overview,.woocommerce ul.order_details{list-style:none;display:flex;flex-wrap:wrap;gap:14px;margin:22px 0 30px;padding:0;background:var(--card);border:1px solid var(--card-line);border-radius:18px;padding:20px}
.woocommerce ul.order_details li,
.woocommerce ul.woocommerce-order-overview li{border:none;margin:0;padding:0 18px 0 0;font-size:12.5px;color:var(--ink-3);text-transform:none;flex:1 1 170px;min-width:170px;max-width:100%;box-sizing:border-box;min-inline-size:0}
/* مقادیر بلند (مثل ایمیل) باید بشکنند تا روی ستونِ کناری نیفتند (فاز ۲ / مورد ۷). */
.woocommerce ul.order_details li strong,
.woocommerce ul.woocommerce-order-overview li strong{display:block;margin-top:6px;font-size:15px;color:var(--ink);font-family:Vazirmatn;overflow-wrap:anywhere;word-break:break-word}
.woocommerce ul.order_details li::after{display:none}
.woocommerce .woocommerce-order h2,.woocommerce .woocommerce-column__title,.woocommerce-account h2{font-size:20px;font-weight:800;color:var(--ink);margin:26px 0 14px}
.woocommerce .woocommerce-order-details table.shop_table,.woocommerce .woocommerce-customer-details address{border-radius:16px;border:1px solid var(--card-line);background:var(--card);color:var(--ink-2)}
.woocommerce .woocommerce-thankyou-order-received{font-size:18px;font-weight:700;color:var(--ink)}
/* دانلودهای خریداریشده (محصولات دانلودی) */
.woocommerce .woocommerce-order-downloads table.shop_table,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table{background:var(--card);border-radius:16px}
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a{display:block;padding:11px 14px;border-radius:11px;font-size:14px;font-weight:600;color:var(--ink-2);text-decoration:none}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover{background:var(--bg-2);color:var(--ink)}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a{background:var(--brand);color:#fff}
[data-theme="dark"] .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a{background:var(--sky);color:#12151d}
[data-theme="dark"] .woocommerce ul.woocommerce-order-overview,
[data-theme="dark"] .woocommerce ul.order_details,
[data-theme="dark"] .woocommerce .woocommerce-customer-details address{background:var(--card);border-color:var(--card-line);color:var(--ink-2)}
/* =========================================================
حذف کاملِ رنگهای پیشفرض ووکامرس (بنفش #7f54b3 و خاکستری #dad8da)
---------------------------------------------------------
ووکامرس در حالت hover از background-color استفاده میکند؛ اگر ما در
hover فقط filter/color بدهیم، رنگ بنفشِ ووکامرس برنده میشود.
بنابراین در همهی حالتها صریحاً background-color خودمان را میگذاریم.
========================================================= */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce a.button.alt, .woocommerce button.button.alt,
.woocommerce input.button.alt, .woocommerce #respond input#submit.alt,
.woocommerce div.product form.cart button.button, .woocommerce div.product form.cart .button,
.woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button{
background-color:var(--brand)!important;background-image:none;color:var(--btn-fg,#fff)!important;
border-radius:12px;border:none;font-family:inherit;font-weight:700;text-shadow:none;box-shadow:none
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce #respond input#submit:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt:hover,
.woocommerce a.button:focus, .woocommerce button.button:focus, .woocommerce input.button:focus,
.woocommerce a.button.alt:focus, .woocommerce button.button.alt:focus,
.woocommerce a.button:active, .woocommerce button.button:active,
.woocommerce a.button.alt:active, .woocommerce button.button.alt:active,
.woocommerce div.product form.cart button.button:hover,
.woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover{
background-color:var(--brand)!important;color:var(--btn-fg,#fff)!important;filter:brightness(1.12);
outline:none;text-decoration:none
}
/* حالت تیره: دکمهی اصلی آبیِ آسمانی با متن تیره (قرارداد طراحی) */
[data-theme="dark"] .woocommerce a.button, [data-theme="dark"] .woocommerce button.button,
[data-theme="dark"] .woocommerce input.button, [data-theme="dark"] .woocommerce #respond input#submit,
[data-theme="dark"] .woocommerce a.button.alt, [data-theme="dark"] .woocommerce button.button.alt,
[data-theme="dark"] .woocommerce input.button.alt, [data-theme="dark"] .woocommerce #respond input#submit.alt,
[data-theme="dark"] .woocommerce div.product form.cart button.button,
[data-theme="dark"] .woocommerce a.button:hover, [data-theme="dark"] .woocommerce button.button:hover,
[data-theme="dark"] .woocommerce input.button:hover, [data-theme="dark"] .woocommerce a.button.alt:hover,
[data-theme="dark"] .woocommerce button.button.alt:hover, [data-theme="dark"] .woocommerce input.button.alt:hover,
[data-theme="dark"] .woocommerce div.product form.cart button.button:hover{
background-color:var(--sky)!important;color:#12151d!important
}
/* دکمهی تسویه (طلایی برند) در هر دو تم */
.woocommerce .button.lg-btn-gold, .woocommerce-page .checkout-button,
.woocommerce .button.lg-btn-gold:hover, .woocommerce-page .checkout-button:hover,
.woocommerce-page .checkout-button.alt, .woocommerce-page .checkout-button.alt:hover{
background-color:var(--gold)!important;color:#1c1710!important
}
/* دکمهی غیرفعال */
.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled],
.woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button:disabled:hover, .woocommerce button.button.alt:disabled:hover{
background-color:var(--bg-3)!important;color:var(--ink-3)!important;filter:none;cursor:not-allowed
}
/* دکمهی آیکونیِ کارت محصول (نباید قواعد بالا رویش اثر بگذارد) */
.lg-pcard .foot a.lg-addbtn, .lg-pcard .foot a.lg-addbtn:hover{
background-color:var(--brand)!important;color:#fff!important;border-radius:11px;width:40px;height:40px;padding:0
}
[data-theme="dark"] .lg-pcard .foot a.lg-addbtn,
[data-theme="dark"] .lg-pcard .foot a.lg-addbtn:hover{background-color:var(--sky)!important;color:#12151d!important}
/* اعلانها: نوار رنگی بالای اعلانهای ووکامرس بنفش/سبزِ پیشفرض است */
.woocommerce-message{border-top-color:#1f8a52!important}
.woocommerce-message::before{color:#1f8a52!important}
.woocommerce-info{border-top-color:var(--sky-deep)!important}
.woocommerce-info::before{color:var(--sky-deep)!important}
.woocommerce-error{border-top-color:#c0392b!important}
.woocommerce-error::before{color:#c0392b!important}
/* برچسب «حراج» و نوار فیلتر قیمت هم رنگ برند بگیرند */
.woocommerce span.onsale{background-color:var(--gold)!important;color:#1c1710!important}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{background-color:var(--sky-deep)!important}
.woocommerce .woocommerce-store-notice, p.demo_store{background-color:var(--brand)!important}
[data-theme="dark"] .woocommerce .woocommerce-store-notice, [data-theme="dark"] p.demo_store{background-color:var(--sky)!important;color:#12151d!important}
/* برچسب «رایگان» بهجای قیمت صفر */
.lg-price-free{color:#1f8a52;font-weight:700}
[data-theme="dark"] .lg-price-free{color:#5fcf92}
.lg-pcard .price.free .lg-price-free{color:#1f8a52}
/* واحد پول کوچکتر و کمرنگتر، سمت چپِ عدد */
.woocommerce-Price-currencySymbol{font-weight:400;color:var(--ink-3)}
.lg-pd-price .now .woocommerce-Price-amount{font-family:Vazirmatn}
/* =========================================================
پل بین مارکآپ ووکامرس و طراحی: سبد خرید و پرداخت
ووکامرس فیلدها را داخل و
رندر میکند.
========================================================= */
.lg-checkout .lg-form-grid .form-row{margin:0;padding:0}
.lg-fg .woocommerce-input-wrapper{display:block;width:100%}
.lg-fg .woocommerce-input-wrapper input,
.lg-fg .woocommerce-input-wrapper textarea,
.lg-fg .woocommerce-input-wrapper select{width:100%}
.lg-fg label abbr.required,.lg-fg .required{color:#c0392b;text-decoration:none;border:none;margin-inline-start:3px}
.lg-fg textarea{height:auto;min-height:104px;padding-top:12px;resize:vertical}
.lg-fg input[type=email],.lg-fg input[type=tel]{direction:ltr;text-align:right}
/* پیام خطای اعتبارسنجی زیر فیلد */
.lg-form-grid .woocommerce-invalid input,.lg-form-grid .woocommerce-invalid select{border-color:#c0392b}
.lg-form-grid .woocommerce-validated input{border-color:#1f8a52}
/* عنوانهای پیشفرض ووکامرس داخل کارتها لازم نیستند (طراحی تیتر خودش را دارد) */
.lg-co-card .woocommerce-billing-fields > h3,
.lg-co-card .woocommerce-additional-fields > h3,
.lg-co-card #order_review_heading{display:none}
.lg-co-card .woocommerce-billing-fields,
.lg-co-card .woocommerce-additional-fields,
.lg-co-card .woocommerce-billing-fields__field-wrapper,
.lg-co-card .woocommerce-additional-fields__field-wrapper{display:contents}
/* روشهای پرداخت: رادیوی اصلی پنهان، دایرهی طراحی نمایش داده میشود */
.lg-pay input[type=radio]{position:absolute;opacity:0;pointer-events:none}
.lg-pay{cursor:pointer}
.lg-pay-fields{padding:12px 16px;margin:-6px 0 10px;border-radius:12px;background:var(--bg-2);color:var(--ink-3);font-size:12.5px}
.lg-pay-fields p{margin:0}
.woocommerce-checkout-payment{margin:0}
/* خلاصهی سفارش: رَپِر #order_review نباید فاصله اضافه کند */
.lg-co-sum #order_review{margin:0}
.lg-co-sum .lg-co-line .ic img{width:100%;height:100%;object-fit:cover;border-radius:9px}
.lg-co-sum .lg-co-line .nm .q{color:var(--ink-3);font-size:12px;margin-inline-start:4px}
.lg-co-sum .place-order{margin:0}
.lg-co-sum #place_order{width:100%;margin-top:18px;padding:16px;justify-content:center;display:flex}
/* سبد خرید: تصویر محصول داخل thumb طراحی */
.lg-citem .thumb .thumb-img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.lg-citem .info h3 a{color:inherit;text-decoration:none}
.lg-citem .info h3 a:hover{color:var(--sky-deep)}
.lg-citem .fmt .qty{color:var(--ink-3);margin-inline-start:6px}
.lg-citem .price del{display:block;font-size:11px;color:var(--ink-3);font-weight:400}
.lg-citem .price ins{text-decoration:none}
.lg-citem a.rm{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.woocommerce-cart-form{margin:0}
/* کوپن ووکامرس در قالبِ طراحی */
.lg-coupon .input-text{flex:1;min-width:0}
.lg-coupon button{white-space:nowrap}
/* اعلانهای ووکامرس بالای سبد/پرداخت */
.woocommerce-notices-wrapper{margin-bottom:18px}
/* پیام سفارش رایگان (وقتی مبلغ صفر است، ووکامرس درگاهی نشان نمیدهد) */
.lg-free-order{display:flex;align-items:center;gap:12px;background:var(--bg-2);border:1px solid var(--card-line);border-radius:14px;padding:16px 18px}
.lg-free-order svg{width:22px;height:22px;flex:none;color:#1f8a52}
.lg-free-order b{display:block;font-size:14.5px;color:var(--ink);font-weight:700}
.lg-free-order span{font-size:12.5px;color:var(--ink-3)}
/* ---------- صفحهی «سفارش دریافت شد» ---------- */
.woocommerce-order p.woocommerce-notice--success,
.woocommerce-order .woocommerce-thankyou-order-received{font-size:20px;font-weight:800;color:var(--ink);margin-bottom:6px}
.woocommerce-order .woocommerce-order-overview li strong,
.woocommerce-order .order_details li strong{font-family:Vazirmatn}
.woocommerce-order-details__title,.woocommerce-column__title,.woocommerce-order-downloads__title{font-size:19px;font-weight:800;color:var(--ink);margin:30px 0 14px}
.woocommerce-table--order-details,.woocommerce-table--downloads{border:1px solid var(--card-line);border-radius:16px;overflow:hidden;border-collapse:separate;border-spacing:0;width:100%}
.woocommerce-table--order-details th,.woocommerce-table--downloads th{background:var(--bg-2);color:var(--ink);font-weight:700;font-size:13.5px;padding:13px 16px;text-align:start}
.woocommerce-table--order-details td,.woocommerce-table--downloads td{padding:13px 16px;color:var(--ink-2);font-size:14px;border-top:1px solid var(--line);background:var(--card)}
.woocommerce-table--order-details a,.woocommerce-table--downloads a{color:var(--sky-deep);font-weight:600;text-decoration:none}
/* دکمهی دانلود فایل خریداریشده */
.woocommerce-table--downloads .download-file a,
.woocommerce-order-downloads .woocommerce-MyAccount-downloads-file{display:inline-flex;align-items:center;gap:7px;background:var(--brand);color:#fff!important;border-radius:10px;padding:9px 16px;font-weight:700;font-size:13px;text-decoration:none}
[data-theme="dark"] .woocommerce-table--downloads .download-file a,
[data-theme="dark"] .woocommerce-order-downloads .woocommerce-MyAccount-downloads-file{background:var(--sky);color:#12151d!important}
.woocommerce-customer-details .woocommerce-column__title{margin-top:26px}
.woocommerce-customer-details address{border:1px solid var(--card-line)!important;border-radius:14px;padding:16px 18px;background:var(--card);color:var(--ink-2);font-style:normal;line-height:2.2}
/* =========================================================
پولیش تبهای تکمحصول (رَپِر .lg-pd-tabs) — مطابق طراحی لگاتک.
رَپِر «.product» زنجیرهی «.woocommerce div.product .woocommerce-tabs» را
کامل میکند تا استایلهای بالا فعال شوند؛ این چند قانون فقط برای خواناییِ
بهترِ محتوای پنل و بخش نظرات است (عرض مطالعهای مطابق طراحی).
========================================================= */
.lg-pd-tabs{margin:0}
.lg-pd-tabs .woocommerce-tabs .panel > *{max-width:820px}
.lg-pd-tabs .woocommerce-tabs .panel h2{font-size:22px;font-weight:800;color:var(--ink);margin:0 0 14px}
.lg-pd-tabs .woocommerce-tabs .panel p{margin:0 0 14px}
.lg-pd-tabs .woocommerce-tabs .panel ul,
.lg-pd-tabs .woocommerce-tabs .panel ol{margin:0 0 16px;padding-inline-start:22px;color:var(--ink-2);line-height:2}
.lg-pd-tabs .woocommerce-tabs .panel ul li,
.lg-pd-tabs .woocommerce-tabs .panel ol li{margin:0 0 6px}
.lg-pd-tabs #reviews{max-width:820px}
/* نوار پیمایش تبها روی موبایل قابل اسکرول بماند (بدون شکستنِ چیدمان) */
@media (max-width:640px){
.lg-pd-tabs .woocommerce-tabs ul.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;scrollbar-width:none}
.lg-pd-tabs .woocommerce-tabs ul.tabs::-webkit-scrollbar{display:none}
.lg-pd-tabs .woocommerce-tabs ul.tabs li a{white-space:nowrap}
}
/* عناصر تزریقشده توسط بهینهساز WebP باید در چیدمان «شفاف» باشند
تا دقیقاً مثل ![]()
رفتار کنند و هیچ استایل موجودی نشکند. */
picture.lg-webp{display:contents}
/* حذفِ هایلایتِ زردِ پیشفرضِ مرورگر روی در متنِ وضعیت سفارش
(شماره سفارش / تاریخ / وضعیت) — متن عادی و همرنگِ محتوا شود. */
.woocommerce mark,
.woocommerce-order mark,
mark.order-number,
mark.order-date,
mark.order-status{background:transparent!important;background-color:transparent!important;color:inherit!important;font-weight:700}
/* =========================================================
محصولات درجشده داخل محتوای نوشته/دپارتمان/خدمت (بلوک یا شورتکد)
دو مشکل رفع میشود:
۱) قاعدهی .lg-prose ul{display:flex;flex-direction:column} لیست محصولات را
عمودی و پشتسرهم میچید.
۲) بلوکهای جدید ووکامرس مارکآپ متفاوتی (wc-block-grid / product-template)
دارند که گرید نمیشد.
========================================================= */
.lg-prose ul.products,
.lg-prose .wc-block-grid__products,
.lg-prose .wp-block-woocommerce-product-template,
.lg-prose .wc-block-product-template,
ul.products,
.wc-block-grid__products,
.wp-block-woocommerce-product-template,
.wc-block-product-template{
display:grid!important;
grid-template-columns:repeat(auto-fill,minmax(230px,1fr))!important;
gap:22px!important;
list-style:none!important;
margin:26px 0 0!important;
padding:0!important;
flex-direction:row!important;
}
.lg-prose ul.products>li,
.lg-prose .wc-block-grid__products>li,
.lg-prose .wc-block-product-template>li,
ul.products>li,
.wc-block-grid__products>li,
.wc-block-product-template>li{
margin:0!important;padding:0!important;list-style:none!important;width:auto!important;float:none!important;
}
.lg-prose ul.products>li::marker,
.lg-prose .wc-block-grid__products>li::marker,
.lg-prose .wc-block-product-template>li::marker{content:""!important}
/* کارت بلوکِ ووکامرس: همشکل با کارتهای فروشگاهِ قالب */
.wc-block-grid__product,
.wc-block-product-template .wc-block-product{
background:var(--card);border:1px solid var(--card-line);border-radius:20px;
overflow:hidden;padding:16px;text-align:start;transition:.22s;height:100%;
display:flex;flex-direction:column;
}
.wc-block-grid__product:hover,
.wc-block-product-template .wc-block-product:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.wc-block-grid__product-image img,
.wc-block-product-template .wc-block-components-product-image img{
border-radius:14px!important;border:0!important;margin:0 0 12px!important;
width:100%;height:180px;object-fit:cover;display:block;
}
.wc-block-grid__product-title,
.wc-block-components-product-title{
font-size:15px!important;font-weight:700!important;color:var(--ink)!important;
line-height:1.7!important;margin:0 0 8px!important;
}
.wc-block-grid__product-title a,
.wc-block-components-product-title a{color:inherit!important;border-bottom:0!important;text-decoration:none!important}
.wc-block-grid__product-price,
.wc-block-components-product-price{
font-family:Vazirmatn;font-weight:700;font-size:15px;color:var(--ink)!important;margin:0 0 12px!important;display:block;
}
.wc-block-grid__product-price del,
.wc-block-components-product-price del{color:var(--ink-3)!important;font-weight:400;font-size:12px}
.wc-block-grid__product-price ins,
.wc-block-components-product-price ins{text-decoration:none!important}
.wc-block-grid__product-add-to-cart,
.wc-block-product-template .wp-block-button{margin-top:auto!important}
.wc-block-grid__product-add-to-cart .wp-block-button__link,
.wc-block-grid__product .add_to_cart_button,
.wc-block-product-template .wp-block-button__link{
display:inline-flex!important;align-items:center;justify-content:center;
background:var(--brand)!important;color:#fff!important;border:0!important;
border-radius:12px!important;padding:10px 18px!important;font-size:13px!important;
font-weight:600!important;font-family:inherit!important;width:100%;box-sizing:border-box;
}
[data-theme="dark"] .wc-block-grid__product-add-to-cart .wp-block-button__link,
[data-theme="dark"] .wc-block-grid__product .add_to_cart_button,
[data-theme="dark"] .wc-block-product-template .wp-block-button__link{
background:var(--sky)!important;color:#12151d!important;
}
@media (max-width:640px){
.lg-prose ul.products,.lg-prose .wc-block-grid__products,
.lg-prose .wc-block-product-template,ul.products,
.wc-block-grid__products,.wc-block-product-template{
grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;gap:14px!important;
}
.wc-block-grid__product-image img,
.wc-block-product-template .wc-block-components-product-image img{height:130px}
}