/* فونت وزیرمتن */
@font-face {
    font-family: 'Vazirmatn';
    src: url('/font/vazirmatn/Vazirmatn%5Bwght%5D.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

/* اعمال فونت وزیرمتن در آرشیو محصولات */
.shop-archive-content,
.shop-archive-content * {
    font-family: 'Vazirmatn', Tahoma, sans-serif !important;
}

    /* حفظ فونت آیکون‌های Font Awesome */
    .shop-archive-content .fa,
    .shop-archive-content .fa::before {
        font-family: FontAwesome !important;
    }

    /* حفظ فونت آیکون‌های Material Design */
    .shop-archive-content .mdi,
    .shop-archive-content .mdi::before {
        font-family: "Material Design Icons" !important;
    }
/* =========================
       تم صورتی آرشیو محصولات
       ========================= */

.shop-archive-content {
    --archive-pink: #ebacb6;
    --archive-pink-dark: #c45c83;
    --archive-pink-light: #fff0f5;
    --archive-border: #f0dce4;
    --archive-text: #493640;
    direction: rtl;
    color: var(--archive-text);
}

    /* عنوان آرشیو */
    .shop-archive-content .archive-header-title {
        color: #493640;
        font-weight: 800;
    }

    /* عنوان مرتب‌سازی */
    .shop-archive-content .sort-tabs h4 {
        color: #9f5362;
    }

    /* گزینه‌های مرتب‌سازی */
    .shop-archive-content .sort-tabs-options .nav-link {
        color: #493640 !important;
        background: #fff;
        border: 1px solid var(--archive-border);
        border-radius: 20px;
        margin: 3px;
        transition: all 0.2s ease;
    }

        .shop-archive-content .sort-tabs-options .nav-link:hover,
        .shop-archive-content .sort-tabs-options .nav-link.active {
            color: #fff !important;
            background: var(--archive-pink-dark) !important;
            border-color: var(--archive-pink-dark) !important;
        }

    /* =========================
       کارت محصولات
       ========================= */

    .shop-archive-content .product-box {
        height: 100%;
        background: #fff;
        border: 1px solid var(--archive-border) !important;
        border-radius: 14px !important;
        overflow: hidden;
        transition: all 0.2s ease;
    }

        .shop-archive-content .product-box:hover {
            border-color: var(--archive-pink) !important;
            box-shadow: 0 6px 20px rgba(196, 92, 131, 0.12);
            transform: translateY(-2px);
        }

        /* =========================
       قاب تصویر و ستاره‌ها
       ========================= */

        .shop-archive-content .product-box .thumb {
            width: 100%;
            height: 220px;
            overflow: hidden;
            background: #fff;
            padding: 8px;
            box-sizing: border-box;
        }

            /* لینک تصویر */
            .shop-archive-content .product-box .thumb > a {
                display: flex !important;
                flex-direction: column !important;
                align-items: stretch !important;
                justify-content: flex-start !important;
                width: 100%;
                height: 100%;
                text-decoration: none;
            }

            /* ستاره‌ها بالای تصویر */
            .shop-archive-content .product-box .thumb .product-rate {
                display: block !important;
                position: static !important;
                width: 100%;
                min-height: 25px;
                flex: 0 0 25px;
                text-align: right;
                direction: rtl;
                margin: 0 0 5px 0;
                padding: 0;
                line-height: 25px;
            }

    /* رنگ ستاره‌های غیرفعال */
    .shop-archive-content .product-rate .fa-star {
        color: #e5d7dc;
    }

        /* رنگ ستاره‌های فعال */
        .shop-archive-content .product-rate .fa-star.active {
            color: #e6a23c;
        }

    /* تصویر محصول: کامل و بدون برش */
    .shop-archive-content .product-box .thumb > a > img {
        display: block !important;
        width: 100% !important;
        height: 170px !important;
        max-width: 100%;
        flex: 0 0 170px;
        object-fit: contain !important;
        object-position: center center !important;
        margin: 0 auto;
    }

    /* =========================
       عنوان و قیمت محصول
       ========================= */

    .shop-archive-content .product-box .title {
        margin: 8px 0 5px;
        padding: 0 10px;
        min-height: 40px;
        line-height: 1.8;
    }

        .shop-archive-content .product-box .title a,
        .shop-archive-content .product-box .title a:visited {
            color: var(--archive-text) !important;
            text-decoration: none !important;
            transition: color 0.2s ease;
        }

            .shop-archive-content .product-box .title a:hover {
                color: var(--archive-pink-dark) !important;
            }

    .shop-archive-content .product-box .price {
        padding: 0 10px 10px;
        color: var(--archive-pink-dark) !important;
        font-weight: 800;
    }

        .shop-archive-content .product-box .price .amount {
            color: var(--archive-pink-dark) !important;
            font-weight: 800;
        }

    /* =========================
       صفحه‌بندی
       ========================= */

    .shop-archive-content .pagination {
        gap: 6px;
        margin-top: 20px;
    }

        .shop-archive-content .pagination .page-link {
            color: var(--archive-pink-dark) !important;
            background: #fff !important;
            border: 1px solid var(--archive-border) !important;
            border-radius: 9px !important;
            min-width: 38px;
            text-align: center;
            transition: all 0.2s ease;
        }

            .shop-archive-content .pagination .page-link:hover {
                color: #fff !important;
                background: var(--archive-pink) !important;
                border-color: var(--archive-pink) !important;
            }

        .shop-archive-content .pagination .page-item.active .page-link {
            color: #fff !important;
            background: var(--archive-pink-dark) !important;
            border-color: var(--archive-pink-dark) !important;
        }

        .shop-archive-content .pagination .page-item.disabled .page-link {
            color: #cdbbc2 !important;
            background: #fff8fa !important;
            border-color: var(--archive-border) !important;
        }

/* نمایش بهتر در موبایل */
@media (max-width: 767px) {
    .shop-archive-content .product-box .thumb {
        height: 210px;
    }

        .shop-archive-content .product-box .thumb > a > img {
            height: 160px !important;
            flex-basis: 160px;
        }

    .shop-archive-content .sort-tabs-options .nav-link {
        font-size: 13px;
        padding: 6px 10px;
    }
}