.elementor-188 .elementor-element.elementor-element-89b741e{--display:flex;--min-height:480px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0;--padding-bottom:calc(var(--tx)*100);--padding-left:calc(var(--tx)*100);--padding-right:calc(var(--tx)*100);}.elementor-188 .elementor-element.elementor-element-378ef3c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-188 .elementor-element.elementor-element-029c7b7{padding:calc(var(--tx)*20) 0 0 0;text-align:center;}.elementor-188 .elementor-element.elementor-element-029c7b7 .elementor-heading-title{font-family:"yekan", Sans-serif;font-size:calc(var(--tx)*20);font-weight:600;color:var( --e-global-color-text );}.elementor-188 .elementor-element.elementor-element-0e4c9ba .woocommerce-breadcrumb{color:#FF892E;font-family:"yekan", Sans-serif;font-size:calc(var(--tx)*16);}.elementor-188 .elementor-element.elementor-element-0e4c9ba .woocommerce-breadcrumb > a{color:var( --e-global-color-secondary );}.elementor-188 .elementor-element.elementor-element-5023a94{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-188 .elementor-element.elementor-element-fcaf7ff .elementor-button{background-color:#040F5B;font-family:"yekan", Sans-serif;font-weight:500;fill:#FFFFFF;color:#FFFFFF;}.elementor-188 .elementor-element.elementor-element-fcaf7ff .elementor-button:hover, .elementor-188 .elementor-element.elementor-element-fcaf7ff .elementor-button:focus{background-color:var( --e-global-color-text );color:#FFFFFF;}.elementor-188 .elementor-element.elementor-element-fcaf7ff .elementor-button:hover svg, .elementor-188 .elementor-element.elementor-element-fcaf7ff .elementor-button:focus svg{fill:#FFFFFF;}.elementor-188 .elementor-element.elementor-element-be7a6c3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0 calc(var(--tx)*40);--row-gap:0;--column-gap:calc(var(--tx)*40);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-188 .elementor-element.elementor-element-188584e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-188 .elementor-element.elementor-element-ff193d4{--display:flex;box-shadow:0px 8px 24px 0.2px rgba(148.99999999999997, 156.99999999999997, 164.99999999999997, 0.2);--padding-top:calc(var(--tx)*20);--padding-bottom:0;--padding-left:calc(var(--tx)*20);--padding-right:calc(var(--tx)*20);}.elementor-188 .elementor-element.elementor-element-b03bd39 .elementor-heading-title{font-family:"yekan", Sans-serif;font-size:calc(var(--tx)*18);font-weight:700;color:var( --e-global-color-secondary );}.elementor-188 .elementor-element.elementor-element-5993933{--display:flex;box-shadow:0px 8px 24px 0.2px rgba(148.99999999999997, 156.99999999999997, 164.99999999999997, 0.2);--padding-top:calc(var(--tx)*20);--padding-bottom:calc(var(--tx)*20);--padding-left:calc(var(--tx)*20);--padding-right:calc(var(--tx)*20);}.elementor-188 .elementor-element.elementor-element-dafbbf1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-188 .elementor-element.elementor-element-e1c10dc{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-188 .elementor-element.elementor-element-82e1017{--grid-columns:1;--grid-column-gap:calc(var(--tx)*20);}.elementor-188 .elementor-element.elementor-element-82e1017 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0 0 0 0;}.elementor-188 .elementor-element.elementor-element-82e1017 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-188 .elementor-element.elementor-element-82e1017 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-188 .elementor-element.elementor-element-82e1017 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-188 .elementor-element.elementor-element-82e1017 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-188 .elementor-element.elementor-element-82e1017 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-188 .elementor-element.elementor-element-0d26c09{--grid-columns:3;--grid-column-gap:calc(var(--tx)*20);}.elementor-188 .elementor-element.elementor-element-0d26c09 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0 0 0 0;}.elementor-188 .elementor-element.elementor-element-0d26c09 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-188 .elementor-element.elementor-element-0d26c09 .e-loop-item > .elementor-section, .elementor-188 .elementor-element.elementor-element-0d26c09 .e-loop-item > .elementor-section > .elementor-container, .elementor-188 .elementor-element.elementor-element-0d26c09 .e-loop-item > .e-con, .elementor-188 .elementor-element.elementor-element-0d26c09 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-188 .elementor-element.elementor-element-0d26c09 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-188 .elementor-element.elementor-element-0d26c09 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-188 .elementor-element.elementor-element-0d26c09 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-188 .elementor-element.elementor-element-0d26c09 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-188 .elementor-element.elementor-element-0d26c09 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-188 .elementor-element.elementor-element-238dc2a{--display:flex;--min-height:calc(var(--tx)*390);--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:calc(var(--tx)*50);--padding-bottom:calc(var(--tx)*50);--padding-left:calc(var(--tx)*50);--padding-right:calc(var(--tx)*50);}.elementor-188 .elementor-element.elementor-element-238dc2a:not(.elementor-motion-effects-element-type-background), .elementor-188 .elementor-element.elementor-element-238dc2a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ostadeez.com/wp-content/uploads/2026/05/Screenshot-2026-03-30-160146-copy.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-188 .elementor-element.elementor-element-31d046b{padding:0 calc(var(--tx)*20) calc(var(--tx)*20) 0;border-style:solid;border-width:0px 1px 0px 0px;border-color:#FFFFFF;}.elementor-188 .elementor-element.elementor-element-31d046b .elementor-heading-title{font-family:"yekan", Sans-serif;font-size:calc(var(--tx)*25);font-weight:bold;color:#FFFFFF;}.elementor-188 .elementor-element.elementor-element-df0b1c0{padding:0 calc(var(--tx)*20) calc(var(--tx)*20) 0;border-style:solid;border-width:0px 1px 0px 0px;border-color:#FFFFFF;}.elementor-188 .elementor-element.elementor-element-df0b1c0 .elementor-heading-title{font-family:"yekan", Sans-serif;font-size:calc(var(--tx)*18);font-weight:bold;line-height:calc(var(--tx)*24);color:#FFFFFF;}.elementor-188 .elementor-element.elementor-element-f4b28ac{--display:flex;}.elementor-188 .elementor-element.elementor-element-9a6481c{padding:0 calc(var(--tx)*20) calc(var(--tx)*20) 0;border-style:solid;border-width:0px 1px 0px 0px;border-color:var( --e-global-color-text );}.elementor-188 .elementor-element.elementor-element-9a6481c .elementor-heading-title{font-family:"yekan", Sans-serif;font-size:calc(var(--tx)*25);font-weight:bold;color:var( --e-global-color-text );}.elementor-188 .elementor-element.elementor-element-14b744d{padding:0 calc(var(--tx)*20) calc(var(--tx)*20) 0;border-style:solid;border-width:0px 1px 0px 0px;border-color:var( --e-global-color-text );}.elementor-188 .elementor-element.elementor-element-14b744d .elementor-heading-title{font-family:"yekan", Sans-serif;font-size:calc(var(--tx)*25);font-weight:bold;color:var( --e-global-color-text );}.elementor-188 .elementor-element.elementor-element-27fcaea{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1024px){.elementor-188 .elementor-element.elementor-element-be7a6c3{--gap:0 calc(var(--tx)*50);--row-gap:0;--column-gap:calc(var(--tx)*50);}.elementor-188 .elementor-element.elementor-element-82e1017{--grid-columns:2;}.elementor-188 .elementor-element.elementor-element-0d26c09{--grid-columns:2;}}@media(min-width:768px){.elementor-188 .elementor-element.elementor-element-89b741e{--content-width:100%;}.elementor-188 .elementor-element.elementor-element-be7a6c3{--width:100%;}.elementor-188 .elementor-element.elementor-element-188584e{--width:25%;}.elementor-188 .elementor-element.elementor-element-dafbbf1{--width:75%;}}@media(max-width:767px){.elementor-188 .elementor-element.elementor-element-89b741e{--padding-top:calc(var(--tx)*20);--padding-bottom:calc(var(--tx)*20);--padding-left:calc(var(--tx)*20);--padding-right:calc(var(--tx)*20);}.elementor-188 .elementor-element.elementor-element-5023a94{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-188 .elementor-element.elementor-element-fcaf7ff .elementor-button{font-size:calc(var(--tx)*18);border-radius:8px 8px 8px 8px;padding:11px 20px 11px 20px;}.elementor-188 .elementor-element.elementor-element-b03bd39 .elementor-heading-title{font-size:calc(var(--tx)*18);}.elementor-188 .elementor-element.elementor-element-82e1017{--grid-columns:1;}.elementor-188 .elementor-element.elementor-element-82e1017 > .elementor-widget-container{padding:0 0 calc(var(--tx)*70) 0;}.elementor-188 .elementor-element.elementor-element-0d26c09{--grid-columns:1;}.elementor-188 .elementor-element.elementor-element-238dc2a:not(.elementor-motion-effects-element-type-background), .elementor-188 .elementor-element.elementor-element-238dc2a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center right;}.elementor-188 .elementor-element.elementor-element-238dc2a{--padding-top:calc(var(--tx)*100);--padding-bottom:calc(var(--tx)*40);--padding-left:calc(var(--tx)*40);--padding-right:calc(var(--tx)*40);}.elementor-188 .elementor-element.elementor-element-31d046b .elementor-heading-title{line-height:1.2em;}.elementor-188 .elementor-element.elementor-element-df0b1c0 .elementor-heading-title{font-size:calc(var(--tx)*16);line-height:1.2em;}.elementor-188 .elementor-element.elementor-element-f4b28ac:not(.elementor-motion-effects-element-type-background), .elementor-188 .elementor-element.elementor-element-f4b28ac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ostadeez.com/wp-content/uploads/2026/04/6c468cb9c134fdfbc117cdeb1277329a0746edab_1767522216-copy-2.png");background-position:0px 0px;background-repeat:no-repeat;background-size:cover;}.elementor-188 .elementor-element.elementor-element-f4b28ac{--min-height:275px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:calc(var(--tx)*20);--padding-bottom:0;--padding-left:0;--padding-right:calc(var(--tx)*20);}.elementor-188 .elementor-element.elementor-element-9a6481c{padding:0 calc(var(--tx)*20) calc(var(--tx)*8) 0;border-width:0px 2px 0px 0px;}.elementor-188 .elementor-element.elementor-element-9a6481c .elementor-heading-title{font-size:calc(var(--tx)*20);line-height:1.2em;}.elementor-188 .elementor-element.elementor-element-14b744d{border-width:0px 2px 0px 0px;}.elementor-188 .elementor-element.elementor-element-14b744d .elementor-heading-title{font-size:calc(var(--tx)*16);line-height:1.2em;}.elementor-188 .elementor-element.elementor-element-27fcaea{--min-height:70px;}}/* Start custom CSS for html, class: .elementor-element-b742cb0 *//* --- تنظیمات دسکتاپ --- */
.product-sorting {
    display: flex;
    width: 100%;
    gap: 25px;
    font-family: Yekan, Tahoma;
    font-size: 16px;
}

.product-sorting a {
    text-decoration: none;
    color: #000000;
    font-weight: 500;
    transition: color 0.3s ease;
}

.product-sorting a:hover {
    color: #FF892E;
}

.sorting-toggle {
    display: none;
}

/* --- تنظیمات موبایل (زیر 575 پیکسل) --- */
@media (max-width: 575px) {
    :root {
        /* اینجا می‌توانید پدینگ‌ها را برای تغییر سایز دکمه عوض کنید */
        --p-y: 7px;  /* پدینگ بالا و پایین (ارتفاع) */
        --p-x: 20px; /* پدینگ چپ و راست (عرض) */
    }

    .product-sorting-wrapper {
        position: relative;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .sorting-toggle {
        display: flex;
        justify-content: center;
        align-items: center;
        
        width: auto; 
        padding: var(--p-y) var(--p-x);
        
        font-family: Yekan;
        font-size: 16px;
        font-weight: 500;
        border-radius: 8px;
        border: none;
        background: #040F5B !important; /* رنگ سرمه‌ای اصلی */
        color: #FFFFFF !important;
        cursor: pointer;
        transition: background 0.3s ease;
        text-align: center;
        z-index: 101;
        outline: none;
        white-space: nowrap;
        -webkit-tap-highlight-color: transparent;
    }

    /* --- حذف کامل هرگونه هاور یا فوکوس پیش‌فرض (جلوگیری از صورتی شدن) --- */
    .sorting-toggle:hover, 
    .sorting-toggle:focus, 
    .sorting-toggle:active {
        background: #040F5B !important; /* اجبار به ماندن روی رنگ سرمه‌ای */
        color: #FFFFFF !important;
        outline: none !important;
        box-shadow: none !important;
    }

    /* --- فقط در حالت باز بودن منو (کلاس active) نارنجی شود --- */
    .sorting-toggle.active,
    .sorting-toggle.active:hover,
    .sorting-toggle.active:focus {
        background: #FF892E !important; /* رنگ نارنجی */
        color: #FFFFFF !important;
    }

    .product-sorting {
        display: flex; 
        flex-direction: column;
        position: absolute;
        top: 100%;
        right: 50%;
        transform: translateX(50%) translateY(-10px);
        
        width: max-content;
        min-width: 100%; 
        
        background: #ffffff;
        border-radius: 12px;
        padding: 10px 0;
        box-shadow: 0 4px 20px rgba(0,0,0,0.15);
        z-index: 100;
        margin-top: 8px;
        
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .product-sorting.open {
        opacity: 1;
        visibility: visible;
        transform: translateX(50%) translateY(0);
    }

    .product-sorting a {
        padding: 10px 20px;
        font-size: 15px;
        color: #000000;
        display: block;
        width: 100%;
        text-align: center;
        text-decoration: none;
        border: none;
        background: transparent !important;
        transition: color 0.2s;
        -webkit-tap-highlight-color: transparent;
    }

    /* فقط تغییر رنگ متن به نارنجی در گزینه‌ها */
    .product-sorting a:active, 
    .product-sorting a:hover {
        color: #FF892E !important;
        background: transparent !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-481f1aa */#price-range-slider{
    direction: rtl;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-db1a64f *//* استایل اصلی شما */
.product-sorting{
    display:flex;
    width:fit-content;
    gap:25px;
    font-family:Yekan;
    font-size:16px;
}

.product-sorting a{
    text-decoration:none;
    color:#000000;
    font-weight:500;
    transition: color 0.3s ease;
}

.product-sorting a:hover{
    color:#FF892E;
}

/* حالت فعال در همه دستگاه‌ها */
.product-sorting a.active{
    color:#FF892E !important;
}

/* ریسپانسیو تبلت: فونت ریزتر */
@media (min-width: 576px) and (max-width: 991px){
    .product-sorting{
        font-size:10px;
        gap:15px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0f67911 */.elementor-shortcode{
    display:flex;
    width:fit-content;
    font-family:Yekan;
    font-weight:500;
    color:#000000;
    text-decoration:none;
    font-size:16px;
}

/* تبلت: کوچکتر شدن فونت */
@media (min-width: 576px) and (max-width: 991px){
    .elementor-shortcode{
        font-size:12px;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-82e1017 *//***********************************
0) تراز وسط و فاصله از محصولات
************************************/
.elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 60px !important; /* ایجاد فاصله از محصولات بالایی */
    margin-bottom: 20px;
}

/***********************************
1) استایل پایه برای اعداد (بدون بک‌گراند)
************************************/
.elementor-pagination .page-numbers {
    margin: 0;
    text-decoration: none;
    font-family: "YekanBakh", sans-serif;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    background: none !important; /* حذف بک‌گراند */
    color: #888888 !important;    /* رنگ خاکستری در حالت عادی */
    border: none !important;
    transition: all 0.3s ease;
}

/***********************************
2) صفحه فعال (عدد آبی)
************************************/
.elementor-pagination .page-numbers.current {
    color: #040F5B !important;    /* رنگ آبی اصلی */
    font-weight: bold;
    background: none !important;
    border: none !important;
}

/***********************************
3) فلش‌های قبلی و بعدی (دایره آبی)
************************************/
.elementor-pagination .page-numbers.prev,
.elementor-pagination .page-numbers.next {
    background-color: #040F5B !important; /* بک‌گراند آبی در حالت عادی */
    border-radius: 50% !important;
    width: 25px; /* سایز استاندارد دایره */
    height: 25px;
    position: relative;
    font-size: 0 !important; /* مخفی کردن متن قبلی/بعدی */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

/* ایجاد آیکون با استفاده از Mask برای قابلیت تغییر رنگ */
.elementor-pagination .page-numbers.prev::before,
.elementor-pagination .page-numbers.next::before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background-color: #ffffff; /* رنگ آیکون در حالت عادی (سفید) */
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    transition: background-color 0.3s ease;
}

/* آدرس SVG برای فلش قبلی */
.elementor-pagination .page-numbers.prev::before {
    -webkit-mask-image: url(https://ostadeez.com/wp-content/uploads/2026/04/Union-15.svg);
    mask-image: url(https://ostadeez.com/wp-content/uploads/2026/04/Union-15.svg);
}

/* آدرس SVG برای فلش بعدی */
.elementor-pagination .page-numbers.next::before {
    -webkit-mask-image: url(https://ostadeez.com/wp-content/uploads/2026/04/Union-16.svg);
    mask-image: url(https://ostadeez.com/wp-content/uploads/2026/04/Union-16.svg);
}

/***********************************
4) حالت هاور و کلیک فلش‌ها (نارنجی)
************************************/
.elementor-pagination .page-numbers.prev:hover,
.elementor-pagination .page-numbers.next:hover {
    background-color: #FF892E !important; /* بک‌گراند نارنجی هنگام هاور */
}

/* تغییر رنگ خودِ فلش (SVG) به آبی هنگام هاور */
.elementor-pagination .page-numbers.prev:hover::before,
.elementor-pagination .page-numbers.next:hover::before {
    background-color: #040F5B !important; /* رنگ آیکون آبی می‌شود */
}

/***********************************
5) ریسپانسیو (تبلت و موبایل)
************************************/
@media (max-width: 1024px) {
    .elementor-pagination {
        margin-top: 40px !important;
    }
    .elementor-pagination .page-numbers.prev,
    .elementor-pagination .page-numbers.next {
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 768px) {
    .elementor-pagination {
        margin-top: 30px !important;
        gap: 8px;
    }
    .elementor-pagination .page-numbers {
        font-size: 14px;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-0d26c09 *//***********************************
0) تراز وسط و فاصله از محصولات
************************************/
.elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 60px !important; /* ایجاد فاصله از محصولات بالایی */
    margin-bottom: 20px;
}

/***********************************
1) استایل پایه برای اعداد (بدون بک‌گراند)
************************************/
.elementor-pagination .page-numbers {
    margin: 0;
    text-decoration: none;
    font-family: "YekanBakh", sans-serif;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    background: none !important; /* حذف بک‌گراند */
    color: #888888 !important;    /* رنگ خاکستری در حالت عادی */
    border: none !important;
    transition: all 0.3s ease;
}

/***********************************
2) صفحه فعال (عدد آبی)
************************************/
.elementor-pagination .page-numbers.current {
    color: #040F5B !important;    /* رنگ آبی اصلی */
    font-weight: bold;
    background: none !important;
    border: none !important;
}

/***********************************
3) فلش‌های قبلی و بعدی (دایره آبی)
************************************/
.elementor-pagination .page-numbers.prev,
.elementor-pagination .page-numbers.next {
    background-color: #040F5B !important; /* بک‌گراند آبی در حالت عادی */
    border-radius: 50% !important;
    width: 25px; /* سایز استاندارد دایره */
    height: 25px;
    position: relative;
    font-size: 0 !important; /* مخفی کردن متن قبلی/بعدی */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

/* ایجاد آیکون با استفاده از Mask برای قابلیت تغییر رنگ */
.elementor-pagination .page-numbers.prev::before,
.elementor-pagination .page-numbers.next::before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background-color: #ffffff; /* رنگ آیکون در حالت عادی (سفید) */
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    transition: background-color 0.3s ease;
}

/* آدرس SVG برای فلش قبلی */
.elementor-pagination .page-numbers.prev::before {
    -webkit-mask-image: url(https://ostadeez.com/wp-content/uploads/2026/04/Union-15.svg);
    mask-image: url(https://ostadeez.com/wp-content/uploads/2026/04/Union-15.svg);
}

/* آدرس SVG برای فلش بعدی */
.elementor-pagination .page-numbers.next::before {
    -webkit-mask-image: url(https://ostadeez.com/wp-content/uploads/2026/04/Union-16.svg);
    mask-image: url(https://ostadeez.com/wp-content/uploads/2026/04/Union-16.svg);
}

/***********************************
4) حالت هاور و کلیک فلش‌ها (نارنجی)
************************************/
.elementor-pagination .page-numbers.prev:hover,
.elementor-pagination .page-numbers.next:hover {
    background-color: #FF892E !important; /* بک‌گراند نارنجی هنگام هاور */
}

/* تغییر رنگ خودِ فلش (SVG) به آبی هنگام هاور */
.elementor-pagination .page-numbers.prev:hover::before,
.elementor-pagination .page-numbers.next:hover::before {
    background-color: #040F5B !important; /* رنگ آیکون آبی می‌شود */
}

/***********************************
5) ریسپانسیو (تبلت و موبایل)
************************************/
@media (max-width: 1024px) {
    .elementor-pagination {
        margin-top: 40px !important;
    }
    .elementor-pagination .page-numbers.prev,
    .elementor-pagination .page-numbers.next {
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 768px) {
    .elementor-pagination {
        margin-top: 30px !important;
        gap: 8px;
    }
    .elementor-pagination .page-numbers {
        font-size: 14px;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'yekan';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://ostadeez.com/wp-content/uploads/2026/04/YekanBakhFaNum-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'yekan';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://ostadeez.com/wp-content/uploads/2026/04/YekanBakhFaNum-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'yekan';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://ostadeez.com/wp-content/uploads/2026/04/YekanBakhFaNum-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'yekan';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://ostadeez.com/wp-content/uploads/2026/04/YekanBakhFaNum-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'yekan';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://ostadeez.com/wp-content/uploads/2026/04/YekanBakhFaNum-ExtraBold.ttf') format('truetype');
}
/* End Custom Fonts CSS */