/* ==================================================
   متغیرهای رنگی (هماهنگ با سیستم دیزاین کتاب‌سنج)
================================================== */
:root {
    --color-transparent: transparent;
    --color-2563eb: #2563eb;
    --color-rgba-2563eb-05: rgba(37, 99, 235, 0.5);
    --color-rgba-2563eb-01: rgba(37, 99, 235, 0.1);
    --color-rgba-2563eb-03: rgba(37, 99, 235, 0.3);
    --color-rgba-0f172a-05: rgba(15, 23, 42, 0.5);
    --color-rgba-0f172a-095: rgba(15, 23, 42, 0.95);
    --color-ffffff: #ffffff;
    --color-fff: #fff;
    --color-white: white;
    --color-rgba-white-015: rgba(255, 255, 255, 0.15);
    --color-rgba-white-02: rgba(255,255,255,0.2);
    --color-rgba-white-085: rgba(255, 255, 255, 0.85);
    --color-rgba-white-01: rgba(255,255,255,0.1);
    --color-rgba-white-05: rgba(255,255,255,0.5);
    --color-rgba-black-03: rgba(0,0,0,0.3);
    --color-rgba-black-003: rgba(0,0,0,0.03);
    --color-rgba-black-002: rgba(0,0,0,0.02);
    --color-d9d9d9: #d9d9d9;
    --color-ededed: #ededed;
    --color-64748b: #64748b;
    --color-f1f5f9: #f1f5f9;
    --color-334155: #334155;
    --color-1e293b: #1e293b;
    --color-f8fafc: #f8fafc;
    --color-e2e8f0: #e2e8f0;
    --color-475569: #475569;
    --color-cbd5e1: #cbd5e1;
    --color-1d4ed8: #1d4ed8;
}

body .ast-container .products li {
    border-radius: 10px;
    flex-direction: column;
    background-color: var(--color-ffffff);
    transition: all 0.25s;
    border: 1px solid var(--color-e2e8f0);
    box-shadow: 0 4px 15px var(--color-rgba-black-003);
}
body .ast-container .products li:hover{
    transform: scale(1.05);
    border-color: var(--color-cbd5e1);
    box-shadow: 0 10px 25px var(--color-rgba-2563eb-01);
}
body .ast-container .products li .button {
    background-color: var(--color-f1f5f9);
    color: var(--color-2563eb);
    margin-bottom: 0;
    font-weight: 700;
    transition: all 0.3s;
}
body .ast-container .products li .button:hover {
    background-color: var(--color-2563eb);
    color: var(--color-ffffff);
}
body #primary{
    margin: 0;
}
body .site-content {
    background: var(--color-f8fafc);
}

body .ast-container .products li img{
    border-radius: 10px 10px 0 0;
}
.woocommerce-js ul.products li.product .price, .woocommerce-page ul.products li.product .price {
    font-size: 1.1em;
    display: flex;
    flex-direction: row-reverse;
    gap: 10px;
    color: var(--color-2563eb);
    font-weight: 800;
}
body .ast-container .products li .astra-shop-summary-wrap{
    padding: 0.5rem;
    h2{
        font-size: 1.3rem !important;
        color: var(--color-1e293b);
    }
}
.woocommerce-js ul.products li.product .woocommerce-loop-product__title, .woocommerce-page ul.products li.product .woocommerce-loop-product__title{
    font-size: 1.3rem;
    display: flex;
    color: var(--color-1e293b);
}
body .ast-archive-entry-banner{
    background: url('img/back archive.png') center/cover no-repeat;
}
.ast-woo-product-category,
.ast-loop-product__link {
    display: inline-block;
    margin-left: 6px;
    vertical-align: middle;
}
.woocommerce .woocommerce-ordering {
    float: right;
    margin-top: 30px;
}
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {
    display: none;
}
.woocommerce-loop-product__title,
.ast-archive-entry-banner {
    font-family: iran;
}
@media (max-width: 755px) {
    .woores-archive-bar{
        float: none;
    }
}
.woocommerce ul.products li.product.desktop-align-left, .woocommerce-page ul.products li.product.desktop-align-left {
    text-align: right;
    justify-content: space-between;
}
.sidebar-main {
    padding: 10px;
    background: var(--color-ffffff) !important;
    border-radius: 10px;
}
/* باکس کلی مرتب‌سازی */
.techvision-sorting-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--color-e2e8f0);
}

