/**
 * استایل‌های سفارشی برای پلاگین پرو لیست
 *
 * @package    Pro_List
 * @subpackage Pro_List/assets/css
 */

/* استایل‌های تصاویر محصولات */
.product-cell.image img {
    border-radius: 12px !important; /* مربع با گوشه‌های گرد */
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
    background-color: white !important;
    padding: 5px !important;
}

/* استایل‌های تصاویر محصولات با کلاس سفارشی */
.pro-list-custom-img-shadow {
    border-radius: 12px !important; /* مربع با گوشه‌های گرد */
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
}

/* استایل‌های تصاویر محصولات در حالت پرینت */
@media print {
    .product-cell.image img,
    .pro-list-custom-img-shadow {
        border-radius: 12px !important;
        -webkit-border-radius: 12px !important;
        -moz-border-radius: 12px !important;
    }
}

/* استایل‌های مختلف برای تصاویر محصولات */
/* استایل 1: مربع با گوشه‌های گرد (پیش‌فرض) */
.product-image-style-square .product-cell.image img {
    border-radius: 12px !important;
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
}

/* استایل 2: دایره */
.product-image-style-circle .product-cell.image img {
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
}

/* استایل 3: مربع بدون گوشه‌های گرد */
.product-image-style-rectangle .product-cell.image img {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
}

/* استایل 4: شش‌ضلعی */
.product-image-style-hexagon .product-cell.image img {
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%) !important;
    border-radius: 0 !important;
}

/* استایل 5: لوزی */
.product-image-style-diamond .product-cell.image img {
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%) !important;
    border-radius: 0 !important;
}