
/* راست‌چین کردن مقدار ویژگی‌های محصول */
.woocommerce-product-attributes-item__value,
.woocommerce-product-attributes-item__value p,
.woocommerce-product-attributes-item__value span,
.woocommerce-product-attributes-item__value a {
    direction: rtl !important;
    text-align: right !important;
    justify-content: flex-start !important;
}

.woocommerce-product-attributes-item__value {
    display: block !important;
    width: 100%;
}
/* حفظ ساختار جدول */
#tab-additional_information table.shop_attributes{
    width:100%;
    border-collapse:collapse;
}

/* ستون عنوان ویژگی */
#tab-additional_information table.shop_attributes th{
    width:30%;
    text-align:right;
    vertical-align:top;
    white-space:nowrap;
}

/* ستون مقدار ویژگی */
#tab-additional_information table.shop_attributes td{
    width:70%;
    text-align:right;
    direction:rtl;
}

#tab-additional_information table.shop_attributes td p{
    margin:0;
    text-align:right;
}
/* فقط برای موبایل */

/* اصلاح چیدمان جدول ویژگی‌ها در موبایل */
@media (max-width: 767px) {
    #tab-additional_information table.shop_attributes,
    #tab-additional_information table.shop_attributes tbody {
        display: block !important;
        width: 100% !important;
    }

    #tab-additional_information table.shop_attributes tr {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        width: 100% !important;
        border-bottom: 1px solid #eee;
    }

    #tab-additional_information table.shop_attributes th,
    #tab-additional_information table.shop_attributes td {
        display: block !important;
        box-sizing: border-box !important;
        white-space: normal !important;
        word-break: break-word !important;
    }

    #tab-additional_information table.shop_attributes th{
        width: 35% !important;
        flex: 0 0 35% !important;
        max-width: 35% !important;
        padding-left: 8px !important;
    }

    #tab-additional_information table.shop_attributes td{
        width: 65% !important;
        flex: 0 0 65% !important;
        max-width: 65% !important;
    }
}

