/* Optimized CSS for Construction Materials Site 
   Focus: Performance, Mobile-First, and Clean DOM
*/

/* ۱. حذف شمارش تعداد پاسخ */
.title-comments{
    display: none !important;
}
/* ۱. تغییر جایگاه متن پرسش را بپرسید */
.comment-reply-title{
    text-align:center !important; font-weight: bold;
}
.comment-reply-title::before {
    content: "( ";
    font-weight: bold;
}

.comment-reply-title::after {
    content: " )";
    font-weight: bold;
}
/* ۱. تجمیع المان‌های پنهان */
.woocommerce-review__dash, 
.says, 
.comment-reply-link, 
.comment-metadata, 
.home p#breadcrumbs, 
.count,
.comment-author .fn span, 
.comment-author .fn a:last-child {
    display: none !important;
}

/* ۲. تنظیمات تایپوگرافی و رنگ‌بندی (EEAT Consistency) */
.woocommerce-review__author,
.comment-author cite, 
.comment-author .fn {
    color: #1a73e8 !important;
    font-weight: bold;
}

.comment-body {
    text-align: justify;
}
/* حذف شماره از لیست‌های پاسخ در بخش کامنت‌ها */
.comment-list .children {
    list-style-type: none !important;
    text-decoration: none;
}
/* حذف دایره یا شماره اضافی در لیست پرسش و پاسخ محصول */ 
.woocommerce-Reviews .commentlist .children {
    list-style-type: none !important;
}
/* ۳. استایل‌های بخش محصولات و دسته‌بندی ووکامرس */
.woocommerce-loop-category__title {
    color: #000000;
    font-weight: bold;
}

.woocommerce ul.products {
    list-style: none;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
    opacity: 1;
}

/* ۴. منوهای موبایل و لیبل‌ها */
.mega-toggle-label-closed, 
.mega-toggle-label-open {
    font-weight: bold;
}

/* ۵. بهینه‌سازی جداول فنی مصالح ساختمانی */
.responsive-table-container {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; 
}

/* ۶. تنظیمات محتوای کامنت‌ها */
.comment-content, 
.comment-content p,
.bypostauthor .comment-content, 
.bypostauthor .comment-content p {
    font-weight: normal !important;
    line-height: 2;
    margin-right: 0 !important;
    margin-left: 10px !important;
    padding-right: 0 !important;
    padding-left: 10px !important;
}

/* ۷. اصلاحات اختصاصی موبایل */
@media screen and (max-width: 600px) {
    .comment-content p {
        margin-left: 10px !important;
        padding-left: 10px !important;
    }
}
/* وسط چین کردن تمام تصاویر دارای کلاس aligncenter در ویجت متن */
.elementor-widget-text-editor img.aligncenter {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    clear: both !important;
}
.category-qa {
    margin-top: 20px;
}
.category-qa .qa-block {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 15px;
    background-color: #fafafa;
}
.category-qa .qa-author {
    font-weight: bold;
    color: #222;
    margin-bottom: 4px;
}
.category-qa .qa-question {
    margin-bottom: 6px;
    line-height: 1.5;
}
.category-qa .qa-answer {
    margin-left: 10px;
    color: #555;
    line-height: 1.6;
}