.elementor-13212 .elementor-element.elementor-element-074d757{--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-13212 .elementor-element.elementor-element-fbe247c{--display:flex;}.elementor-13212 .elementor-element.elementor-element-c5b78ea .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Shabnam", shabnam;font-size:1.5rem;font-weight:700;fill:var( --e-global-color-text );color:var( --e-global-color-text );}.elementor-13212 .elementor-element.elementor-element-e8810ff .elementor-icon-box-wrapper{gap:15px;}.elementor-13212 .elementor-element.elementor-element-e8810ff.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-13212 .elementor-element.elementor-element-e8810ff.elementor-view-framed .elementor-icon, .elementor-13212 .elementor-element.elementor-element-e8810ff.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-13212 .elementor-element.elementor-element-e8810ff .elementor-icon-box-title, .elementor-13212 .elementor-element.elementor-element-e8810ff .elementor-icon-box-title a{font-family:"Shabnam", shabnam;font-size:1.5rem;font-weight:700;}.elementor-13212 .elementor-element.elementor-element-e8810ff .elementor-icon-box-title{color:var( --e-global-color-primary );}#elementor-popup-modal-13212{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-13212 .dialog-message{width:640px;height:380px;align-items:flex-start;}#elementor-popup-modal-13212 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(max-width:767px){.elementor-13212 .elementor-element.elementor-element-074d757{--gap:20px 0px;--row-gap:20px;--column-gap:0px;}.elementor-13212 .elementor-element.elementor-element-fbe247c{--flex-direction:row-reverse;--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-reverse;--justify-content:space-between;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13212 .elementor-element.elementor-element-c5b78ea .elementor-button{font-size:1.4rem;border-radius:100px 100px 100px 100px;padding:6px 6px 6px 6px;}.elementor-13212 .elementor-element.elementor-element-e8810ff .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:5px;}.elementor-13212 .elementor-element.elementor-element-e8810ff .elementor-icon-box-title{margin-block-end:0px;}.elementor-13212 .elementor-element.elementor-element-e8810ff .elementor-icon{font-size:17px;}.elementor-13212 .elementor-element.elementor-element-e8810ff .elementor-icon i{transform:rotate(0deg);}.elementor-13212 .elementor-element.elementor-element-e8810ff .elementor-icon-box-title, .elementor-13212 .elementor-element.elementor-element-e8810ff .elementor-icon-box-title a{font-size:17px;line-height:0.2em;}#elementor-popup-modal-13212 .dialog-message{height:400px;}#elementor-popup-modal-13212{align-items:flex-end;}#elementor-popup-modal-13212 .dialog-widget-content{border-radius:15px 15px 0px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-54c929f *//* رپّر کلی منوی مرتب‌سازی */ .products-sorting { display: inline-flex; align-items: center; gap: 10px; padding: 6px; border-radius: 999px; background: #ffffff; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08), 0 1px 2px rgba(15, 23, 42, 0.12); margin-bottom: 0; /* قبلاً 25px بود - فضای خالی زیر منو حذف شد */ font-family: 'Shabnam', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; direction: rtl; } /* لینک‌ها */ .products-sorting .sort-link { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 6px 14px; border-radius: 999px; font-size: 13px; line-height: 1; text-decoration: none; color: #64748b; white-space: nowrap; border: 1px solid transparent; transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.12s ease; } /* هاور با رنگ #F28310 */ .products-sorting .sort-link:hover { color: #0f172a; background: rgba(242, 131, 16, 0.12); /* رنگ هاور نرم شده از #F28310 */ border-color: rgba(242, 131, 16, 0.25); } /* حالت فعال (انتخاب شده) */ .products-sorting .sort-link.is-active { color: #f9fafb; background: #F28310; /* رنگ اصلی فعال */ border-color: rgba(242, 131, 16, 0.65); box-shadow: 0 8px 18px rgba(242, 131, 16, 0.55), 0 0 0 1px rgba(248, 250, 252, 0.5) inset; transform: translateY(-1px); } /* انیمیشن کلیک */ .products-sorting .sort-link:active { transform: translateY(0); box-shadow: 0 3px 10px rgba(15, 23, 42, 0.18); } /* فقط بخش موبایل تغییر کرد */ @media (max-width: 768px) { .products-sorting { display: flex; flex-direction: column; /* عمودی! */ overflow-x: visible; overflow-y: auto; padding: 12px; margin: 0 0 16px 0; gap: 8px; max-height: 300px; /* ارتفاع محدود */ border-radius: 12px; border: 1px solid rgba(15, 23, 42, 0.08); background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); scrollbar-width: thin; scrollbar-color: rgba(242, 131, 16, 0.4) transparent; } .products-sorting::-webkit-scrollbar { width: 4px; } .products-sorting::-webkit-scrollbar-track { background: transparent; } .products-sorting::-webkit-scrollbar-thumb { background: rgba(242, 131, 16, 0.4); border-radius: 2px; } .products-sorting .sort-link { flex: none; width: 100%; justify-content: flex-start; padding: 12px 16px; border-radius: 8px; font-size: 14px; min-height: 44px; /* سایز استاندارد موبایل */ } } /* برای سایت‌های RTL */ body.rtl .products-sorting { direction: rtl; justify-content: flex-start; }/* End custom CSS */