/* متن "مرتب‌سازی بر اساس:" */
.techvision-sorting-container .sorting-label {
    font-weight: bold;
    color: var(--color-1e293b);
    margin-left: 15px;
    font-size: 0.95rem;
}

/* لیست افقی */
.techvision-sorting-container ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 20px;
}

.techvision-sorting-container ul li {
    margin: 0;
}

/* استایل لینک‌ها */
.techvision-sorting-container ul li a {
    text-decoration: none;
    color: var(--color-64748b);
    font-size: 0.9rem;
    padding-bottom: 0px;
    display: block;
    position: relative;
    transition: all 0.3s ease;
}

/* هاور روی لینک‌ها */
.techvision-sorting-container ul li a:hover {
    color: var(--color-1e293b);
}

/* --- حالت فعال (Active State) --- */
.techvision-sorting-container ul li.active-sort a {
    color: var(--color-1e293b);
    font-weight: 700;
}

/* خط آبی زیر گزینه فعال */
.techvision-sorting-container ul li.active-sort a::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: var(--color-2563eb);
    border-radius: 2px 2px 0 0;
}

/* =========================================================
   تغییرات کلیدی ریسپانسیو موبایل
   ========================================================= */
@media (max-width: 768px) {
    .techvision-sorting-container {
        flex-direction: row;
        align-items: center;
        flex-wrap: nowrap;
        padding: 8px 10px;
        margin-top: 5px;
        margin-bottom: 15px;
        border-top: 1px solid var(--color-e2e8f0);
        border-bottom: 1px solid var(--color-e2e8f0);
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    #secondary {
        margin: 0.5em 0 0.5em;
        word-break: break-word;
        line-height: 2;
        text-align: center;
    }

    .techvision-sorting-container .sorting-label {
        font-size: 0.8rem;
        margin-left: 10px;
        white-space: nowrap;
    }

    .techvision-sorting-container ul {
        width: auto;
        flex-wrap: nowrap;
        padding-bottom: 0;
        margin-top: 0;
        gap: 15px;
        align-items: center;
    }

    .techvision-sorting-container ul li a {
        font-size: 0.85rem;
        white-space: nowrap;
    }

    .techvision-sorting-container ul li.active-sort a::after {
        bottom: -12px;
    }

    .ast-archive-description,
    .woocommerce-products-header {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
        padding: 10px 15px 5px !important;
        margin-bottom: 0;
        border-bottom: none;
    }

    .woocommerce-products-header h1.page-title {
        font-size: 1rem !important;
        margin: 0 !important;
        color: var(--color-1e293b);
    }

    .woocommerce-breadcrumb {
        font-size: 0.75rem !important;
        margin: 0 !important;
        padding: 0 !important;
        color: var(--color-64748b);
    }

    .ast-woo-archive-toolbar,
    .wcpf-mobile-toggle,
    [class*="filter-button"] {
        margin-bottom: 5px !important;
        padding: 8px !important;
    }
}

.rtl .wc-block-product-filter-price-slider__range {
    width: 100%;
}
.wc-block-product-filter-price-slider__content {
    column-gap: 2px;
    display: flex;
    flex-wrap: wrap;
}
@media (min-width: 993px) {
    .ast-left-sidebar #secondary {
        padding-left: 15px;
    }
}
.wc-block-product-filter-price-slider .text input[type=text] {
    border: 0px solid;
    border-radius: 4px;
    max-width: 140px;
}

/* =========================================
   1. ریست و استایل کلی ناحیه ابزارک
   ========================================= */
