/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: ایران فلتسام
Theme URI: http://flatsomee.ir/
Author URI: http://flatsomee.ir/
Template: flatsome
Version: 3.10.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/* ========================================
   گرد کردن کارت‌های محصولات - همه بخش‌ها
   ======================================== */

/* کارت اصلی محصول */
.product-small.box {
    border-radius: 15px;
    overflow: hidden;
}

/* بخش تصویر محصول */
.product-small .box-image {
    border-radius: 15px 15px 0 0;
    overflow: hidden;
}

.product-small .box-image > div:first-child {
    border-radius: 15px 15px 0 0;
    overflow: hidden;
}

/* تصاویر محصول */
.product-small .box-image img {
    border-radius: 15px 15px 0 0;
}

/* بخش متن و قیمت محصول */
.product-small .box-text {
    border-radius: 0 0 15px 15px;
}

/* ستون‌های داخل اسلایدر Flickity */
.flickity-slider .col .col-inner {
    border-radius: 15px;
    /*overflow: hidden;*/
}

/* اورلی روی تصویر */
.product-small .box-image .overlay {
    border-radius: 15px 15px 0 0;
}

/* ========================================
   گرد کردن کارت‌های مقالات (بلاگ)
   ======================================== */

/* کارت اصلی مقاله */
.box-blog-post {
    border-radius: 15px;
    overflow: hidden;
}

/* بخش تصویر مقاله */
.box-blog-post .box-image {
    border-radius: 15px 15px 0 0;
    overflow: hidden;
}

.box-blog-post .box-image .image-cover {
    border-radius: 15px 15px 0 0;
    overflow: hidden;
}

/* تصاویر مقاله */
.box-blog-post .box-image img {
    border-radius: 15px 15px 0 0;
}

/* بخش متن مقاله */
.box-blog-post .box-text {
    border-radius: 0 0 15px 15px;
}

.box-blog-post .box-text-inner {
    border-radius: 0 0 15px 15px;
}

/* ستون مقالات در اسلایدر */
.post-item .col-inner {
    border-radius: 15px;
    /*overflow: hidden;*/
}

/* نشان تاریخ مقاله */
.box-blog-post .badge.post-date {
    border-radius: 10px;
}

.box-blog-post .badge-inner {
    border-radius: 10px;
}

/* ردیف مقالات مجله */
#row-1949879038 .box-blog-post {
    border-radius: 15px;
    overflow: hidden;
}

/* ========================================
   گرد کردن برای ردیف‌های خاص محصولات
   ======================================== */

/* ردیف محصولات جدید و لوازم یدکی */
#row-136018621 .product-small.box,
#row-692852698 .product-small.box {
    border-radius: 15px;
    overflow: hidden;
}

#row-136018621 .product-small .box-image,
#row-692852698 .product-small .box-image {
    border-radius: 15px 15px 0 0;
}

#row-136018621 .product-small .box-text,
#row-692852698 .product-small .box-text {
    border-radius: 0 0 15px 15px;
}

/* ========================================
   گرد کردن نشان تخفیف
   ======================================== */
.badge-container .badge-circle {
    border-radius: 50%;
}

.badge-container .callout.badge {
    border-radius: 50%;
}

/* ========================================
   گرد کردن دکمه مشاهده سریع
   ======================================== */
.product-small .quick-view {
    border-radius: 8px;
}

/* ========================================
   گرد کردن آیکون علاقه‌مندی
   ======================================== */
.wishlist-button.circle {
    border-radius: 50%;
}

.wishlist-popup {
    border-radius: 10px;
}

/* ========================================
   گرد کردن بنرهای دسته‌بندی
   ======================================== */
.banner .banner-inner {
    border-radius: 19px;
    overflow: hidden;
}

.banner .banner-bg {
    border-radius: 19px;
    overflow: hidden;
}

.banner .banner-bg img {
    border-radius: 19px;
}

/* ========================================
   گرد کردن لیبل "در انبار موجود نمی باشد"
   ======================================== */
.out-of-stock-label {
    border-radius: 8px;
}

/* ========================================
   سایه و انیمیشن برای کارت‌های محصول
   ======================================== */
.product-small.box {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.product-small.box:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    transform: translateY(-5px);
}

/* سایه و انیمیشن برای کارت‌های مقاله */
.box-blog-post {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.box-blog-post:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    transform: translateY(-5px);
}

/* ========================================
   گرد کردن محصولات در صفحه آرشیو/فروشگاه
   ======================================== */
.products .product-small.box {
    border-radius: 15px;
    overflow: hidden;
}

/* ========================================
   گرد کردن محصولات مرتبط
   ======================================== */
.related-products .product-small.box,
section.related .product-small.box {
    border-radius: 15px;
    overflow: hidden;
}

/* ========================================
   گرد کردن مقالات در صفحه آرشیو بلاگ
   ======================================== */
.archive .box-blog-post,
.blog .box-blog-post {
    border-radius: 15px;
    overflow: hidden;
}

/* ========================================
   گرد کردن دکمه‌های ناوبری اسلایدر
   ======================================== */
.flickity-button {
    border-radius: 50%;
}

.flickity-prev-next-button {
    border-radius: 50%;
}

/* ========================================
   ریسپانسیو - تبلت و موبایل
   ======================================== */
@media (max-width: 849px) {
    .product-small.box,
    .box-blog-post {
        border-radius: 12px;
    }
    
    .product-small .box-image,
    .product-small .box-image > div:first-child,
    .product-small .box-image img,
    .box-blog-post .box-image,
    .box-blog-post .box-image .image-cover,
    .box-blog-post .box-image img {
        border-radius: 12px 12px 0 0;
    }
    
    .product-small .box-text,
    .box-blog-post .box-text {
        border-radius: 0 0 12px 12px;
    }
    
    .flickity-slider .col .col-inner,
    .post-item .col-inner {
        border-radius: 12px;
    }
}

@media (max-width: 549px) {
    .product-small.box,
    .box-blog-post {
        border-radius: 10px;
    }
    
    .product-small .box-image,
    .product-small .box-image > div:first-child,
    .product-small .box-image img,
    .box-blog-post .box-image,
    .box-blog-post .box-image .image-cover,
    .box-blog-post .box-image img {
        border-radius: 10px 10px 0 0;
    }
    
    .product-small .box-text,
    .box-blog-post .box-text {
        border-radius: 0 0 10px 10px;
    }
    
    .flickity-slider .col .col-inner,
    .post-item .col-inner {
        border-radius: 10px;
    }
}





/* ========================================
   کلاس گرد کردن تصاویر
   ======================================== */

/* گردی کم */
.rounded-sm,
.rounded-sm img {
    border-radius: 8px !important;co
    overflow: hidden;
}

/* گردی متوسط (پیشنهادی) */
.rounded,
.rounded img {
    border-radius: 15px !important;
    overflow: hidden;
}

/* گردی زیاد */
.rounded-lg,
.rounded-lg img {
    border-radius: 25px !important;
    overflow: hidden;
}

/* کاملاً دایره‌ای */
.rounded-full,
.rounded-full img {
    border-radius: 50% !important;
    overflow: hidden;
}