/*
	Theme Name:	Xtra Child
	Theme URI:	https://www.rtl-theme.com/xtra-corporate-woocommerce-theme/
	Description:Sample child theme of Xtra theme for customization.
	Author:		Xtra Theme
	Author URI:	http://xtratheme.ir
	Template:	xtra
	Version:	1.0.0
*/

/* مهار کردن کادر اسلایدر برای جلوگیری از بیرون زدن لبه‌های عکس هنگام زوم */
.woocommerce-product-gallery__wrapper, 
.flex-viewport,
.woocommerce-product-gallery__image {
    overflow: hidden !important;
}

/* حفظ تناسبات و ابعاد واقعی تابلوی هنری */
.woocommerce-product-gallery__image img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    transform: scale(1);
    transition: transform 0.5s ease-in-out !important;
}

/* انیمیشن زوم خودکار بسیار ملایم (فقط ۱۰ درصد بزرگنمایی برای حفظ حاشیه‌های اثر) */
@keyframes vartiehSimpleZoom {
    0% { transform: scale(1); }
    100% { transform: scale(1.1); }
}

/* اعمال انیمیشن فید و زوم فقط و فقط روی اسلاید فعالِ اسلایدر خودِ ووکامرس */
.woocommerce-product-gallery__wrapper .flex-active-slide img,
.woocommerce-product-gallery__wrapper .slick-current img {
    animation: vartiehSimpleZoom 7s ease-in-out forwards !important;
}

/* افکت فید (Fade) نرم هنگام تعویض اسلایدها که توسط خود ووکامرس انجام می‌شود */
.woocommerce-product-gallery__image {
    transition: opacity 0.8s ease-in-out !important;
}