.elementor-31021 .elementor-element.elementor-element-7f0e46f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;--padding-top:0em;--padding-bottom:0em;--padding-left:3em;--padding-right:3em;}.elementor-31021 .elementor-element.elementor-element-8e4a90f{--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;--justify-content:flex-start;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31021 .elementor-element.elementor-element-8e4a90f.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-31021 .elementor-element.elementor-element-82adfa8{--wd-gap:20px;}.elementor-31021 .elementor-element.elementor-element-82adfa8 .title-text{color:#1D1D1D;font-family:"iranyekanregular", Sans-serif;font-weight:400;}.elementor-31021 .elementor-element.elementor-element-82adfa8 .wd-product-filters{--wd-form-brd-color:#02010100;--wd-form-brd-color-focus:#02010100;--wd-form-bg:#FFFFFF;}.elementor-31021 .elementor-element.elementor-element-82adfa8 .wd-pf-checkboxes:hover .title-text, .elementor-31021 .elementor-element.elementor-element-82adfa8 .wd-pf-checkboxes.wd-opened .title-text{color:var( --e-global-color-primary );}.elementor-31021 .elementor-element.elementor-element-40efe00{--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-31021 .elementor-element.elementor-element-40efe00.e-con{--flex-grow:1;--flex-shrink:0;}.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-31021 .elementor-element.elementor-element-fc55a5e .elementor-button{background-color:#DA0000;font-family:"iranyekanbold", Sans-serif;font-weight:700;fill:#FFFFFF;color:#FFFFFF;}.elementor-31021 .elementor-element.elementor-element-fc55a5e{width:100%;max-width:100%;}.elementor-31021 .elementor-element.elementor-element-fc55a5e .elementor-button-content-wrapper{flex-direction:row;}.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 );font-style:var( --e-global-typography-primary-font-style );color:var( --e-global-color-primary );}.elementor-31021 .elementor-element.elementor-element-bd35646 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );font-style:var( --e-global-typography-primary-font-style );color:var( --e-global-color-text );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-31021 .elementor-element.elementor-element-d3e2eda{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:1px;}.elementor-31021 .elementor-element.elementor-element-d3e2eda .elementor-divider-separator{width:15%;}.elementor-31021 .elementor-element.elementor-element-d3e2eda .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-31021 .elementor-element.elementor-element-c884cf4 [class*="products-bordered-grid"], .elementor-31021 .elementor-element.elementor-element-c884cf4 [class*="products-bordered-grid"] .wd-product{--wd-bordered-brd:#B08A5A4D;}.elementor-31021 .elementor-element.elementor-element-2608403{--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:5em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;}@media(min-width:768px){.elementor-31021 .elementor-element.elementor-element-8e4a90f{--width:15%;}.elementor-31021 .elementor-element.elementor-element-40efe00{--width:75%;}}@media(max-width:767px){.elementor-31021 .elementor-element.elementor-element-7f0e46f{--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-31021 .elementor-element.elementor-element-fc55a5e{width:auto;max-width:auto;}.elementor-31021 .elementor-element.elementor-element-fc55a5e > .elementor-widget-container{margin:0em 0em 0em 0em;border-radius:0px 0px 0px 0px;}.elementor-31021 .elementor-element.elementor-element-fc55a5e.elementor-element{--align-self:flex-start;}.elementor-31021 .elementor-element.elementor-element-fc55a5e .elementor-button{font-size:12px;border-radius:10px 10px 10px 10px;padding:10px 10px 10px 10px;}.elementor-31021 .elementor-element.elementor-element-bd35646{text-align:center;}.elementor-31021 .elementor-element.elementor-element-d3e2eda .elementor-divider{text-align:center;}.elementor-31021 .elementor-element.elementor-element-d3e2eda .elementor-divider-separator{margin:0 auto;margin-center:0;}}/* Start custom CSS for wd_product_filters, class: .elementor-element-82adfa8 *//* ======================================== Selin Watch Product Filters WoodMart + Elementor ======================================== */ .elementor-31021 .elementor-element.elementor-element-82adfa8 { --selin-navy: #07192d; --selin-light: #f1f3f6; --selin-border: #dce2e8; --selin-text: #172233; width: 100%; max-width: 100%; direction: rtl; box-sizing: border-box; } /* اعمال فونت روی کل فیلتر و منوی کشویی */ .elementor-31021 .elementor-element.elementor-element-82adfa8, .elementor-31021 .elementor-element.elementor-element-82adfa8 *, .elementor-31021 .elementor-element.elementor-element-82adfa8 .wd-pf-title, .elementor-31021 .elementor-element.elementor-element-82adfa8 .wd-pf-dropdown, .elementor-31021 .elementor-element.elementor-element-82adfa8 .wd-pf-dropdown *, .elementor-31021 .elementor-element.elementor-element-82adfa8 .pf-value, .elementor-31021 .elementor-element.elementor-element-82adfa8 .title-text, .elementor-31021 .elementor-element.elementor-element-82adfa8 .wd-filter-lable { font-family: "IRANYekanMedium", "IRANYekan", sans-serif !important; } /* فرم اصلی */ .elementor-31021 .elementor-element.elementor-element-82adfa8 .wd-product-filters { display: flex !important; flex-direction: column !important; gap: 10px !important; width: 100% !important; max-width: 100% !important; padding: 20px !important; margin: 0 !important; background: #f1f3f6; border: 1px solid var(--selin-border); border-radius: 18px; overflow: visible !important; box-sizing: border-box; } /* هر فیلتر یک ردیف کامل */ .elementor-31021 .elementor-element.elementor-element-82adfa8 .wd-product-filters .wd-col, .elementor-31021 .elementor-element.elementor-element-82adfa8 .wd-pf-checkboxes { position: relative !important; display: block !important; flex: none !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; box-sizing: border-box; } /* عنوان هر فیلتر */ .elementor-31021 .elementor-element.elementor-element-82adfa8 .wd-pf-title { position: relative; display: flex !important; align-items: center; justify-content: space-between; width: 100% !important; min-height: 48px; padding: 0 16px !important; margin: 0 !important; color: var(--selin-text) !important; background: #ffffff !important; border: 1px solid var(--selin-border) !important; border-radius: 11px !important; cursor: pointer; box-sizing: border-box; transition: border-color 0.25s ease, box-shadow 0.25s ease, color 0.25s ease; } /* متن عنوان */ .elementor-31021 .elementor-element.elementor-element-82adfa8 .wd-pf-title .title-text { display: block; min-width: 0; max-width: calc(100% - 28px); color: var(--selin-text); font-size: 13px !important; font-weight: 500 !important; line-height: 1.6; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* فلش کشویی */ .elementor-31021 .elementor-element.elementor-element-82adfa8 .wd-pf-title::after { content: ""; width: 7px; height: 7px; flex: 0 0 7px; margin-right: 10px; border-left: 2px solid var(--selin-navy); border-bottom: 2px solid var(--selin-navy); transform: rotate(-45deg); transition: transform 0.25s ease; } /* حالت هاور */ .elementor-31021 .elementor-element.elementor-element-82adfa8 .wd-pf-title:hover, .elementor-31021 .elementor-element.elementor-element-82adfa8 .wd-pf-title:focus, .elementor-31021 .elementor-element.elementor-element-82adfa8 .wd-col:hover > .wd-pf-title { color: var(--selin-navy) !important; border-color: var(--selin-navy) !important; box-shadow: 0 6px 18px rgba(7, 25, 45, 0.08); outline: none; } .elementor-31021 .elementor-element.elementor-element-82adfa8 .wd-col:hover > .wd-pf-title::after { transform: rotate(135deg); } /* حذف نمایش نام فیلترهای انتخاب‌شده کنار عنوان */ .elementor-31021 .elementor-element.elementor-element-82adfa8 .wd-pf-results { display: none !important; } /* منوی کشویی */ .elementor-31021 .elementor-element.elementor-element-82adfa8 .wd-pf-dropdown { right: 0 !important; left: auto !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; margin-top: 0.2px !important; padding: 8px !important; background: #ffffff !important; border: 1px solid var(--selin-border) !important; border-radius: 12px !important; box-shadow: 0 15px 35px rgba(7, 25, 45, 0.15) !important; overflow: hidden !important; box-sizing: border-box !important; z-index: 99999 !important; } /* لیست داخلی کشویی */ .elementor-31021 .elementor-element.elementor-element-82adfa8 .wd-pf-dropdown .wd-scroll { width: 100% !important; max-height: 280px !important; overflow-x: hidden !important; overflow-y: auto !important; box-sizing: border-box; } /* همه لیست‌ها تک‌ستونه */ .elementor-31021 .elementor-element.elementor-element-82adfa8 .wd-pf-dropdown ul, .elementor-31021 .elementor-element.elementor-element-82adfa8 .wd-swatches-filter, .elementor-31021 .elementor-element.elementor-element-82adfa8 .wd-swatches-filter.wd-layout-double { display: flex !important; flex-direction: column !important; grid-template-columns: none !important; width: 100% !important; gap: 3px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } /* آیتم‌های لیست */ .elementor-31021 .elementor-element.elementor-element-82adfa8 .wd-pf-dropdown li { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box; } /* لینک هر گزینه */ .elementor-31021 .elementor-element.elementor-element-82adfa8 .wd-pf-dropdown .pf-value { position: relative; display: block !important; width: 100% !important; min-height: 38px; padding: 8px 34px 8px 10px !important; color: #3b4654 !important; background: transparent !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1.7; text-align: right; border: none !important; border-radius: 8px !important; white-space: normal !important; overflow-wrap: anywhere; word-break: normal; text-decoration: none !important; box-sizing: border-box; transition: background-color 0.2s ease, color 0.2s ease; } /* چک‌باکس نمایشی */ .elementor-31021 .elementor-element.elementor-element-82adfa8 .wd-pf-dropdown .pf-value::before { content: ""; position: absolute; right: 10px; top: 50%; width: 14px; height: 14px; background: #ffffff; border: 1.5px solid #bac3cc; border-radius: 4px; transform: translateY(-50%); } /* هاور گزینه‌ها */ .elementor-31021 .elementor-element.elementor-element-82adfa8 .wd-pf-dropdown .pf-value:hover { color: var(--selin-navy) !important; background: #f1f4f7 !important; } .elementor-31021 .elementor-element.elementor-element-82adfa8 .wd-pf-dropdown .pf-value:hover::before { border-color: var(--selin-navy); } /* گزینه انتخاب‌شده */ .elementor-31021 .elementor-element.elementor-element-82adfa8 .wd-pf-dropdown li.wd-active > .pf-value, .elementor-31021 .elementor-element.elementor-element-82adfa8 .wd-pf-dropdown li.active > .pf-value { color: #ffffff !important; background: var(--selin-navy) !important; } .elementor-31021 .elementor-element.elementor-element-82adfa8 .wd-pf-dropdown li.wd-active > .pf-value::before, .elementor-31021 .elementor-element.elementor-element-82adfa8 .wd-pf-dropdown li.active > .pf-value::before { background: #ffffff; border-color: #ffffff; } /* حذف ظاهر قرصی پیش‌فرض */ .elementor-31021 .elementor-element.elementor-element-82adfa8 .wd-filter-lable, .elementor-31021 .elementor-element.elementor-element-82adfa8 .layer-term-lable { display: block !important; width: 100% !important; max-width: 100% !important; padding: 0 !important; color: inherit !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; white-space: normal !important; overflow-wrap: anywhere; } /* زیرمجموعه دسته‌بندی‌ها */ .elementor-31021 .elementor-element.elementor-element-82adfa8 .wd-pf-categories .children { width: calc(100% - 12px) !important; margin: 3px 12px 3px 0 !important; padding-right: 8px !important; border-right: 1px solid #e3e8ed; } /* اسکرول‌بار */ .elementor-31021 .elementor-element.elementor-element-82adfa8 .wd-scroll::-webkit-scrollbar { width: 5px; } .elementor-31021 .elementor-element.elementor-element-82adfa8 .wd-scroll::-webkit-scrollbar-track { background: #edf0f3; border-radius: 20px; } .elementor-31021 .elementor-element.elementor-element-82adfa8 .wd-scroll::-webkit-scrollbar-thumb { background: #9ba8b4; border-radius: 20px; } .elementor-31021 .elementor-element.elementor-element-82adfa8 .wd-scroll::-webkit-scrollbar-thumb:hover { background: var(--selin-navy); } /* موبایل */ @media (max-width: 767px) { .elementor-31021 .elementor-element.elementor-element-82adfa8 .wd-product-filters { padding: 12px !important; border-radius: 14px; } .elementor-31021 .elementor-element.elementor-element-82adfa8 .wd-pf-title { min-height: 46px; padding: 0 14px !important; } .elementor-31021 .elementor-element.elementor-element-82adfa8 .wd-pf-dropdown { position: relative !important; top: auto !important; right: auto !important; margin-top: 6px !important; box-shadow: none !important; } }/* End custom CSS */ /* Start custom CSS for wd_archive_products, class: .elementor-element-c884cf4 *//* ========================================================= ZELONI STORE PRODUCT GRID - FINAL DESIGN Woodmart / WooCommerce Hover Icons + Hover Add To Cart BRAND COLOR: #748873 ========================================================= */ /* ========================================================= BRAND VARIABLES ========================================================= */ .products.wd-products { /* رنگ اصلی زلونی */ --zeloni-primary: #748873; /* نسخه کمی تیره‌تر برای Hover */ --zeloni-primary-hover: #657965; /* نسخه خیلی روشن برای بک‌گراندها */ --zeloni-primary-soft: #EEF2EE; /* RGB رنگ اصلی برای شفافیت */ --zeloni-primary-rgb: 116, 136, 115; --zeloni-dark: #171717; --zeloni-text: #202020; --zeloni-muted: #909090; --zeloni-bg: #FFFFFF; --zeloni-border: #ECEFEB; font-family: "iranyekanmedium", sans-serif !important; direction: rtl; } /* ========================================================= PRODUCT ITEM ========================================================= */ .products.wd-products .wd-product { height: 100%; /* فاصله دکمه‌های Hover از لبه تصویر */ --wd-btn-inset: 14px; } /* ========================================================= PRODUCT CARD ========================================================= */ .products.wd-products .wd-product .product-wrapper { background: #FFFFFF !important; border: 0 solid var(--zeloni-border) !important; border-radius: 10px !important; padding: 5px !important; overflow: hidden !important; height: 100% !important; transition: transform .3s ease, box-shadow .3s ease !important; } /* هاور خود کارت */ .products.wd-products .wd-product:hover .product-wrapper { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(0,0,0,.045) !important; } /* حذف بخش قدیمی Woodmart */ .products.wd-products .content-product-imagin { display: none !important; } /* ========================================================= IMAGE BOX ========================================================= */ .products.wd-products .product-element-top { position: relative !important; background: var(--zeloni-bg) !important; border-radius: 7px !important; overflow: hidden !important; margin-bottom: 3px !important; } /* لینک تصویر */ .products.wd-products .product-image-link { display: block !important; border-radius: 0 !important; overflow: hidden !important; } /* تصویر محصول */ .products.wd-products .product-image-link img { width: 100% !important; aspect-ratio: 1 / 1 !important; height: auto !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; transition: transform .4s ease !important; } /* تصویر دوم */ .products.wd-products .hover-img, .products.wd-products .hover-img img { width: 100% !important; aspect-ratio: 1 / 1 !important; object-fit: cover !important; border-radius: 0 !important; overflow: hidden !important; } /* زوم نرم */ .products.wd-products .wd-product:hover .product-image-link img { transform: scale(1.035); } /* ========================================================= HOVER ICONS Wishlist / Compare / Quick View ========================================================= */ /* فاصله مجموعه آیکن‌ها از لبه */ .products.wd-products .product-element-top .wd-buttons { top: 14px !important; left: 14px !important; right: auto !important; gap: 7px !important; } /* تمام دکمه‌های آیکونی روی تصویر */ .products.wd-products .product-element-top .wd-action-btn a, .products.wd-products .product-element-top .wd-buttons a { width: 38px !important; min-width: 38px !important; height: 38px !important; min-height: 38px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; border: 1px solid rgba(255,255,255,.65) !important; border-radius: 11px !important; background: rgba(255,255,255,.70) !important; color: #222222 !important; backdrop-filter: blur(11px); -webkit-backdrop-filter: blur(11px); box-shadow: 0 4px 16px rgba(0,0,0,.08) !important; transition: background .25s ease, color .25s ease, transform .25s ease, border-color .25s ease !important; } /* هاور آیکن */ .products.wd-products .product-element-top .wd-action-btn a:hover, .products.wd-products .product-element-top .wd-buttons a:hover { background: rgba(var(--zeloni-primary-rgb), .94) !important; border-color: rgba(var(--zeloni-primary-rgb), .95) !important; color: #FFFFFF !important; transform: scale(1.06); } /* ========================================================= WISHLIST ========================================================= */ .products.wd-products .wd-wishlist-btn { margin: 0 !important; } .products.wd-products .wd-wishlist-btn a { color: #222222 !important; } .products.wd-products .wd-wishlist-btn a:hover { color: #FFFFFF !important; } /* ========================================================= TITLE / PRICE AREA ========================================================= */ .products.wd-products .product-element-bottom { text-align: right !important; padding: 5px 5px 7px !important; } /* هدر */ .products.wd-products .wd-product-header { margin: 0 !important; padding: 0 !important; } /* عنوان */ .products.wd-products .wd-entities-title { margin: 0 !important; padding: 0 !important; } .products.wd-products .wd-entities-title, .products.wd-products .wd-entities-title a { font-family: "iranyekanmedium", sans-serif !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.65 !important; color: var(--zeloni-text) !important; text-decoration: none !important; } /* هاور عنوان */ .products.wd-products .wd-entities-title a:hover { color: var(--zeloni-primary) !important; } /* حذف دسته */ .products.wd-products .wd-product-cats { display: none !important; } /* ========================================================= PRICE ========================================================= */ .products.wd-products .wrap-price { margin-top: 4px !important; margin-bottom: 0 !important; padding: 0 !important; } .products.wd-products .price { margin: 0 !important; line-height: 1.5 !important; } .products.wd-products .price, .products.wd-products .price *, .products.wd-products .woocommerce-Price-amount, .products.wd-products .woocommerce-Price-currencySymbol { font-family: "iranyekanmedium", sans-serif !important; font-size: 13px !important; font-weight: 600 !important; color: var(--zeloni-dark) !important; } /* قیمت قبلی */ .products.wd-products .price del, .products.wd-products .price del * { font-size: 11px !important; font-weight: 400 !important; color: var(--zeloni-muted) !important; opacity: 1 !important; } /* قیمت تخفیف */ .products.wd-products .price ins, .products.wd-products .price ins * { color: var(--zeloni-primary) !important; text-decoration: none !important; } /* ========================================================= LABELS ========================================================= */ .products.wd-products .product-labels { top: 10px !important; right: 10px !important; left: auto !important; gap: 4px !important; } /* لیبل‌ها */ .products.wd-products .product-labels .product-label, .products.wd-products .product-labels .onsale { font-family: "iranyekanmedium", sans-serif !important; min-width: auto !important; min-height: auto !important; padding: 5px 9px !important; border-radius: 999px !important; background: var(--zeloni-primary) !important; color: #FFFFFF !important; font-size: 10px !important; font-weight: 500 !important; line-height: 1.25 !important; } /* جدید */ .products.wd-products .product-label.new { background: var(--zeloni-primary) !important; color: #FFFFFF !important; } /* اتمام موجودی */ .products.wd-products .product-label.out-of-stock { background: rgba(20,20,20,.94) !important; color: #FFFFFF !important; } /* ========================================================= ADD TO CART BUTTON ON HOVER ========================================================= */ .products.wd-products .wd-add-btn a, .products.wd-products .add-to-cart-loop { min-width: 120px !important; height: 40px !important; min-height: 40px !important; padding: 0 17px !important; border: 1px solid rgba(255,255,255,.55) !important; border-radius: 11px !important; background: rgba(var(--zeloni-primary-rgb), .94) !important; color: #FFFFFF !important; font-family: "iranyekanmedium", sans-serif !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1 !important; box-shadow: 0 5px 18px rgba(0,0,0,.14) !important; backdrop-filter: blur(9px); -webkit-backdrop-filter: blur(9px); transition: background .25s ease, transform .25s ease, box-shadow .25s ease !important; } /* متن داخل دکمه */ .products.wd-products .wd-add-btn a span, .products.wd-products .add-to-cart-loop span { font-family: "iranyekanmedium", sans-serif !important; font-size: 12px !important; font-weight: 600 !important; color: #FFFFFF !important; line-height: 1 !important; white-space: nowrap !important; } /* هاور دکمه */ .products.wd-products .wd-add-btn a:hover, .products.wd-products .add-to-cart-loop:hover { background: var(--zeloni-primary-hover) !important; color: #FFFFFF !important; transform: translateY(-1px); box-shadow: 0 7px 22px rgba(0,0,0,.18) !important; } /* ========================================================= ACTION BUTTONS ========================================================= */ .products.wd-products .wd-action-btn a, .products.wd-products .wd-action-btn span { font-family: "iranyekanmedium", sans-serif !important; } /* ========================================================= DESCRIPTION ========================================================= */ .products.wd-products .hover-content-inner:empty, .products.wd-products .wd-more-desc-btn { display: none !important; } .products.wd-products .hover-content-inner { font-family: "iranyekanmedium", sans-serif !important; font-size: 12px !important; line-height: 1.8 !important; color: #666666 !important; margin-top: 5px !important; } /* ========================================================= ACCESSIBILITY ========================================================= */ .products.wd-products .screen-reader-text { position: absolute !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .products.wd-products .wd-product { --wd-btn-inset: 11px; } .products.wd-products .product-element-top .wd-buttons { top: 11px !important; left: 11px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 768px) { /* فاصله بین دو کارت */ .products.wd-products { --wd-gap-sm: 8px !important; } /* کارت */ .products.wd-products .wd-product .product-wrapper { border-radius: 10px !important; padding: 5px !important; } /* تصویر */ .products.wd-products .product-element-top { border-radius: 7px !important; margin-bottom: 3px !important; } .products.wd-products .product-image-link, .products.wd-products .product-image-link img, .products.wd-products .hover-img, .products.wd-products .hover-img img { border-radius: 0 !important; } /* ========================= آیکن موبایل ========================= */ .products.wd-products .product-element-top .wd-buttons { top: 8px !important; left: 8px !important; gap: 4px !important; } .products.wd-products .product-element-top .wd-action-btn a, .products.wd-products .product-element-top .wd-buttons a { width: 31px !important; min-width: 31px !important; height: 31px !important; min-height: 31px !important; border-radius: 9px !important; background: rgba(255,255,255,.78) !important; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } /* هاور آیکن در موبایل */ .products.wd-products .product-element-top .wd-action-btn a:hover, .products.wd-products .product-element-top .wd-buttons a:hover { background: rgba(var(--zeloni-primary-rgb), .94) !important; border-color: rgba(var(--zeloni-primary-rgb), .95) !important; color: #FFFFFF !important; } /* ========================= لیبل موبایل ========================= */ .products.wd-products .product-labels { top: 7px !important; right: 7px !important; gap: 3px !important; } .products.wd-products .product-labels .product-label, .products.wd-products .product-labels .onsale { padding: 4px 7px !important; font-size: 8px !important; line-height: 1.25 !important; } /* ========================= اطلاعات پایین عکس ========================= */ .products.wd-products .product-element-bottom { padding: 4px 4px 7px !important; } /* ========================= عنوان موبایل ========================= */ .products.wd-products .wd-entities-title, .products.wd-products .wd-entities-title a { font-size: 10.5px !important; font-weight: 600 !important; line-height: 1.65 !important; } /* ========================= قیمت موبایل ========================= */ .products.wd-products .wrap-price { margin-top: 3px !important; } .products.wd-products .price, .products.wd-products .price *, .products.wd-products .woocommerce-Price-amount, .products.wd-products .woocommerce-Price-currencySymbol { font-size: 10.5px !important; line-height: 1.45 !important; } .products.wd-products .price del, .products.wd-products .price del * { font-size: 9px !important; } /* ========================= دکمه موبایل ========================= */ .products.wd-products .wd-add-btn a, .products.wd-products .add-to-cart-loop { min-width: 96px !important; height: 34px !important; min-height: 34px !important; padding: 0 10px !important; border-radius: 9px !important; background: rgba(var(--zeloni-primary-rgb), .95) !important; font-size: 10px !important; font-weight: 600 !important; } .products.wd-products .wd-add-btn a span, .products.wd-products .add-to-cart-loop span { font-size: 10px !important; font-weight: 600 !important; } } /* ========================================================= VERY SMALL MOBILE ========================================================= */ @media (max-width: 390px) { .products.wd-products .wd-entities-title, .products.wd-products .wd-entities-title a { font-size: 10px !important; } .products.wd-products .price, .products.wd-products .price * { font-size: 10px !important; } .products.wd-products .wd-add-btn a, .products.wd-products .add-to-cart-loop { min-width: 88px !important; height: 32px !important; min-height: 32px !important; padding: 0 8px !important; font-size: 9px !important; } .products.wd-products .wd-add-btn a span, .products.wd-products .add-to-cart-loop span { font-size: 9px !important; } .products.wd-products .product-element-top .wd-action-btn a, .products.wd-products .product-element-top .wd-buttons a { width: 29px !important; min-width: 29px !important; height: 29px !important; min-height: 29px !important; } }/* End custom CSS */