.elementor-891 .elementor-element.elementor-element-73c5f48{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-891 .elementor-element.elementor-element-3609b5f{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );color:var( --e-global-color-primary );}.elementor-891 .elementor-element.elementor-element-3d0064b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:32px;font-weight:400;line-height:45px;color:#1A334D;}.elementor-891 .elementor-element.elementor-element-4c3baa6{--display:flex;}.elementor-891 .elementor-element.elementor-element-8c78e62 > .elementor-widget-container{padding:10px 10px 10px 10px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E8E1D9;border-radius:5px 5px 5px 5px;}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-wc-archive-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.products-heading-show .related-products > h2, .elementor-widget-wc-archive-products.products-heading-show .upsells > h2, .elementor-widget-wc-archive-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-widget-wc-archive-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-widget-wc-archive-products .elementor-products-nothing-found{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-891 .elementor-element.elementor-element-6eff4d3.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-891 .elementor-element.elementor-element-6eff4d3.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-5c75476 );}.elementor-891 .elementor-element.elementor-element-6eff4d3.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-5c75476 );}.elementor-891 .elementor-element.elementor-element-6eff4d3.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-891 .elementor-element.elementor-element-6eff4d3.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Poppins", Sans-serif;font-weight:500;}.elementor-891 .elementor-element.elementor-element-6eff4d3.elementor-wc-products ul.products li.product .star-rating{color:var( --e-global-color-5c75476 );}.elementor-891 .elementor-element.elementor-element-6eff4d3.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-5c75476 );font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-891 .elementor-element.elementor-element-6eff4d3.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-5c75476 );}.elementor-891 .elementor-element.elementor-element-6eff4d3.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-5c75476 );}.elementor-891 .elementor-element.elementor-element-6eff4d3.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-5c75476 );}.elementor-891 .elementor-element.elementor-element-6eff4d3.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-5c75476 );}.elementor-891 .elementor-element.elementor-element-6eff4d3.elementor-wc-products ul.products li.product .price del {font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-891 .elementor-element.elementor-element-6eff4d3.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-891 .elementor-element.elementor-element-afe8ad9{--display:flex;--padding-top:1px;--padding-bottom:1px;--padding-left:1px;--padding-right:1px;}.elementor-891 .elementor-element.elementor-element-afe8ad9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-891 .elementor-element.elementor-element-eba5091 > .elementor-widget-container{padding:10px 10px 10px 10px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E8E1D9;border-radius:5px 5px 5px 5px;}.elementor-891 .elementor-element.elementor-element-238c0b8{--display:flex;}@media(min-width:768px){.elementor-891 .elementor-element.elementor-element-73c5f48{--content-width:1150px;}.elementor-891 .elementor-element.elementor-element-3609b5f{--width:58%;}.elementor-891 .elementor-element.elementor-element-afe8ad9{--width:100%;}}@media(max-width:1200px) and (min-width:768px){.elementor-891 .elementor-element.elementor-element-afe8ad9{--width:355.797px;}}@media(max-width:1366px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-wc-archive-products.products-heading-show .related-products > h2, .elementor-widget-wc-archive-products.products-heading-show .upsells > h2, .elementor-widget-wc-archive-products.products-heading-show .cross-sells > h2{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del {font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-widget-wc-archive-products.elementor-wc-products .added_to_cart{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-widget-wc-archive-products .elementor-products-nothing-found{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-wc-archive-products.products-heading-show .related-products > h2, .elementor-widget-wc-archive-products.products-heading-show .upsells > h2, .elementor-widget-wc-archive-products.products-heading-show .cross-sells > h2{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del {font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-widget-wc-archive-products.elementor-wc-products .added_to_cart{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-widget-wc-archive-products .elementor-products-nothing-found{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-891 .elementor-element.elementor-element-6eff4d3.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-891 .elementor-element.elementor-element-3d0064b .elementor-heading-title{font-size:23px;line-height:1.7em;}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-wc-archive-products.products-heading-show .related-products > h2, .elementor-widget-wc-archive-products.products-heading-show .upsells > h2, .elementor-widget-wc-archive-products.products-heading-show .cross-sells > h2{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del {font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-widget-wc-archive-products.elementor-wc-products .added_to_cart{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-widget-wc-archive-products .elementor-products-nothing-found{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-891 .elementor-element.elementor-element-6eff4d3.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for ace-wordpress-filters-product-category-filter, class: .elementor-element-8c78e62 *//* ========================================================= ACE PRODUCT FILTERS COMPLETE CUSTOM STYLE DESKTOP + MOBILE ========================================================= */ /* ========================================================= 1. GENERAL ========================================================= */ .cpf-filter__button, .cpf-filter__mobile-toggle { padding: 10px 10px !important; font-size: 13px !important; background: #ffffff; color: #1A334D; -webkit-tap-highlight-color: transparent; cursor: pointer; } .cpf-filter__marker { display: none !important; } .cpf-filter--swatches { --cpf-swatch-size: 18px; } /* ========================================================= 2. FILTER TITLES ========================================================= */ .cpf-filter .cpf-filter__panel-body::before { display: block !important; width: 100% !important; margin: 0 0 8px 0 !important; padding: 0 !important; color: #1A334D !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.4 !important; text-align: left !important; letter-spacing: 0 !important; box-sizing: border-box !important; } /* ========================================================= PRICE ========================================================= */ .cpf-filter[data-filter-id="price"] .cpf-filter__panel-body::before, .cpf-filter[aria-label="Price"] .cpf-filter__panel-body::before, .cpf-filter[aria-label="Price Range"] .cpf-filter__panel-body::before { content: "Price Range" !important; } /* ========================================================= SIZE ========================================================= */ .cpf-filter[data-filter-id="size"] .cpf-filter__panel-body::before, .cpf-filter[aria-label="Size"] .cpf-filter__panel-body::before { content: "Size" !important; } /* ========================================================= COLOR ========================================================= */ .cpf-filter[data-filter-id="color"] .cpf-filter[data-filter-id="colors"] .cpf-filter[aria-label="Color"] .cpf-filter[aria-label="Colors"] .cpf-filter__panel-body::before { content: "Color" !important; } /* ========================================================= ORIGIN ========================================================= */ .cpf-filter[data-filter-id="origin"] .cpf-filter__panel-body::before, .cpf-filter[aria-label="Origin"] .cpf-filter__panel-body::before { content: "Origin" !important; } /* ========================================================= AGE ========================================================= */ .cpf-filter[data-filter-id="age"] .cpf-filter__panel-body::before, .cpf-filter[aria-label="Age"] .cpf-filter__panel-body::before { content: "Age" !important; } /* ========================================================= SHAPE ========================================================= */ .cpf-filter[data-filter-id="shape"] .cpf-filter__panel-body::before, .cpf-filter[aria-label="Shape"] .cpf-filter__panel-body::before { content: "Shape" !important; } /* ========================================================= MATERIAL ========================================================= */ .cpf-filter[data-filter-id="pile-material"] .cpf-filter__panel-body::before, .cpf-filter[data-filter-id="material"] .cpf-filter__panel-body::before, .cpf-filter[aria-label="Pile Material"] .cpf-filter__panel-body::before, .cpf-filter[aria-label="Material"] .cpf-filter__panel-body::before { content: "Material" !important; } /* ========================================================= QUALITY ========================================================= */ .cpf-filter[data-filter-id="quality"] .cpf-filter__panel-body::before, .cpf-filter[aria-label="Quality"] .cpf-filter__panel-body::before { content: "Quality" !important; } /* ========================================================= CONDITION ========================================================= */ .cpf-filter[data-filter-id="condition"] .cpf-filter__panel-body::before, .cpf-filter[aria-label="Condition"] .cpf-filter__panel-body::before { content: "Condition" !important; } /* ========================================================= SIGNATURE ========================================================= */ .cpf-filter[data-filter-id="signature"] .cpf-filter__panel-body::before, .cpf-filter[data-filter-id="signiture"] .cpf-filter__panel-body::before, .cpf-filter[aria-label="Signature"] .cpf-filter__panel-body::before, .cpf-filter[aria-label="Signiture"] .cpf-filter__panel-body::before { content: "Signature" !important; } /* ========================================================= 3. DESKTOP — ALL FILTERS ========================================================= */ @media (min-width: 768px) { /* همه فیلترها به صورت افقی و با wrap نمایش داده می‌شوند. */ .cpf-filter .cpf-filter__panel-body { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; gap: 6px !important; } /* گزینه‌ها عرض کامل نگیرند */ .cpf-filter .cpf-filter__choice { display: inline-flex !important; width: auto !important; max-width: none !important; min-width: 0 !important; flex: 0 0 auto !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* دکمه‌ها */ .cpf-filter .cpf-filter__button { width: auto !important; max-width: none !important; min-width: 0 !important; flex: 0 0 auto !important; } } /* ========================================================= 4. SIZE — FORCE TWO COLUMNS ========================================================= */ @media (min-width: 768px) { /* Size options 2 columns */ .cpf-filter[data-filter-id="size"] .cpf-filter__panel-body, .cpf-filter[aria-label="Size"] .cpf-filter__panel-body { display: grid !important; grid-template-columns: max-content max-content !important; column-gap: 60px !important; row-gap: 8px !important; align-items: center !important; justify-content: start !important; width: 100% !important; } .cpf-filter[data-filter-id="size"] .cpf-filter__choice, .cpf-filter[aria-label="Size"] .cpf-filter__choice { display: inline-flex !important; width: max-content !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } .cpf-filter[data-filter-id="size"] .cpf-filter__button, .cpf-filter[aria-label="Size"] .cpf-filter__button { display: inline-flex !important; width: auto !important; max-width: none !important; min-width: 0 !important; padding: 7px 7px !important; margin: 0 !important; box-sizing: border-box !important; } } /* ========================================================= 5. OPTION BUTTONS ========================================================= */ .cpf-filter .cpf-filter__button { width: auto !important; max-width: none !important; min-width: 0 !important; padding: 7px 7px !important; border: 1px solid #E8E1D9 !important; border-radius: 6px !important; background: #ffffff !important; color: #1A334D !important; box-shadow: none !important; box-sizing: border-box !important; justify-content: flex-start !important; transition: background-color .2s ease, border-color .2s ease, color .2s ease !important; } .cpf-filter label.cpf-filter__choice { margin-bottom: 0 !important; } /* ========================================================= 6. FILTER SEPARATORS ========================================================= */ .cpf-filter { border-bottom: 1px solid #E8E1D9 !important; padding-bottom: 12px !important; margin-bottom: 8px !important; } /* ========================================================= 7. HOVER — ALL OPTIONS ========================================================= */ .cpf-filter__choice:hover .cpf-filter__button { background: #F8F1EB !important; border-color: #E8E1D9 !important; color: #1A334D !important; } .cpf-filter__choice:hover .cpf-filter__button .cpf-filter__label { color: #1A334D !important; } .cpf-filter__choice:hover .cpf-filter__button .cpf-filter__count { color: #1A334D !important; } /* ========================================================= 8. ACTIVE FILTER ========================================================= */ .cpf-filter__choice:has( .cpf-filter__checkbox:checked ) .cpf-filter__button { background: #F8F1EB !important; border: 1px solid #C5652C !important; color: #C5652C !important; } .cpf-filter__choice:has( .cpf-filter__checkbox:checked ) .cpf-filter__button .cpf-filter__label { color: #C5652C !important; font-weight: 500 !important; } .cpf-filter__choice:has( .cpf-filter__checkbox:checked ) .cpf-filter__count { color: #C5652C !important; } /* ========================================================= 9. SHAPE — DESKTOP ========================================================= */ @media (min-width: 768px) { [data-filter-id="shape"] .cpf-filter__panel-body { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; padding: 10px 0 15px !important; margin: 0 !important; gap: 6px !important; } [data-filter-id="shape"] .cpf-filter__choice { display: inline-flex !important; position: relative !important; width: auto !important; max-width: none !important; min-width: 0 !important; flex: 0 0 auto !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; cursor: pointer !important; } } /* ========================================================= 10. SHAPE BUTTON ========================================================= */ [data-filter-id="shape"] .cpf-filter__button { display: inline-flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; width: auto !important; max-width: none !important; min-width: 0 !important; min-height: 0 !important; padding: 7px 10px !important; margin: 0 !important; border: 1px solid #E8E1D9 !important; border-radius: 6px !important; background: #ffffff !important; color: #1A334D !important; box-shadow: none !important; box-sizing: border-box !important; cursor: pointer !important; } /* ========================================================= 11. HIDE SHAPE CHECKBOX ========================================================= */ [data-filter-id="shape"] .cpf-filter__checkbox { display: none !important; visibility: hidden !important; opacity: 0 !important; } /* ========================================================= 12. SHAPE ICON ========================================================= */ [data-filter-id="shape"] .cpf-filter__button::before { content: "" !important; display: inline-block !important; width: 20px !important; height: 14px !important; margin: 0 7px 0 0 !important; border: 1.4px solid #1A334D !important; box-sizing: border-box !important; flex-shrink: 0 !important; } /* RECTANGLE */ [data-filter-id="shape"] .cpf-filter__choice[data-term-search*="rectangle"] .cpf-filter__button::before { width: 20px !important; height: 10px !important; } /* SQUARE */ [data-filter-id="shape"] .cpf-filter__choice[data-term-search*="square"] .cpf-filter__button::before { width: 14px !important; height: 14px !important; } /* RUNNER */ [data-filter-id="shape"] .cpf-filter__choice[data-term-search*="runner"] .cpf-filter__button::before { width: 5px !important; height: 15px !important; } /* ROUND */ [data-filter-id="shape"] .cpf-filter__choice[data-term-search*="round"] .cpf-filter__button::before { width: 14px !important; height: 14px !important; border-radius: 50% !important; } /* OVAL */ [data-filter-id="shape"] .cpf-filter__choice[data-term-search*="oval"] .cpf-filter__button::before { width: 20px !important; height: 10px !important; border-radius: 50% !important; } /* IRREGULAR */ [data-filter-id="shape"] .cpf-filter__choice[data-term-search*="irregular"] .cpf-filter__button::before { width: 14px !important; height: 14px !important; transform: rotate(45deg) !important; } /* ========================================================= 13. SHAPE TEXT ========================================================= */ [data-filter-id="shape"] .cpf-filter__label { display: inline !important; width: auto !important; margin: 0 !important; padding: 0 !important; color: #1A334D !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.4 !important; white-space: nowrap !important; cursor: pointer !important; } /* ========================================================= 14. HIDE SHAPE COUNT ========================================================= */ [data-filter-id="shape"] .cpf-filter__count { display: none !important; } /* ========================================================= 15. SHAPE HOVER ========================================================= */ [data-filter-id="shape"] .cpf-filter__choice:hover .cpf-filter__button { background: #F8F1EB !important; border-color: #E8E1D9 !important; } [data-filter-id="shape"] .cpf-filter__choice:hover .cpf-filter__button::before { border-color: #C5652C !important; } [data-filter-id="shape"] .cpf-filter__choice:hover .cpf-filter__button .cpf-filter__label { color: #1A334D !important; } /* ========================================================= 16. SHAPE ACTIVE ========================================================= */ [data-filter-id="shape"] .cpf-filter__choice:has( .cpf-filter__checkbox:checked ) .cpf-filter__button { background: #F8F1EB !important; border-color: #C5652C !important; color: #C5652C !important; } [data-filter-id="shape"] .cpf-filter__choice:has( .cpf-filter__checkbox:checked ) .cpf-filter__button::before { border-color: #C5652C !important; } [data-filter-id="shape"] .cpf-filter__choice:has( .cpf-filter__checkbox:checked ) .cpf-filter__label { color: #C5652C !important; font-weight: 500 !important; } /* ========================================================= 17. LAST FILTER ========================================================= */ .elementor-widget-ace-wordpress-filters-product-category-filter .cpf-filter:last-child { border-bottom: none !important; margin-bottom: 0 !important; padding-bottom: 0 !important; } /* ========================================================= 18. MOBILE ========================================================= */ @media (max-width: 767px) { /* Mobile panel remains controlled by ACE. */ .cpf-filter__panel-body::before { font-size: 13px !important; margin-bottom: 8px !important; } .cpf-filter { padding-bottom: 10px !important; margin-bottom: 7px !important; } .cpf-filter__button { padding: 6px 8px !important; font-size: 12px !important; } /* Shape */ [data-filter-id="shape"] .cpf-filter__panel-body { gap: 5px !important; padding: 8px 0 12px !important; } [data-filter-id="shape"] .cpf-filter__button { padding: 6px 8px !important; } [data-filter-id="shape"] .cpf-filter__label { font-size: 10px !important; } } /* ========================================================= 19. MOBILE FILTER BUTTON ========================================================= */ @media (max-width: 767px) { .custom-mobile-filter-button { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; min-height: 44px !important; padding: 10px 14px !important; margin: 0 0 12px 0 !important; border: 1px solid #E8E1D9 !important; border-radius: 6px !important; background: #ffffff !important; color: #1A334D !important; font-size: 13px !important; font-weight: 500 !important; cursor: pointer !important; box-sizing: border-box !important; } .custom-mobile-filter-button::after { content: "⌄" !important; font-size: 18px !important; line-height: 1 !important; color: #1A334D !important; } .custom-mobile-filter-button.is-open { background: #F8F1EB !important; border-color: #C5652C !important; color: #C5652C !important; } .custom-mobile-filter-button.is-open::after { content: "⌃" !important; color: #C5652C !important; } /* Closed */ .ace-mobile-filters-closed .cpf-filter { display: none !important; } /* Open */ .ace-mobile-filters-open .cpf-filter { display: block !important; } } /* ========================================================= MOBILE FILTER OPTIONS NATURAL WIDTH + AUTO WRAP NO OVERLAP ========================================================= */ @media (max-width: 767px) { /* FILTER OPTIONS */ .cpf-filter__panel-body { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; gap: 8px 10px !important; width: 100% !important; box-sizing: border-box !important; } /* FILTER TITLE */ .cpf-filter__panel-body::before { display: block !important; flex: 0 0 100% !important; width: 100% !important; margin: 0 0 8px 0 !important; box-sizing: border-box !important; } /* EACH OPTION */ .cpf-filter__panel-body .cpf-filter__choice { display: inline-flex !important; position: static !important; width: auto !important; max-width: none !important; min-width: 0 !important; flex: 0 0 auto !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* BUTTON */ .cpf-filter__panel-body .cpf-filter__choice .cpf-filter__button { display: inline-flex !important; width: auto !important; max-width: none !important; min-width: 0 !important; flex: 0 0 auto !important; flex-grow: 0 !important; flex-shrink: 0 !important; margin: 0 !important; padding: 6px 8px !important; box-sizing: border-box !important; white-space: nowrap !important; } /* BUTTON CONTENT */ .cpf-filter__panel-body .cpf-filter__button .cpf-filter__content { display: inline-flex !important; width: auto !important; max-width: none !important; min-width: 0 !important; flex: 0 0 auto !important; white-space: nowrap !important; box-sizing: border-box !important; } /* LABEL */ .cpf-filter__panel-body .cpf-filter__label { display: inline-block !important; width: auto !important; max-width: none !important; min-width: 0 !important; white-space: nowrap !important; overflow: visible !important; box-sizing: border-box !important; } }/* End custom CSS */ /* Start custom CSS for wc-archive-products, class: .elementor-element-6eff4d3 */.woocommerce .woocommerce-ordering select { padding: 10px 10px 10px 10px !important; border-style: solid; border-width: 1px 1px 1px 1px !important; border-color: #E8E1D9 !important; border-radius: 5px 5px 5px 5px !important; }/* End custom CSS */ /* Start custom CSS for ace-wordpress-filters-product-category-filter, class: .elementor-element-eba5091 *//* ========================================================= ACE PRODUCT FILTERS COMPLETE CUSTOM STYLE DESKTOP + MOBILE ========================================================= */ /* ========================================================= 1. GENERAL ========================================================= */ .cpf-filter__button, .cpf-filter__mobile-toggle { padding: 10px 10px !important; font-size: 13px !important; background: #ffffff; color: #1A334D; -webkit-tap-highlight-color: transparent; cursor: pointer; } .cpf-filter__marker { display: none !important; } .cpf-filter--swatches { --cpf-swatch-size: 18px; } /* ========================================================= 2. FILTER TITLES ========================================================= */ .cpf-filter[data-filter-id] .cpf-filter__panel-body::before { display: block !important; width: 100% !important; margin: 0 0 8px 0 !important; padding: 0 !important; color: #1A334D !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.4 !important; text-align: left !important; letter-spacing: 0 !important; box-sizing: border-box !important; } /* ========================================================= PRICE ========================================================= */ .cpf-filter[data-filter-id="price"] .cpf-filter__panel-body::before, .cpf-filter[aria-label="Price"] .cpf-filter__panel-body::before, .cpf-filter[aria-label="Price Range"] .cpf-filter__panel-body::before { content: "Price Range" !important; } /* ========================================================= SIZE ========================================================= */ .cpf-filter[data-filter-id="size"] .cpf-filter__panel-body::before, .cpf-filter[aria-label="Size"] .cpf-filter__panel-body::before { content: "Size" !important; } /* ========================================================= COLOR ========================================================= */ .cpf-filter[data-filter-id="color"] .cpf-filter__panel-body::before, .cpf-filter[data-filter-id="colors"] .cpf-filter__panel-body::before, .cpf-filter[aria-label="Color"] .cpf-filter__panel-body::before { content: "Color" !important; } /* ========================================================= ORIGIN ========================================================= */ .cpf-filter[data-filter-id="origin"] .cpf-filter__panel-body::before, .cpf-filter[aria-label="Origin"] .cpf-filter__panel-body::before { content: "Origin" !important; } /* ========================================================= AGE ========================================================= */ .cpf-filter[aria-label="Age"] .cpf-filter__panel-body::before, .cpf-filter[data-filter-id="age"] .cpf-filter__panel-body::before { content: "Age" !important; } /* ========================================================= SHAPE ========================================================= */ .cpf-filter[data-filter-id="shape"] .cpf-filter__panel-body::before, .cpf-filter[aria-label="Shape"] .cpf-filter__panel-body::before { content: "Shape" !important; } /* ========================================================= MATERIAL ========================================================= */ .cpf-filter[data-filter-id="pile-material"] .cpf-filter__panel-body::before, .cpf-filter[data-filter-id="material"] .cpf-filter__panel-body::before, .cpf-filter[aria-label="Pile Material"] .cpf-filter__panel-body::before, .cpf-filter[aria-label="Material"] .cpf-filter__panel-body::before { content: "Material" !important; } /* ========================================================= QUALITY ========================================================= */ .cpf-filter[data-filter-id="quality"] .cpf-filter__panel-body::before, .cpf-filter[aria-label="Quality"] .cpf-filter__panel-body::before { content: "Quality" !important; } /* ========================================================= CONDITION ========================================================= */ .cpf-filter[data-filter-id="condition"] .cpf-filter__panel-body::before, .cpf-filter[aria-label="Condition"] .cpf-filter__panel-body::before { content: "Condition" !important; } /* ========================================================= SIGNATURE ========================================================= */ .cpf-filter[data-filter-id="signature"] .cpf-filter__panel-body::before, .cpf-filter[data-filter-id="signiture"] .cpf-filter__panel-body::before, .cpf-filter[aria-label="Signature"] .cpf-filter__panel-body::before, .cpf-filter[aria-label="Signiture"] .cpf-filter__panel-body::before { content: "Signature" !important; } /* ========================================================= 3. DESKTOP FILTER PANELS ========================================================= */ @media (min-width: 768px) { .cpf-filter[data-filter-id] .cpf-filter__panel-body { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; gap: 6px !important; } /* AGE */ .cpf-filter[aria-label="Age"] .cpf-filter__panel-body, .cpf-filter[data-filter-id="age"] .cpf-filter__panel-body { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; } /* SIGNATURE */ .cpf-filter[aria-label="Signature"] .cpf-filter__panel-body, .cpf-filter[aria-label="Signiture"] .cpf-filter__panel-body { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; } } /* ========================================================= 4. OPTION WIDTH — DESKTOP ========================================================= */ @media (min-width: 768px) { .cpf-filter[data-filter-id] .cpf-filter__choice { width: auto !important; max-width: none !important; min-width: 0 !important; flex: 0 0 auto !important; margin-bottom: 0 !important; } } /* ========================================================= 5. OPTION BUTTONS ========================================================= */ .cpf-filter[data-filter-id] .cpf-filter__button { width: auto !important; max-width: none !important; min-width: 0 !important; padding: 7px 7px !important; border: 1px solid #E8E1D9 !important; border-radius: 6px !important; background: #ffffff !important; color: #1A334D !important; box-shadow: none !important; box-sizing: border-box !important; justify-content: flex-start !important; transition: background-color .2s ease, border-color .2s ease, color .2s ease !important; } .cpf-filter[data-filter-id] label.cpf-filter__choice { margin-bottom: 0 !important; } /* ========================================================= 6. FILTER SEPARATORS ========================================================= */ .cpf-filter { border-bottom: 1px solid #E8E1D9 !important; padding-bottom: 12px !important; margin-bottom: 8px !important; } /* ========================================================= 7. HOVER — ALL OPTIONS ========================================================= */ .cpf-filter__choice:hover .cpf-filter__button { background: #F8F1EB !important; border-color: #E8E1D9 !important; color: #1A334D !important; } .cpf-filter__choice:hover .cpf-filter__button .cpf-filter__label { color: #1A334D !important; } .cpf-filter__choice:hover .cpf-filter__button .cpf-filter__count { color: #1A334D !important; } /* ========================================================= 8. ACTIVE FILTER ========================================================= */ .cpf-filter__choice:has( .cpf-filter__checkbox:checked ) .cpf-filter__button { background: #F8F1EB !important; border: 1px solid #C5652C !important; color: #C5652C !important; } .cpf-filter__choice:has( .cpf-filter__checkbox:checked ) .cpf-filter__button .cpf-filter__label { color: #C5652C !important; font-weight: 500 !important; } .cpf-filter__choice:has( .cpf-filter__checkbox:checked ) .cpf-filter__count { color: #C5652C !important; } /* ========================================================= 9. SHAPE — DESKTOP ========================================================= */ @media (min-width: 768px) { [data-filter-id="shape"] .cpf-filter__panel-body { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; padding: 10px 0 15px !important; margin: 0 !important; gap: 6px !important; } [data-filter-id="shape"] .cpf-filter__choice { display: inline-flex !important; position: relative !important; width: auto !important; max-width: none !important; min-width: 0 !important; flex: 0 0 auto !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; cursor: pointer !important; } } /* ========================================================= 10. SHAPE BUTTON ========================================================= */ [data-filter-id="shape"] .cpf-filter__button { display: inline-flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; width: auto !important; max-width: none !important; min-width: 0 !important; min-height: 0 !important; padding: 7px 10px !important; margin: 0 !important; border: 1px solid #E8E1D9 !important; border-radius: 6px !important; background: #ffffff !important; color: #1A334D !important; box-shadow: none !important; box-sizing: border-box !important; cursor: pointer !important; } /* ========================================================= 11. HIDE SHAPE CHECKBOX ========================================================= */ [data-filter-id="shape"] .cpf-filter__checkbox { display: none !important; visibility: hidden !important; opacity: 0 !important; } /* ========================================================= 12. SHAPE ICON ========================================================= */ [data-filter-id="shape"] .cpf-filter__button::before { content: "" !important; display: inline-block !important; width: 20px !important; height: 14px !important; margin: 0 7px 0 0 !important; border: 1.4px solid #1A334D !important; box-sizing: border-box !important; flex-shrink: 0 !important; } /* RECTANGLE */ [data-filter-id="shape"] .cpf-filter__choice[data-term-search*="rectangle"] .cpf-filter__button::before { width: 20px !important; height: 10px !important; } /* SQUARE */ [data-filter-id="shape"] .cpf-filter__choice[data-term-search*="square"] .cpf-filter__button::before { width: 14px !important; height: 14px !important; } /* RUNNER */ [data-filter-id="shape"] .cpf-filter__choice[data-term-search*="runner"] .cpf-filter__button::before { width: 5px !important; height: 15px !important; } /* ROUND */ [data-filter-id="shape"] .cpf-filter__choice[data-term-search*="round"] .cpf-filter__button::before { width: 14px !important; height: 14px !important; border-radius: 50% !important; } /* OVAL */ [data-filter-id="shape"] .cpf-filter__choice[data-term-search*="oval"] .cpf-filter__button::before { width: 20px !important; height: 10px !important; border-radius: 50% !important; } /* IRREGULAR */ [data-filter-id="shape"] .cpf-filter__choice[data-term-search*="irregular"] .cpf-filter__button::before { width: 14px !important; height: 14px !important; transform: rotate(45deg) !important; } /* ========================================================= 13. SHAPE TEXT ========================================================= */ [data-filter-id="shape"] .cpf-filter__label { display: inline !important; width: auto !important; margin: 0 !important; padding: 0 !important; color: #1A334D !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.4 !important; white-space: nowrap !important; cursor: pointer !important; } /* ========================================================= 14. HIDE SHAPE COUNT ========================================================= */ [data-filter-id="shape"] .cpf-filter__count { display: none !important; } /* ========================================================= 15. SHAPE HOVER ========================================================= */ [data-filter-id="shape"] .cpf-filter__choice:hover .cpf-filter__button { background: #F8F1EB !important; border-color: #E8E1D9 !important; } [data-filter-id="shape"] .cpf-filter__choice:hover .cpf-filter__button::before { border-color: #C5652C !important; } [data-filter-id="shape"] .cpf-filter__choice:hover .cpf-filter__button .cpf-filter__label { color: #1A334D !important; } /* ========================================================= 16. SHAPE ACTIVE ========================================================= */ [data-filter-id="shape"] .cpf-filter__choice:has( .cpf-filter__checkbox:checked ) .cpf-filter__button { background: #F8F1EB !important; border-color: #C5652C !important; color: #C5652C !important; } [data-filter-id="shape"] .cpf-filter__choice:has( .cpf-filter__checkbox:checked ) .cpf-filter__button::before { border-color: #C5652C !important; } [data-filter-id="shape"] .cpf-filter__choice:has( .cpf-filter__checkbox:checked ) .cpf-filter__label { color: #C5652C !important; font-weight: 500 !important; } /* ========================================================= 17. LAST FILTER ========================================================= */ .elementor-widget-ace-wordpress-filters-product-category-filter .cpf-filter:last-child { border-bottom: none !important; margin-bottom: 0 !important; padding-bottom: 0 !important; } /* ========================================================= 18. MOBILE ========================================================= */ @media (max-width: 767px) { /* مهم: اینجا display:flex روی panel-body نمی‌گذاریم. تا Mobile Panel خود ACE بتواند باز و بسته شود. */ .cpf-filter__panel-body::before { font-size: 13px !important; margin-bottom: 8px !important; } .cpf-filter { padding-bottom: 10px !important; margin-bottom: 7px !important; } .cpf-filter__button { padding: 6px 8px !important; font-size: 12px !important; } /* Shape */ [data-filter-id="shape"] .cpf-filter__panel-body { gap: 5px !important; padding: 8px 0 12px !important; } [data-filter-id="shape"] .cpf-filter__button { padding: 6px 8px !important; } [data-filter-id="shape"] .cpf-filter__label { font-size: 10px !important; } } /* ========================================================= MOBILE FILTER BUTTON ========================================================= */ @media (max-width: 767px) { .custom-mobile-filter-button { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; min-height: 44px !important; padding: 10px 14px !important; margin: 0 0 12px 0 !important; border: 1px solid #E8E1D9 !important; border-radius: 6px !important; background: #ffffff !important; color: #1A334D !important; font-size: 13px !important; font-weight: 500 !important; cursor: pointer !important; box-sizing: border-box !important; } .custom-mobile-filter-button::after { content: "⌄" !important; font-size: 18px !important; line-height: 1 !important; color: #1A334D !important; } .custom-mobile-filter-button.is-open { background: #F8F1EB !important; border-color: #C5652C !important; color: #C5652C !important; } .custom-mobile-filter-button.is-open::after { content: "⌃" !important; color: #C5652C !important; } /* فیلترها در حالت بسته */ .ace-mobile-filters-closed .cpf-filter { display: none !important; } /* وقتی باز شد */ .ace-mobile-filters-open .cpf-filter { display: block !important; } }/* End custom CSS */