.sidebar-main {
    padding: 10px 0 0 20px;
    background: transparent !important;
    border: 1px solid var(--color-e2e8f0);
    box-shadow: 0 4px 15px var(--color-rgba-black-003);
}

.ast-woo-sidebar-widget {
    margin-bottom: 35px;
    border-bottom: 1px solid var(--color-f1f5f9);
    padding-bottom: 25px;
}

.ast-woo-sidebar-widget:last-child {
    border-bottom: none;
}

/* =========================================
   2. تایپوگرافی تیترها
   ========================================= */
.sidebar-main h2,
.sidebar-main h3.wp-block-heading,
.widgettitle {
    font-size: 1rem;
    font-weight: 700;
    color: var(--color-1e293b);
    margin-bottom: 15px;
    letter-spacing: -0.5px;
    position: relative;
    display: flex;
    align-items: center;
}

.sidebar-main h2::before,
.widgettitle::before {
    content: '';
    display: block;
    width: 4px;
    height: 16px;
    background: var(--color-2563eb);
    margin-left: 8px;
    border-radius: 2px;
}

/* =========================================
   3. تعمیر باکس جستجو
   ========================================= */
.wp-block-search__inside-wrapper {
    display: flex !important;
    border: 1px solid var(--color-e2e8f0);
    border-radius: 8px;
    overflow: hidden;
    padding: 2px;
    background: var(--color-ffffff);
    transition: all 0.3s ease;
}

.wp-block-search__inside-wrapper:focus-within {
    border-color: var(--color-2563eb);
    box-shadow: 0 0 0 3px var(--color-rgba-2563eb-01);
}

.wp-block-search__input {
    border: none !important;
    background: transparent !important;
    padding: 10px !important;
    font-size: 0.9rem;
    color: var(--color-334155);
}

.wp-block-search__button {
    background-color: var(--color-2563eb) !important;
    color: var(--color-ffffff) !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 8px 15px !important;
    font-size: 0.85rem !important;
    margin: 2px !important;
    cursor: pointer;
}

/* =========================================
   4. استایل لیست فیلترها
   ========================================= */
.wc-block-product-filter-checkbox-list__item label,
.woocommerce-widget-layered-nav-list__item a {
    display: flex;
    align-items: center;
    padding: 6px 0;
    color: var(--color-475569);
    font-size: 0.95rem;
    transition: all 0.2s;
    cursor: pointer;
}

.wc-block-product-filter-checkbox-list__item label:hover,
.woocommerce-widget-layered-nav-list__item a:hover {
    color: var(--color-1e293b);
    padding-right: 5px;
}

.wc-block-product-filter-checkbox-list__input {
    border: 1px solid var(--color-cbd5e1) !important;
    border-radius: 4px !important;
    width: 18px !important;
    height: 18px !important;
    margin-left: 10px !important;
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    cursor: pointer;
}

.wc-block-product-filter-checkbox-list__input:checked {
    background-color: var(--color-2563eb) !important;
    border-color: var(--color-2563eb) !important;
}

