:root {
    --color-transparent: transparent;
    --color-2563eb: #2563eb; /* آبی اصلی (جایگزین زرد) */
    --color-1d4ed8: #1d4ed8; /* آبی تیره برای هاور */
    --color-ffffff: #ffffff;
    --color-f8fafc: #f1f5f9; /* بک‌گراند روشن (جایگزین خاکستری تیره) */
    --color-f1f5f9: #f8fafc; /* بک‌گراند ملایم */
    --color-e2e8f0: #e2e8f0; /* رنگ حاشیه‌ها (Borders) */
    --color-cbd5e1: #cbd5e1; /* رنگ حاشیه‌های تیره‌تر */
    --color-1e293b: #1e293b; /* رنگ تیترهای اصلی */
    --color-334155: #334155; /* رنگ متن بدنه */
    --color-475569: #475569; /* رنگ متن‌های فرعی */
    --color-64748b: #64748b; /* رنگ متادیتا */
}
#page .site-content {
    flex-grow: 1;
    background-color: #f8fafc;
}
.product_title,
.woocommerce-Tabs-panel--description{
    font-family: iran;
}
.woocommerce-Tabs-panel--description{
    font-size: 1.1rem;
}
.product_title{
    font-size: 2rem;
    color: var(--color-1e293b); /* تغییر از سفید به سربی تیره */
}
.trail-end{
    color: var(--color-475569);
}
a{
    color: var(--color-2563eb);
}
a:hover{
    color: var(--color-1d4ed8);
    transform: scale(1.1);
}
body .wcpcl-wrap {
    border: 1px solid var(--color-ffffff);
    padding: 16px;
    margin: 16px 0;
    border-radius: 10px;
}
body label, legend {
    color: var(--color-334155) !important;
}
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price, .widget_layered_nav_filters ul li.chosen a, .woocommerce-page ul.products li.product .ast-woo-product-category, .wc-layered-nav-rating a {
    color: var(--color-2563eb); /* جایگزین زرد */
}
.woocommerce-js div.product form.cart .button.single_add_to_cart_button {
    background-color: var(--color-2563eb);
    color: var(--color-ffffff); /* متن دکمه سفید شد */
    font-weight: bold;
    transform: scale(1.10);
    margin-right: 5px;
}
.woocommerce-js div.product .related.products, .woocommerce-js div.product .woocommerce-tabs {
    display: block;
    background-color: var(--color-ffffff); /* تغییر از تیره به روشن */
    color: var(--color-334155);
}
.entry-summary{
    background-color: var(--color-ffffff);
    color: var(--color-334155);
    padding: 10px;
    border-radius: 10px;
}
.woocommerce-js .quantity .minus {
    border-radius: 0px 10px 10px 0;
    background-color: var(--color-e2e8f0);
    color: var(--color-334155);
}
.woocommerce-js .quantity .plus {
    border-radius: 10px 0px 0px 10px;
    background-color: var(--color-e2e8f0);
    color: var(--color-334155);
}
.site-content{
    background: var(--color-f8fafc) !important;
}
@media (min-width: 922px) {
    .site-content .ast-container {
        display: flex;
        justify-content: center;
        background-color: var(--color-f8fafc);
    }
    .ast-plain-container.ast-no-sidebar #primary {
        margin-top: 100px;
        margin-bottom: 0;
    }
}
.ast-plain-container.ast-no-sidebar #primary {
    margin-top: 60px;
    margin-bottom: 0;
}
.wc-tabs-wrapper{
    background-color: var(--color-ffffff);
    padding: 0;
    border-radius: 20px;
}
.woocommerce-js div.product .woocommerce-tabs {
    padding: 1em 0.5em 0.5em 0.5em;
}
#review_form{
    border-radius: 20px;
}
.woocommerce-js #reviews #review_form #respond #comment {
    border-radius: 10px;
}
body h1, h2, h3, h4, h5, h6, .entry-content :where(h1,h2,h3,h4,h5,h6) {
    color: var(--color-1e293b);
}
.woocommerce-js #reviews #review_form #respond p.comment-form-author input, .woocommerce-js #reviews #review_form #respond p.comment-form-email input {
    border-radius: 10px;
}
.wcrp-msg {
    margin-right: 5px;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs, .woocommerce div.product .woocommerce-tabs ul.tabs, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs, .woocommerce-page div.product .woocommerce-tabs ul.tabs {
    zoom: 1;
    display: flex;
    gap: 15px;
    padding-right: 10px;
    a{
        color: var(--color-64748b);
    }
}
body .wcrp-upload-btn {
    background: var(--color-2563eb) !important;
    color: var(--color-ffffff) !important;
}
.woocommerce-js #review_form #respond .form-submit input {
    background-color: var(--color-2563eb) !important;
    color: var(--color-ffffff) !important;
    font-weight: bold;
}
label, legend {
    color: var(--color-475569);
}
.woocommerce-js div.product .woocommerce-tabs .shop_attributes th {
    color: var(--color-1e293b);
}
.woocommerce ul.products li.product .price{
    font-size: 18px;
    text-align: end;
    margin-bottom: 0;
}
.woocommerce-page ul.products li.product .ast-woo-product-category{
    font-size: 15px;
    margin-bottom: 0;
    font-family: iran;
}
.woocommerce-js div.product .related.products{
    padding: 1em;
    border-radius: 1em;
    margin-bottom: 5px;
    ul li {
        border-radius: 42px;
        padding: 10px 10px 20px 10px;
        background-color: var(--color-ffffff);
        border: 1px solid var(--color-e2e8f0); /* اضافه شدن حاشیه ملایم */
        transition: all linear 0.25s;
        .astra-shop-thumbnail-wrap{
            border-radius: 42px;
            img{
                border-radius: 32px;
            }
        }
    }
    ul li a h2{
        color: var(--color-1e293b) !important;
        font-size: 24px;
        font-family: iran;
        margin-right: 5px;
        transition: linear;
    }
    h2{
        color: var(--color-2563eb);
    }

}
@media (max-width: 450px) {
    .ast-single-post .entry-content a, .ast-comment-content a:not(.ast-comment-edit-reply-wrap a), .woocommerce-js .woocommerce-product-details__short-description a {
        width: 50px;
        height: 50px;
    }
    .woocommerce #content div.product .woocommerce-tabs ul.tabs, .woocommerce div.product .woocommerce-tabs ul.tabs, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs, .woocommerce-page div.product .woocommerce-tabs ul.tabs {
        font-size: 10px;
    }
    body h1, h2, h3, h4, h5, h6, .entry-content :where(h1,h2,h3,h4,h5,h6) {
        color: var(--color-1e293b);
    }
}
/* همه پانل‌های تب را همیشه نشان بده */
.woocommerce-tabs .woocommerce-Tabs-panel {
    display: block !important;
}

/* کمی فاصله بین بخش‌ها (سلیقه‌ای) */
.woocommerce-tabs .woocommerce-Tabs-panel {
    margin-top: 40px;
}
/* همه پنل‌های تب همیشه دیده بشن و زیر هم قرار بگیرن */
.woocommerce-tabs .woocommerce-Tabs-panel {
    display: block !important;
    margin: 40px 0;
    padding: 24px 20px;
    border-radius: 12px;
}

/* عنوان بخش که با JS اضافه می‌کنیم */
.woocommerce-tabs .tab-section-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--color-cbd5e1);
}

/* تب‌های بالا – استایل دلخواه */
.woocommerce-tabs .wc-tabs li {
    cursor: pointer;
}

/* تب فعال (وقتی کاربر کلیک کرد) */
.woocommerce-tabs .wc-tabs li.active a {
    font-weight: 700;
    border-bottom: 2px solid var(--color-2563eb); /* جایگزین زرد */
    color: var(--color-2563eb);
}
/* استایل عکس دوم (مخفی در حالت عادی) */
.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;
}
