.elementor-624 .elementor-element.elementor-element-64552b1{width:100%;max-width:100%;}.woocommerce .elementor-624 .elementor-element.elementor-element-64552b1 .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper, .woocommerce .elementor-624 .elementor-element.elementor-element-64552b1 .flex-viewport{border-radius:0px 0px 0px 0px;}.woocommerce .elementor-624 .elementor-element.elementor-element-64552b1 .flex-viewport:not(:last-child){margin-bottom:29px;}.woocommerce .elementor-624 .elementor-element.elementor-element-64552b1 .flex-control-thumbs img{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-bf744cb );border-radius:8px 8px 8px 8px;}.woocommerce .elementor-624 .elementor-element.elementor-element-64552b1 .flex-control-thumbs li{padding-right:calc(24px / 2);padding-left:calc(24px / 2);padding-bottom:24px;}.woocommerce .elementor-624 .elementor-element.elementor-element-64552b1 .flex-control-thumbs{margin-right:calc(-24px / 2);margin-left:calc(-24px / 2);}.elementor-widget-woocommerce-product-title .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-624 .elementor-element.elementor-element-244d8cf .elementor-heading-title{font-size:var( --e-global-typography-af3aa7c-font-size );font-weight:var( --e-global-typography-af3aa7c-font-weight );color:var( --e-global-color-136da60 );}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.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-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-624 .elementor-element.elementor-element-6147331{background-color:#FFF7F4;padding:4px 8px 4px 8px;border-radius:4px 4px 4px 4px;}.elementor-624 .elementor-element.elementor-element-6147331 .elementor-icon-box-wrapper{align-items:center;gap:0px;}.elementor-624 .elementor-element.elementor-element-6147331 .elementor-icon{font-size:20px;}.elementor-624 .elementor-element.elementor-element-6147331 .elementor-icon-box-title, .elementor-624 .elementor-element.elementor-element-6147331 .elementor-icon-box-title a{font-size:var( --e-global-typography-58d3700-font-size );font-weight:var( --e-global-typography-58d3700-font-weight );}.elementor-624 .elementor-element.elementor-element-6147331 .elementor-icon-box-title{color:var( --e-global-color-82d38eb );}.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-624 .elementor-element.elementor-element-fa653b0{width:100%;max-width:100%;}.elementor-624 .elementor-element.elementor-element-fa653b0 .elementor-heading-title{font-size:var( --e-global-typography-e816d62-font-size );font-weight:var( --e-global-typography-e816d62-font-weight );color:var( --e-global-color-d26b778 );}.elementor-624 .elementor-element.elementor-element-d7db031 .elementor-heading-title{font-size:var( --e-global-typography-904208a-font-size );font-weight:var( --e-global-typography-904208a-font-weight );color:var( --e-global-color-secondary );}.elementor-624 .elementor-element.elementor-element-e6cd2de{background-color:var( --e-global-color-primary );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:8px 16px 8px 16px;border-radius:8px 8px 8px 8px;text-align:center;}.elementor-624 .elementor-element.elementor-element-e6cd2de .elementor-heading-title{font-family:var( --e-global-typography-a98a610-font-family ), Sans-serif;font-size:var( --e-global-typography-a98a610-font-size );font-weight:var( --e-global-typography-a98a610-font-weight );color:var( --e-global-color-4d1f763 );}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-624 .elementor-element.elementor-element-c7887f0 .cart button, .elementor-624 .elementor-element.elementor-element-c7887f0 .cart .button{font-family:var( --e-global-typography-fb1f607-font-family ), Sans-serif;font-size:var( --e-global-typography-fb1f607-font-size );font-weight:var( --e-global-typography-fb1f607-font-weight );border-style:solid;border-width:2px 2px 2px 2px;border-radius:8px 8px 8px 8px;padding:8px 32px 8px 32px;color:var( --e-global-color-4d1f763 );background-color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );transition:all 0.2s;}.elementor-624 .elementor-element.elementor-element-c7887f0 .cart button:hover, .elementor-624 .elementor-element.elementor-element-c7887f0 .cart .button:hover{color:var( --e-global-color-primary );background-color:var( --e-global-color-4d1f763 );border-color:var( --e-global-color-primary );}.elementor-624 .elementor-element.elementor-element-c7887f0 .added_to_cart{font-family:var( --e-global-typography-fb1f607-font-family ), Sans-serif;font-size:var( --e-global-typography-fb1f607-font-size );font-weight:var( --e-global-typography-fb1f607-font-weight );}.elementor-624 .elementor-element.elementor-element-c7887f0{--button-spacing:24px;}.elementor-624 .elementor-element.elementor-element-c7887f0 .quantity .qty{font-size:var( --e-global-typography-e0cded6-font-size );font-weight:var( --e-global-typography-e0cded6-font-weight );border-style:none;border-radius:8px 8px 8px 8px;color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );transition:all 0.2s;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-624 .elementor-element.elementor-element-411b7cd{background-color:var( --e-global-color-4d1f763 );--e-nav-menu-horizontal-menu-item-margin:calc( 8px / 2 );}.elementor-624 .elementor-element.elementor-element-411b7cd .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-3ce4180 );fill:var( --e-global-color-3ce4180 );padding-left:10px;padding-right:10px;padding-top:6px;padding-bottom:6px;}.elementor-624 .elementor-element.elementor-element-411b7cd .elementor-nav-menu--main .elementor-item:hover, .elementor-624 .elementor-element.elementor-element-411b7cd .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-624 .elementor-element.elementor-element-411b7cd .elementor-nav-menu--main .elementor-item.highlighted, .elementor-624 .elementor-element.elementor-element-411b7cd .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-3ce4180 );}.elementor-624 .elementor-element.elementor-element-411b7cd .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-624 .elementor-element.elementor-element-411b7cd .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-b31e370 );}.elementor-624 .elementor-element.elementor-element-411b7cd .e--pointer-framed .elementor-item:before, .elementor-624 .elementor-element.elementor-element-411b7cd .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-b31e370 );}.elementor-624 .elementor-element.elementor-element-411b7cd .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-3ce4180 );}.elementor-624 .elementor-element.elementor-element-411b7cd .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-624 .elementor-element.elementor-element-411b7cd .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-b31e370 );}.elementor-624 .elementor-element.elementor-element-411b7cd .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-624 .elementor-element.elementor-element-411b7cd .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-b31e370 );}.elementor-624 .elementor-element.elementor-element-411b7cd .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:8px;}.elementor-624 .elementor-element.elementor-element-411b7cd .elementor-item:before{border-radius:8px;}.elementor-624 .elementor-element.elementor-element-411b7cd .e--animation-shutter-in-horizontal .elementor-item:before{border-radius:8px 8px 0 0;}.elementor-624 .elementor-element.elementor-element-411b7cd .e--animation-shutter-in-horizontal .elementor-item:after{border-radius:0 0 8px 8px;}.elementor-624 .elementor-element.elementor-element-411b7cd .e--animation-shutter-in-vertical .elementor-item:before{border-radius:0 8px 8px 0;}.elementor-624 .elementor-element.elementor-element-411b7cd .e--animation-shutter-in-vertical .elementor-item:after{border-radius:8px 0 0 8px;}.elementor-624 .elementor-element.elementor-element-93ca131{padding:24px 16px 24px 16px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-bf744cb );border-radius:8px 8px 8px 8px;}.woocommerce .elementor-624 .elementor-element.elementor-element-93ca131 .shop_attributes{color:var( --e-global-color-136da60 );font-size:var( --e-global-typography-fb0cd98-font-size );font-weight:var( --e-global-typography-fb0cd98-font-weight );}.elementor-widget-woocommerce-product-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-624 .elementor-element.elementor-element-012a413{padding:32px 32px 32px 32px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-bf744cb );border-radius:8px 8px 8px 8px;color:var( --e-global-color-136da60 );font-size:var( --e-global-typography-fb0cd98-font-size );font-weight:var( --e-global-typography-fb0cd98-font-weight );}@media(max-width:1024px){.elementor-624 .elementor-element.elementor-element-244d8cf .elementor-heading-title{font-size:var( --e-global-typography-af3aa7c-font-size );}.elementor-624 .elementor-element.elementor-element-6147331 .elementor-icon-box-title, .elementor-624 .elementor-element.elementor-element-6147331 .elementor-icon-box-title a{font-size:var( --e-global-typography-58d3700-font-size );}.elementor-624 .elementor-element.elementor-element-fa653b0 .elementor-heading-title{font-size:var( --e-global-typography-e816d62-font-size );}.elementor-624 .elementor-element.elementor-element-d7db031 .elementor-heading-title{font-size:var( --e-global-typography-904208a-font-size );}.elementor-624 .elementor-element.elementor-element-e6cd2de .elementor-heading-title{font-size:var( --e-global-typography-a98a610-font-size );}.elementor-624 .elementor-element.elementor-element-c7887f0 .cart button, .elementor-624 .elementor-element.elementor-element-c7887f0 .cart .button{font-size:var( --e-global-typography-fb1f607-font-size );}.elementor-624 .elementor-element.elementor-element-c7887f0 .added_to_cart{font-size:var( --e-global-typography-fb1f607-font-size );}.elementor-624 .elementor-element.elementor-element-c7887f0 .quantity .qty{font-size:var( --e-global-typography-e0cded6-font-size );}.woocommerce .elementor-624 .elementor-element.elementor-element-93ca131 .shop_attributes{font-size:var( --e-global-typography-fb0cd98-font-size );}.elementor-624 .elementor-element.elementor-element-012a413{font-size:var( --e-global-typography-fb0cd98-font-size );}}@media(max-width:767px){.woocommerce .elementor-624 .elementor-element.elementor-element-64552b1 .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper, .woocommerce .elementor-624 .elementor-element.elementor-element-64552b1 .flex-viewport{border-radius:8px 8px 8px 8px;}.elementor-624 .elementor-element.elementor-element-244d8cf .elementor-heading-title{font-size:var( --e-global-typography-af3aa7c-font-size );}.elementor-624 .elementor-element.elementor-element-6147331 .elementor-icon-box-title, .elementor-624 .elementor-element.elementor-element-6147331 .elementor-icon-box-title a{font-size:var( --e-global-typography-58d3700-font-size );}.elementor-624 .elementor-element.elementor-element-fa653b0 .elementor-heading-title{font-size:var( --e-global-typography-e816d62-font-size );}.elementor-624 .elementor-element.elementor-element-d7db031 .elementor-heading-title{font-size:var( --e-global-typography-904208a-font-size );}.elementor-624 .elementor-element.elementor-element-e6cd2de .elementor-heading-title{font-size:var( --e-global-typography-a98a610-font-size );}.elementor-624 .elementor-element.elementor-element-c7887f0 .cart button, .elementor-624 .elementor-element.elementor-element-c7887f0 .cart .button{font-size:var( --e-global-typography-fb1f607-font-size );}.elementor-624 .elementor-element.elementor-element-c7887f0 .added_to_cart{font-size:var( --e-global-typography-fb1f607-font-size );}.elementor-624 .elementor-element.elementor-element-c7887f0 .quantity .qty{font-size:var( --e-global-typography-e0cded6-font-size );}.woocommerce .elementor-624 .elementor-element.elementor-element-93ca131 .shop_attributes{font-size:var( --e-global-typography-fb0cd98-font-size );}.elementor-624 .elementor-element.elementor-element-012a413{font-size:var( --e-global-typography-fb0cd98-font-size );}}/* Start custom CSS */.flex-control-nav { display: grid; grid-template-columns: repeat(6,1fr); } .flex-control-thumbs li img { width: 80px !important; height: 80px !important; } .woocommerce-product-gallery__trigger { display: none; } .woocommerce div.product div.images .flex-control-thumbs li { width: fit-content; } .woocommerce div.product div.images img { height: 380px; object-fit: cover; object-position: center; transition: 0.4s ease; } img.flex-active { border: 1px solid var(--e-global-color-bacc855) !important; border-radius: 10px !important; } /* از آیتم هفتم به بعد مخفی بشه (قبلاً ششم بود) */ .woocommerce-product-gallery .flex-control-thumbs li:nth-child(n+7) { display: none; } /* آیتم ششم تبدیل به تایل "تصاویر بیشتر" میشه (قبلاً پنجم بود) */ .woocommerce-product-gallery .flex-control-thumbs li:nth-child(6) { position: relative; width: 80px; height: 80px; } .woocommerce-product-gallery .flex-control-thumbs li:nth-child(6) img { opacity: 0 !important; } .woocommerce-product-gallery .flex-control-thumbs li:nth-child(6)::before { content: ""; position: absolute; inset: 0; border-radius: 8px; background-color: var(--e-global-color-d41700a); background-image: url('https://fitlandstore.ir/wp-content/uploads/2026/08/gallery-1.webp'); background-repeat: no-repeat; background-position: center 30%; background-size: 22px 22px; border: 1px solid var(--e-global-color-bf744cb); } .woocommerce-product-gallery .flex-control-thumbs li:nth-child(6)::after { content: "تصاویر بیشتر"; position: absolute; top: 60%; left: 0; right: 0; text-align: center; font-size: 10px; font-weight: 500; color: var(--e-global-color-67edcf7); } .flex-control-thumbs li { padding-bottom: 0 !important; } .woocommerce div.product div.images{ margin-bottom: 0; } .starrate .elementor-icon-box-icon { padding: 2px; } .fb-price .elementor-heading-title{ display: flex; flex-direction: column; gap: 20px; &:has(del){ flex-direction: column-reverse !important; } ins { text-decoration: none; } del { color: var(--e-global-color-aa52a4e); font-size: 1.5rem; .woocommerce-Price-currencySymbol { display: none; } } } /* تغییر استایل قیمت محصول متغیر*/ body.elementor-page-624 .fb-price .elementor-heading-title:has(> span[aria-hidden="true"]) { &::after { content: "شروع قیمت از: "; font-size: 0.7em; font-weight: 500; margin-bottom: 2px; } & > span:nth-child(1n + 2) { visibility: hidden; opacity: 0; position: absolute; } } /*استایل افزودن به سبد خرید*/ body.elementor-page-624 .elementor-widget-woocommerce-product-add-to-cart { & .quantity { display: flex; border: 2px solid var(--e-global-color-primary) !important; border-radius: 8px; padding: 9px 6px; } & .input-text { padding: 0; &:focus { outline: none; border: none; } } .fb-btn { display: flex; justify-content: center; align-items: center; aspect-ratio: 1; border-radius: 8px; cursor: pointer; transition: background 0.3s ease; &:hover { background: var(--e-global-color-f573a21); } } /* حذف spin در input number */ input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; appearance: textfield; } } /* ==================== استایل سواچ های محصول ==================== */ /* مخفی کردن درصد تخفیف در صورت نبودن تخفیف روی محصول متغیر */ body.elementor-page-624 .fb-discount-percentage { &.hidden { opacity: 0; visibility: hidden; } } /* استایل سواچ ها و متغیرها */ body.elementor-page-624 .variations { margin-bottom: 4px !important; & select { display: none !important; } & :is(th, td) { background: transparent; border: none; padding: 0; } /* هر ردیف = یک گروه ویژگی (مثلا رنگ یا سایز) */ & tr { display: flex; flex-direction: column; align-items: start; gap: 0; /* فاصله هدر تا سواچ‌ها حالا با margin روی fb-attr-swatches کنترل میشه */ } /* فاصله ۲۰ پیکسلی بین گروه‌های ویژگی (رنگ و سایز) */ & tr:not(:last-child) { padding-bottom: 20px; } & th { display: flex; align-items: center; gap: 4px; min-height: 22px; } & .label label { font-size: var(--e-global-typography-ed84aaf-font-size); font-weight: var(--e-global-typography-ed84aaf-font-weight) !important; color: var(--e-global-color-136da60); } & .label label::after { content: ": "; } & .label .fb-selected { display: flex; align-items: center; gap: 4px; } & .label .fb-selected-color { width: 16px; aspect-ratio: 1; border-radius: 50%; border: 1px solid var(--e-global-color-b737656); } /* ---------- هدر آکاردئون (فقط ویژگی‌های متنی مثل سایز) ---------- */ & .fb-accordion-header { width: 250px; display: flex; align-items: center; justify-content: space-between; /* آیکون همیشه انتهای هدر می‌چسبد */ cursor: pointer; } & .fb-accordion-header label { opacity: 1; margin: 0; font-size: var(--e-global-typography-ed84aaf-font-size); font-weight: var(--e-global-typography-ed84aaf-font-weight); color: var(--e-global-color-136da60); padding-block: 8px !important; } & .fb-accordion-header label::after { content: ""; } /* آیکون آکاردئون (باز/بسته) با ترنزیشن نرم */ & .fb-accordion-icon-wrap { position: relative; width: 16px; height: 16px; flex-shrink: 0; } & .fb-accordion-icon { position: absolute; inset: 0; width: 16px; height: 16px; transition: opacity 0.3s ease, transform 0.3s ease; } & .fb-icon-open { opacity: 1; } & .fb-icon-closed { opacity: 0; } & .fb-accordion-row:not(.fb-accordion-open) .fb-icon-open { opacity: 0; } & .fb-accordion-row:not(.fb-accordion-open) .fb-icon-closed { opacity: 1; } /* محتوای آکاردئون (باکس سواچ‌ها) */ & .fb-attr-swatches { margin-top: 8px; display: flex; flex-wrap: wrap; gap: 8px; /* گپ ردیف و ستون بین متغیرها */ width: 260px; } & .fb-accordion-row .fb-attr-swatches { overflow: hidden; transition: max-height 0.3s ease, opacity 0.3s ease, margin-top 0.3s ease; } & .fb-accordion-row.fb-accordion-open .fb-attr-swatches { max-height: 500px; opacity: 1; } & .fb-accordion-row:not(.fb-accordion-open) .fb-attr-swatches { max-height: 0; opacity: 0; margin-top: 0; } /* ---------- سواچ متنی (مثلا سایز) ---------- */ & .fb-text-item { width: 79px; height: 24px; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 400; color: var(--e-global-color-136da60); background: var(--e-global-color-d41700a); border-radius: 4px; border: none; padding: 0; cursor: pointer; position: relative; } & .fb-text-item::before { content: none; } & .fb-text-item.active { border: 1.5px solid var(--e-global-color-fecdd21); } & .fb-text-item.active::before { content: none; } & .fb-attr-item.disabled { opacity: 0.1; pointer-events: none; } /* ---------- سواچ رنگی ---------- */ & .fb-color-item { width: auto; aspect-ratio: unset; display: flex; align-items: center; gap: 4px; padding: 4px; border-radius: 4px; border: none; background: transparent; position: static; cursor: pointer; } & .fb-color-item.active { background: var(--e-global-color-d41700a); border-color: transparent; } & .fb-color-item::before, & .fb-color-item.active::before, & .fb-color-item.active::after { content: none; } /* دایره رنگ (رنگ واقعی توسط جاوااسکریپت روی همین المان ست میشه) */ & .fb-color-dot { width: 24px; height: 24px; border-radius: 50%; flex-shrink: 0; } /* عنوان (نام) رنگ */ & .fb-color-label { font-size: var(--e-global-typography-8b2c50c-font-size); font-weight: var(--e-global-typography-8b2c50c-font-weight); color: var(--e-global-color-276d938); white-space: nowrap; } & .reset_variations { color: var(--e-global-color-5a126f4); background: var(--e-global-color-f3920ce); font-size: 0.7rem; padding: 2px 4px; display: none; border-radius: 8px; margin-top: 16px; } & .reset_variations[style="visibility: hidden;"] { display: none; } & .reset_variations[style="visibility: visible;"] { display: inline-block; } } /* فاصله ۲۰ پیکسلی بین سواچ‌ها/دراپ‌داون‌ها و دکمه سبد خرید */ body.elementor-page-624 .woocommerce-variation-add-to-cart { margin-top: 20px; } /* حذف نمایش قیمت در باکس متغیرها */ body.elementor-page-624 .woocommerce-variation-price { display: none; } .stock { &.out-of-stock { display: none; } &.in-stock { margin-bottom: 12px; margin-top: 8px; padding-inline: 4px; font-size: 0.8rem; font-weight: 600; opacity: 0.8; } } body.elementor-page-624 .fb-price .elementor-heading-title .out-of-stock-label { font-size: 0.8em; font-weight: 500; } /*استایل ویژگی ها*/ .woocommerce table.shop_attributes{ margin-bottom: 0; border-top: 0; } .woocommerce table.shop_attributes th { display: flex; font-size: var(--e-global-typography-fb0cd98-font-size); font-weight: var(--e-global-typography-fb0cd98-font-weight); } .woocommerce-product-attributes.shop_attributes { width: 100%; border-collapse: collapse; background: transparent; border: none; } .woocommerce-product-attributes.shop_attributes tr { display: flex; align-items: flex-start; border: none !important; border-bottom: 1px solid #e5e5e5 !important; padding: 16px 0; gap: 24px; } .woocommerce-product-attributes.shop_attributes tr:last-child { border-bottom: none !important; } .woocommerce-product-attributes-item__label { background: transparent !important; border: none !important; padding: 0 !important; font-weight: 600; font-size: 15px; color: #1a1a1a; white-space: nowrap; } .woocommerce-product-attributes-item__label::before { content: "•"; margin-left: 6px; color: #1a1a1a; } .woocommerce-product-attributes-item__value { background: transparent !important; border: none !important; padding: 0 !important; flex: 1; color: #555; font-size: 15px; } .woocommerce-product-attributes-item__value p { margin: 0; } .woocommerce-product-attributes-item__value ul.attr-split { list-style: none; margin: 0; padding: 0; } .woocommerce-product-attributes-item__value ul.attr-split li { margin: 0 0 6px; } .woocommerce-product-attributes-item__value ul.attr-split li:last-child { margin-bottom: 0; } .woocommerce-product-attributes-item__value ul.attr-split li::before { content: "•"; margin-left: 6px; color: #555; } .woocommerce table.shop_attributes td p { padding-top: 0; } .woocommerce table.shop_attributes td p, .woocommerce-product-attributes-item__value ul.attr-split { font-style: normal; color: var(--e-global-color-136da60); font-size: var(--e-global-typography-fb0cd98-font-size); font-weight: var(--e-global-typography-fb0cd98-font-weight); } /*پایان استایل ویژگی ها*/ /*استایل کامنت*/ #reviews { display: flex !important; flex-wrap: nowrap !important; align-items: flex-start !important; gap: 25px !important; } #reviews > #comments { flex: 0 0 calc(70% - 12px) !important; width: calc(70% - 12px) !important; } #reviews > #review_form_wrapper { flex: 0 0 calc(30% - 12px) !important; width: calc(30% - 12px) !important; } /* روی موبایل زیر هم بیفتن، نه کنار هم */ @media (max-width: 768px) { #reviews > #comments, #reviews > #review_form_wrapper { flex: 0 0 100% !important; width: 100% !important; } } .woocommerce #reviews #comments ol.commentlist li{ padding: 8px 0 24px 0 !important; border: 1px solid var(--e-global-color-bf744cb); border-radius: 8px; } .comment-text { border: 0 !important; padding-right: 60px !important; } .avatar { padding: 0 !important; width: 80px !important; height: 80px !important; border-radius: 100% !important; border: 2px solid var(--e-global-color-4d1f763) !important; margin-right: 16px !important; margin-top: 8px !important; } ol.commentlist { padding: 0; } .woocommerce-review__dash, .woocommerce-review__published-date { display: none; } .woocommerce-review__author { font-size: var(--e-global-typography-58d3700-font-size) !important; font-weight: var(--e-global-typography-58d3700-font-weight); color: var(--e-global-color-secondary); } .description p { color: var(--e-global-color-276d938) !important; font-size: var(--e-global-typography-fb0cd98-font-size) !important; font-weight: var(--e-global-typography-fb0cd98-font-weight); } .meta { margin-bottom: 32px !important; } .review.byuser { margin-bottom: 8px !important; } /*استایل ستاره*/ p.stars a { position: relative !important; height: 24px !important; width: 24px !important; text-indent: -999em !important; display: inline-block !important; text-decoration: none !important; margin-inline-end: 16px !important; vertical-align: middle !important; } p.stars a:last-child { margin-inline-end: 0 !important; } /* لایه زیرین: ستاره خالی - همیشه نمایش داده می‌شه */ p.stars a::before { content: '' !important; display: block !important; position: absolute !important; top: 2px !important; left: 2px !important; width: 20px !important; height: 20px !important; background-image: url('https://fitlandstore.ir/wp-content/uploads/2025/04/Star-1.svg') !important; background-size: 20px 20px !important; background-repeat: no-repeat !important; background-position: center !important; } /* لایه رویی: ستاره طلایی - با opacity کنترل و ترنزیشن می‌شه */ p.stars a::after { content: '' !important; display: block !important; position: absolute !important; top: 2px !important; left: 2px !important; width: 20px !important; height: 20px !important; background-image: url('https://fitlandstore.ir/wp-content/uploads/2025/04/Star-1-1.svg') !important; background-size: 20px 20px !important; background-repeat: no-repeat !important; background-position: center !important; opacity: 0 !important; transition: opacity 0.25s ease !important; } /* هاور روی کل گروه: همه ستاره‌ها طلایی */ p.stars:hover a::after { opacity: 1 !important; } /* ستاره‌های بعد از ستاره‌ای که مستقیم هاوره: دوباره خالی */ p.stars a:hover ~ a::after { opacity: 0 !important; } /* حالت انتخاب‌شده نهایی (بعد از کلیک) */ p.stars.selected a.active::after, p.stars.selected a:not(.active)::after { opacity: 1 !important; } /* ستاره‌های بعد از ستاره فعال: خالی */ p.stars.selected a.active ~ a::after { opacity: 0 !important; } /*استایل ستاره ثابت (نمایش امتیاز کامنت‌های ثبت‌شده)*/ .star-rating { position: relative !important; display: inline-block !important; overflow: hidden !important; width: 184px !important; height: 24px !important; font-size: 0 !important; } /* لایه زیرین: 5 ستاره خالی */ .star-rating::before { content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 184px !important; height: 24px !important; background-repeat: no-repeat !important; background-size: 20px 20px !important; background-image: url('https://fitlandstore.ir/wp-content/uploads/2025/04/Star-1.svg'), url('https://fitlandstore.ir/wp-content/uploads/2025/04/Star-1.svg'), url('https://fitlandstore.ir/wp-content/uploads/2025/04/Star-1.svg'), url('https://fitlandstore.ir/wp-content/uploads/2025/04/Star-1.svg'), url('https://fitlandstore.ir/wp-content/uploads/2025/04/Star-1.svg') !important; background-position: 2px 2px, 42px 2px, 82px 2px, 122px 2px, 162px 2px !important; } /* span: کانتینر بخش پرشده - عرضش رو ووکامرس با inline style درصدی ست می‌کنه */ .star-rating span { position: absolute !important; top: 0 !important; left: 0 !important; height: 100% !important; overflow: hidden !important; padding-top: 40px !important; /* متن "امتیاز X از 5" رو از دید مخفی می‌کنه، ولی برای اسکرین‌ریدر باقی می‌مونه */ } /* لایه رویی: 5 ستاره طلایی که با عرض بالا کلیپ میشن */ .star-rating span::before { content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 184px !important; height: 24px !important; background-repeat: no-repeat !important; background-size: 20px 20px !important; background-image: url('https://fitlandstore.ir/wp-content/uploads/2025/04/Star-1-1.svg'), url('https://fitlandstore.ir/wp-content/uploads/2025/04/Star-1-1.svg'), url('https://fitlandstore.ir/wp-content/uploads/2025/04/Star-1-1.svg'), url('https://fitlandstore.ir/wp-content/uploads/2025/04/Star-1-1.svg'), url('https://fitlandstore.ir/wp-content/uploads/2025/04/Star-1-1.svg') !important; background-position: 2px 2px, 42px 2px, 82px 2px, 122px 2px, 162px 2px !important; } /*پایان استایل ستاره ثابت*/ /*پایان استایل ستاره*/ #reply-title { font-size: 0 !important; } #reply-title::before { content: 'نظرت رو برامون بنویس' !important; display: inline-block !important; font-size: var(--e-global-typography-a98a610-font-size) !important; font-weight: var(--e-global-typography-a98a610-font-weight) !important; line-height: 1.6 !important; color: var(--e-global-color-136da60) !important; padding: 8px 0 8px 8px !important; } .required-field-message { font-size: 0 !important; } #email-notes { display: none; } .required-field-message::before { content: 'ایمیل شما نشان داده نمی‌شود.' !important; display: inline-block !important; font-size: var(--e-global-typography-fb1f607-font-size) !important; font-weight: var(--e-global-typography-fb1f607-font-weight) !important; line-height: 1.6 !important; color: var(--e-global-color-d26b778) !important; padding: 12px 0 12px 0 !important; width: 100%; border-top: 1px solid var(--e-global-color-b3f92d6); } #commentform { input, textarea { border-color: var(--e-global-color-aa52a4e); border-radius: 8px; } label { font-size: var(--e-global-typography-fb1f607-font-size); font-weight: var(--e-global-typography-fb1f607-font-weight) ; color: var(--e-global-color-136da60); } } .comment-form-comment { margin-top: 24px !important; } .comment-form-email, .comment-form-comment, .comment-form-author { position: relative !important; } .comment-form-email label, .comment-form-comment label, .comment-form-author label { position: absolute !important; top: 0 !important; right: 16px !important; transform: translateY(-50%) !important; background: var(--e-global-color-4d1f763) !important; /* رنگ پس‌زمینه فرم - اگه فرق داره عوضش کن */ padding: 0 6px !important; z-index: 1 !important; } .comment-form-email label .required, .comment-form-comment label .required, .comment-form-author label .required { display: none; } input#submit { padding: 8px 32px 8px 32px !important; background-color: var(--e-global-color-baff4c9) !important; border: 2px solid var(--e-global-color-primary) !important; border-radius: 8px !important; color: var(--e-global-color-primary) !important; font-size: var(--e-global-typography-501edd4-font-size) !important; font-weight: var(--e-global-typography-501edd4-font-weight) !important; &:hover { color: var(--e-global-color-4d1f763) !important; background-color: var(--e-global-color-primary) !important; } } p.comment-form-cookies-consent { display: flex; gap: 8px; label { line-height: 1.5; } } #commentform { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 24px !important; justify-content: space-between; align-content: center !important; } /* این فیلدها هرکدوم تمام عرض رو می‌گیرن و زیر هم می‌مونن */ #commentform > .comment-notes, #commentform > .comment-form-comment, #commentform > .comment-form-author, #commentform > .comment-form-email, #commentform > .comment-form-cookies-consent { width: 100% !important; } #commentform > .comment-notes { order: 1 !important; } #commentform > .comment-form-comment { order: 2 !important; } #commentform > .comment-form-author { order: 3 !important; } #commentform > .comment-form-email { order: 4 !important; } #commentform > .comment-form-cookies-consent { order: 5 !important; } /* این دو تا کنار هم، تو یک ردیف آخر */ #commentform > .comment-form-rating { order: 6 !important; width: auto !important; margin: 0 !important; } #commentform > .form-submit { order: 7 !important; width: auto !important; margin: 0 !important; display: flex !important; align-items: center !important; } /* حذف مارجین پیش‌فرض p.stars چون دیگه لازم نیست فاصله بده */ .comment-form-rating p.stars { margin: 0 !important; } /* لیبل "امتیاز شما" رو فقط بصری مخفی می‌کنیم، نه از دسترسی‌پذیری */ #comment-form-rating-label { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } form p { margin-bottom: 0 !important; } ul.children { margin-inline-end: 20px !important; } /*پایان استایل کامنت ها*//* End custom CSS */