.wc-block-product-filter-checkbox-list__input:checked::after {
    content: '✓';
    color: var(--color-ffffff);
    font-size: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* =========================================
   5. اسلایدر قیمت
   ========================================= */
.wc-block-product-filter-price-slider__range {
    height: 4px !important;
    background: var(--color-e2e8f0) !important;
    border-radius: 2px !important;
}

.wc-block-product-filter-price-slider__range .range-bar {
    background: var(--color-2563eb) !important;
    height: 4px !important;
}

.wc-block-product-filter-price-slider__range input[type=range]::-webkit-slider-thumb {
    background: var(--color-ffffff) !important;
    border: 2px solid var(--color-2563eb) !important;
    width: 16px !important;
    height: 16px !important;
    box-shadow: 0 2px 4px var(--color-rgba-2563eb-03);
    margin-top: -6px;
}

.wc-block-product-filter-price-slider__content .wc-block-product-filter-price-slider__left input,
.wc-block-product-filter-price-slider__content .wc-block-product-filter-price-slider__right input {
    background: var(--color-f1f5f9) !important;
    border: 1px solid var(--color-e2e8f0) !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: bold;
    color: var(--color-334155) !important;
    text-align: center;
    width: 100% !important;
    max-width: 100px;
}

/* =========================================
   6. اصلاح فیلترهای فعال
   ========================================= */
.wc-block-product-filter-active {
    margin-bottom: 20px;
    border-bottom: 1px solid var(--color-e2e8f0);
    padding-bottom: 15px;
}

.wc-block-product-filter-removable-chips__item {
    background: var(--color-f8fafc) !important;
    border: 1px solid var(--color-e2e8f0) !important;
    border-radius: 4px !important;
    padding: 4px 8px !important;
    margin-bottom: 5px;
    font-size: 0.85rem !important;
    color: var(--color-334155) !important;
    display: inline-flex;
    align-items: center;
}

.wc-block-product-filter-removable-chips__remove {
    margin-right: 5px;
    opacity: 0.6;
}

.wc-block-product-filter-removable-chips__remove:hover {
    opacity: 1;
    color: #ef4444;
}

.wc-block-product-filter-clear-button button {
    background: var(--color-f1f5f9) !important;
    border: none !important;
    color: var(--color-475569) !important;
    font-size: 0.8rem !important;
    text-decoration: underline;
    padding: 8px !important;
    margin-top: 10px;
    transition: all linear 0.1s;
}

.wc-block-product-filter-clear-button button:hover {
    transform: scale(1.03);
    color: var(--color-1e293b) !important;
}

/* =========================================
   7. تبدیل لینک‌های برند به چک‌باکس
   ========================================= */
.woocommerce-widget-layered-nav-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.woocommerce-widget-layered-nav-list__item a {
    position: relative;
    display: flex;
    align-items: center;
    padding: 5px 0;
    color: var(--color-475569);
    text-decoration: none;
    transition: all 0.2s;
}

.woocommerce-widget-layered-nav-list__item a::before {
    content: '';
    width: 18px;
    height: 18px;
    border: 1px solid var(--color-cbd5e1);
    border-radius: 4px;
    margin-left: 10px;
    display: inline-block;
    transition: all 0.2s;
    background: var(--color-ffffff);
}

.woocommerce-widget-layered-nav-list__item a:hover::before {
    border-color: var(--color-64748b);
}

.woocommerce-widget-layered-nav-list__item--chosen a::before {
    background-color: var(--color-2563eb);
    border-color: var(--color-2563eb);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1.5 5.5L3.5 7.5L8.5 2.5' fill='none' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
}

.woocommerce-widget-layered-nav-list__item--chosen a {
    font-weight: bold;
    color: var(--color-1e293b);
}

.woocommerce-widget-layered-nav-list__item .swatch {
    display: none !important;
}

.wc-block-product-filter-price-slider__content {
    align-items: center !important;
}
.wc-block-product-filter-price-slider__left,
.wc-block-product-filter-price-slider__right {
    margin-top: 15px !important;
}
.woocommerce-js .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span{
    display: none;
}
.wc-block-product-filter-price-slider__content {
    column-gap: 2px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
@media (min-width: 993px) {
    .ast-left-sidebar #secondary {
        padding-left: 15px;
    }
}
.wc-block-product-filter-price-slider .text input[type=text] {
    border: 0px solid;
    border-radius: 4px;
    max-width: 125px;
}

.secondary-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
}

.ast-article-post:hover .secondary-image {
    opacity: 1;
}
.wc-block-product-filter-checkbox-list__input-wrapper:before {
    background: transparent;
    border-radius: 2px;
    content: "";
    height: 1em;
    right: 0;
    opacity: .1;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 1em;
}
body .ast-container .products li .astra-shop-summary-wrap {
    padding: 0.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: -webkit-fill-available;
}

.woocommerce-js ul.products li.product .woocommerce-loop-product__title, .woocommerce-page ul.products li.product .woocommerce-loop-product__title {
    font-size: 1rem;
    display: flex;
    font-weight: normal;
}
@media (max-width: 921px) {
    .ast-left-sidebar #secondary {
        padding-left: 0;
        order: 2;
    }
    .ast-woo-sidebar-widget {
        margin-bottom: 10px;
        padding-bottom: 0px;
    }
    .sidebar-main {
        padding: 0px;
    }
}

/* در این بخش، گرید شما را حفظ کردم اما رنگ‌ها اصلاح شدند */
@media (max-width: 544px) {
    .woocommerce.mobile-columns-1 .site-main ul.products li.product:nth-child(n), .woocommerce-page.mobile-columns-1 .site-main ul.products li.product:nth-child(n) {
        margin-left: 0;
        display: grid;
        grid-template-columns: 135px 200px auto;
    }

    body .ast-container .products li .astra-shop-summary-wrap {
        padding: 0.5rem;
        justify-content: space-between;
        display: flex;
        flex-direction: column;
    }

    .woocommerce-js ul.products li.product a img, .woocommerce-page ul.products li.product a img {
        margin: .1em;
    }
}

@media (max-width: 921px) and (min-width: 500px) {
    #secondary {
        max-height: 60px;
        overflow: hidden;
        transition: max-height 0.5s ease-in-out;
        cursor: pointer;
        border-bottom: 2px solid var(--color-2563eb);
        position: relative;
        margin-bottom: 20px;
        background: var(--color-ffffff);
    }

    #secondary::after {
        content: 'جست و جو و فیلتر +';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 800;
        font-size: 1.1rem;
        background: var(--color-f1f5f9);
        color: var(--color-2563eb);
        z-index: 10;
    }

    #secondary.active-filter {
        max-height: 1500px;
        border-bottom: none;
    }

    #secondary.active-filter::after {
        content: 'بستن فیلترها -';
        position: relative;
        background: #fee2e2; /* بک‌گراند هشدار/بستن */
        border-bottom: 1px solid #fca5a5;
        color: #dc2626; /* رنگ قرمز برای بستن */
        height: 50px;
    }
}
.woocommerce-js ul.products li.product .price, .woocommerce-page ul.products li.product .price {
    font-size: 0.95em;
    display: flex;
    flex-direction: column;
    gap: 0;
    text-align: left;
}
.woocommerce-js ul.products li.product .price del, .woocommerce-page ul.products li.product .price del {
    display: initial;
    font-size: 0.8em;
    color: var(--color-64748b); /* رنگ قیمت خط خورده */
}

.techvision-sorting-list {
    width: 100%;
    background: var(--color-ffffff);
    padding: 15px;
    border-radius: 8px;
    border: 1px solid var(--color-e2e8f0);
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}
@media (max-width: 921px) {
    .ast-left-sidebar #content > .ast-container {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    margin-top: 50px;}
}
@media (min-width: 922px) {
    .ast-woo-shop-archive .site-content > .ast-container {
        max-width: 95%;
        margin-top: 60px;
    }
}
@media (min-width: 922px) {
    .ast-left-sidebar #secondary {
        border-left: 0px solid var(--ast-border-color);
        margin-left: -1px;
    }
}
@media (min-width: 922px) {
    .ast-left-sidebar #primary {
        border-right: 0px solid var(--ast-border-color);
    }
}
@media (min-width: 601px) {:where(.wc-block-product-filters) .wc-block-product-filters__overlay-content, :where(.wc-block-product-filters).is-overlay-opened .wc-block-product-filters__overlay-content {
    background: inherit;
    color: inherit;
    flex-grow: 1;
    overflow: visible;
    padding: 20px;
}
}
@media (min-width: 922px) {
    .ast-woo-shop-archive .site-content > .ast-container {
        max-width: 95%;
    }
}
@media (min-width: 922px) {
    #secondary {
        width: 20%;
    }
}