:root { --wd-hb-opt-h: 55px; --wd-text-font: IRANSansXFaNum; --wd-text-font-weight: 400; --wd-text-color: rgb(71,71,71); --wd-text-font-size: 15px; --wd-title-font: IRANSansXFaNum; --wd-title-font-weight: 600; --wd-title-color: rgb(86,86,86); --wd-entities-title-font: IRANSansXFaNum; --wd-entities-title-font-weight: 600; --wd-entities-title-color: rgb(89,89,89); --wd-entities-title-color-hover: rgb(240, 25, 25); --wd-alternative-font: "Lato", Arial, Helvetica, sans-serif; --wd-widget-title-font: YekanBakhFaNum; --wd-widget-title-font-weight: 600; --wd-widget-title-transform: uppercase; --wd-widget-title-color: rgb(109,109,109); --wd-widget-title-font-size: 14px; --wd-header-el-font: YekanBakhFaNum; --wd-header-el-font-weight: 700; --wd-header-el-transform: uppercase; --wd-header-el-font-size: 14px; --wd-brd-radius: 20px; --wd-otl-style: dotted; --wd-otl-width: 2px; --wd-primary-color: rgb(240,25,25); --wd-alternative-color: rgb(221,51,51); --btn-default-bgcolor: rgb(240,25,25); --btn-default-bgcolor-hover: rgb(196,19,19); --btn-default-color: rgb(255,255,255); --btn-accented-font-family: IRANSansXFaNum; --btn-accented-bgcolor: rgb(240,25,25); --btn-accented-bgcolor-hover: rgb(196,19,19); --btn-accented-color: rgb(255,255,255); --btn-accented-color-hover: rgb(255,255,255); --wd-form-brd-width: 2px; --notices-success-bg: #459647; --notices-success-color: #fff; --notices-warning-bg: rgb(221,153,51); --notices-warning-color: #fff; --wd-link-color: rgb(25,111,240); --wd-link-color-hover: #rgb(240,25,25); } .wd-age-verify-wrap { --wd-popup-width: 500px; } .wd-popup.wd-promo-popup { background-color: rgb(78,9,28); background-image: none; background-repeat: no-repeat; background-size: contain; background-position: left center; } .wd-promo-popup-wrap { --wd-popup-width: 800px; } .wd-hb { background-color: rgb(78,9,28); background-image: none; } :is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content { max-height: 223px; } .wd-page-title .wd-page-title-bg img { object-fit: cover; object-position: center center; } .wd-footer { background-color: #ffffff; background-image: none; } .wd .product-label.onsale { background-color: rgb(240,25,25); } .wd .product-label.featured { background-color: rgb(240,25,25); } .wd .product-label.out-of-stock { background-color: rgb(221,51,51); color: rgb(255,255,255); } .mfp-wrap.wd-popup-quick-view-wrap { --wd-popup-width: 920px; } @media (max-width: 1024px) { :root { --wd-hb-opt-h: 80px; } } :root{ --wd-container-w: 1600px; --wd-form-brd-radius: 5px; --btn-default-color-hover: #fff; --btn-default-brd-radius: 35px; --btn-default-box-shadow: none; --btn-default-box-shadow-hover: none; --btn-accented-brd-radius: 35px; --btn-accented-box-shadow: none; --btn-accented-box-shadow-hover: none; } @media (min-width: 1600px) { section.elementor-section.wd-section-stretch > .elementor-container { margin-left: auto; margin-right: auto; } } .wd-page-title { background-color: #0a0a0a; } @font-face { font-family: "IranSans"; src: url("//digiknoweshop.com/wp-content/uploads/2026/07/IRANSansX-Medium.woff2") format("woff2"), url("//digiknoweshop.com/wp-content/uploads/2026/07/IRANSansX-Medium.woff") format("woff"); font-weight: 500; font-style: normal; } .blog-design-masonry .post-title { font-size:18px; } .blog-design-masonry.wd-add-shadow .article-inner:hover { box-shadow: 1px 5px 3px 0px rgb(0 0 0 / 12%); } /* ========================================= TRUE FREE SCROLL - WOODMART PRODUCTS ========================================= */ .free-scroll-products .wd-carousel, .free-scroll-products .swiper { overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: none !important; scroll-behavior: auto !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; touch-action: pan-x pan-y !important; } .free-scroll-products .wd-carousel::-webkit-scrollbar, .free-scroll-products .swiper::-webkit-scrollbar { display: none !important; } /* خود لیست محصولات */ .free-scroll-products .swiper-wrapper { display: flex !important; width: max-content !important; max-width: none !important; transform: none !important; transition: none !important; scroll-snap-type: none !important; gap: 0 !important; } /* هر محصول */ .free-scroll-products .swiper-slide { flex-shrink: 0 !important; scroll-snap-align: none !important; scroll-snap-stop: normal !important; } /* فلش‌ها چون دیگر Swiper کنترل نمی‌شود */ .free-scroll-products .wd-btn-arrow, .free-scroll-products .swiper-button-next, .free-scroll-products .swiper-button-prev { display: none !important; } /* ========================================= DESKTOP MOUSE DRAG ========================================= */ @media (pointer: fine) { .free-scroll-products .wd-carousel, .free-scroll-products .swiper { cursor: grab !important; user-select: none !important; -webkit-user-select: none !important; } .free-scroll-products .wd-carousel.desktop-dragging, .free-scroll-products .swiper.desktop-dragging { cursor: grabbing !important; } .free-scroll-products img, .free-scroll-products a { -webkit-user-drag: none !important; } } /* ================================================== DIGIKNOWESHOP - FINAL CHECKOUT CSS ================================================== */ .checkout-modern { --checkout-main: #4e091c; --checkout-main-hover: #681029; --checkout-border: #e9e6e7; --checkout-text: #292929; color: var(--checkout-text); font-size: 15px; } /* ================================================== TOP NOTICE ================================================== */ .checkout-modern .woocommerce-info, .checkout-modern .woocommerce-message { margin-bottom: 24px !important; padding: 14px 18px !important; background: #f5f7ff !important; color: #354052 !important; border: 1px solid #dbe2ff !important; border-right: 4px solid #536dfe !important; border-radius: 12px !important; box-shadow: 0 4px 14px rgba(0,0,0,.035) !important; font-size: 14px !important; line-height: 1.9 !important; } .checkout-modern .woocommerce-info::before, .checkout-modern .woocommerce-message::before { display: none !important; } /* ================================================== ORDER REVIEW ================================================== */ .checkout-modern #order_review { position: static !important; top: auto !important; width: 100% !important; padding: 22px !important; background: #fff !important; border: 1px solid var(--checkout-border) !important; border-radius: 16px !important; box-shadow: 0 6px 24px rgba(0,0,0,.045) !important; } /* عنوان سفارش شما */ .checkout-modern #order_review_heading { margin: 0 0 18px !important; color: #222 !important; font-size: 20px !important; line-height: 1.5 !important; font-weight: 800 !important; } /* جدول */ .checkout-modern .woocommerce-checkout-review-order-table { width: 100% !important; margin: 0 !important; background: transparent !important; border: 0 !important; border-collapse: collapse !important; } /* سلول‌ها */ .checkout-modern .woocommerce-checkout-review-order-table th, .checkout-modern .woocommerce-checkout-review-order-table td { padding: 13px 5px !important; border: 0 !important; border-bottom: 1px solid #ededed !important; } .checkout-modern .woocommerce-checkout-review-order-table th { color: #444 !important; font-size: 14px !important; line-height: 1.7 !important; font-weight: 700 !important; } .checkout-modern .woocommerce-checkout-review-order-table td { color: #444 !important; font-size: 14px !important; line-height: 1.9 !important; } /* نام محصول */ .checkout-modern .woocommerce-checkout-review-order-table .product-name { color: #292929 !important; vertical-align: top !important; font-size: 14px !important; line-height: 1.9 !important; font-weight: 600 !important; } /* تعداد */ .checkout-modern .woocommerce-checkout-review-order-table .product-quantity { font-size: 12px !important; } /* جزئیات محصول */ .checkout-modern .woocommerce-checkout-review-order-table .product-name p, .checkout-modern .woocommerce-checkout-review-order-table .product-name dl, .checkout-modern .woocommerce-checkout-review-order-table .product-name dt, .checkout-modern .woocommerce-checkout-review-order-table .product-name dd { margin-top: 4px !important; margin-bottom: 4px !important; font-size: 13px !important; line-height: 1.85 !important; } .checkout-modern .woocommerce-checkout-review-order-table .product-name dl.variation { margin-top: 8px !important; margin-bottom: 0 !important; } /* قیمت‌ها */ .checkout-modern .woocommerce-checkout-review-order-table .amount { color: var(--checkout-main) !important; font-size: 14px !important; font-weight: 800 !important; } /* جمع نهایی */ .checkout-modern .woocommerce-checkout-review-order-table .order-total th, .checkout-modern .woocommerce-checkout-review-order-table .order-total td { padding-top: 16px !important; padding-bottom: 6px !important; border-bottom: 0 !important; font-size: 16px !important; font-weight: 800 !important; } .checkout-modern .woocommerce-checkout-review-order-table .order-total .amount { color: var(--checkout-main) !important; font-size: 19px !important; line-height: 1.4 !important; font-weight: 900 !important; } /* ================================================== BILLING DETAILS ================================================== */ .checkout-modern .woocommerce-billing-fields { width: 100% !important; padding: 20px 22px !important; background: #fff !important; border: 1px solid var(--checkout-border) !important; border-radius: 16px !important; box-shadow: 0 6px 24px rgba(0,0,0,.04) !important; } /* عنوان */ .checkout-modern .woocommerce-billing-fields > h3 { margin: 0 0 18px !important; color: #222 !important; font-size: 20px !important; line-height: 1.4 !important; font-weight: 800 !important; } /* فاصله ردیف‌ها */ .checkout-modern .woocommerce-billing-fields .form-row { margin-bottom: 12px !important; } /* آخرین فیلد */ .checkout-modern .woocommerce-billing-fields__field-wrapper .form-row:last-child { margin-bottom: 0 !important; } /* Label */ .checkout-modern .form-row label { display: block !important; margin-bottom: 5px !important; color: #3b3b3b !important; font-size: 13px !important; line-height: 1.5 !important; font-weight: 700 !important; } /* Required */ .checkout-modern .required { color: #e22335 !important; font-size: 14px !important; } /* Inputs */ .checkout-modern .input-text, .checkout-modern input[type="text"], .checkout-modern input[type="email"], .checkout-modern input[type="tel"], .checkout-modern input[type="password"], .checkout-modern textarea, .checkout-modern select { width: 100% !important; min-height: 42px !important; padding: 0 12px !important; background: #fff !important; color: #262626 !important; border: 1px solid #dedcdf !important; border-radius: 9px !important; box-shadow: none !important; font-size: 13px !important; line-height: 1.6 !important; transition: border-color .2s ease, box-shadow .2s ease !important; } /* Textarea */ .checkout-modern textarea { min-height: 90px !important; padding-top: 10px !important; padding-bottom: 10px !important; resize: vertical !important; } /* Focus */ .checkout-modern .input-text:focus, .checkout-modern input[type="text"]:focus, .checkout-modern input[type="email"]:focus, .checkout-modern input[type="tel"]:focus, .checkout-modern input[type="password"]:focus, .checkout-modern textarea:focus, .checkout-modern select:focus { outline: none !important; border-color: var(--checkout-main) !important; box-shadow: 0 0 0 3px rgba(78,9,28,.07) !important; } /* Placeholder */ .checkout-modern input::placeholder, .checkout-modern textarea::placeholder { color: #aaa !important; opacity: 1 !important; } /* ================================================== SELECT2 ================================================== */ .checkout-modern .select2-container { width: 100% !important; } .checkout-modern .select2-container--default .select2-selection--single { height: 42px !important; background: #fff !important; border: 1px solid #dedcdf !important; border-radius: 9px !important; } .checkout-modern .select2-container--default .select2-selection--single .select2-selection__rendered { padding: 0 12px !important; color: #262626 !important; font-size: 13px !important; line-height: 40px !important; } .checkout-modern .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px !important; } /* ================================================== ADDITIONAL FIELDS ================================================== */ .checkout-modern .woocommerce-additional-fields { margin-top: 15px !important; } .checkout-modern .woocommerce-additional-fields > h3 { margin-bottom: 15px !important; color: #222 !important; font-size: 18px !important; font-weight: 800 !important; } /* ================================================== CHECKBOX / RADIO ================================================== */ .checkout-modern input[type="checkbox"], .checkout-modern input[type="radio"] { accent-color: var(--checkout-main); } /* ================================================== PLACE ORDER ================================================== */ .checkout-modern #place_order { width: 100% !important; min-height: 48px !important; margin-top: 14px !important; padding: 0 18px !important; background: var(--checkout-main) !important; color: #fff !important; border: 0 !important; border-radius: 10px !important; box-shadow: none !important; font-size: 14px !important; font-weight: 800 !important; transition: background .2s ease, transform .2s ease !important; } .checkout-modern #place_order:hover { background: var(--checkout-main-hover) !important; transform: translateY(-1px) !important; } /* ================================================== MOBILE ORDER 1 - اطلاعات پرداخت 2 - سفارش شما 3 - درگاه ================================================== */ @media (max-width: 767px) { .checkout-mobile-order { display: flex !important; flex-direction: column !important; width: 100% !important; } .checkout-mobile-order .checkout-fields { order: 1 !important; width: 100% !important; } .checkout-mobile-order .checkout-summary { order: 2 !important; width: 100% !important; margin-top: 16px !important; } .checkout-mobile-order .checkout-payment { order: 3 !important; width: 100% !important; margin-top: 16px !important; } /* Notice */ .checkout-modern .woocommerce-info, .checkout-modern .woocommerce-message { margin-bottom: 18px !important; padding: 12px 14px !important; border-radius: 10px !important; font-size: 13px !important; line-height: 1.8 !important; } /* Order review */ .checkout-modern #order_review { padding: 16px !important; border-radius: 12px !important; } .checkout-modern #order_review_heading { margin-bottom: 15px !important; font-size: 18px !important; } .checkout-modern .woocommerce-checkout-review-order-table th, .checkout-modern .woocommerce-checkout-review-order-table td { padding: 10px 3px !important; font-size: 13px !important; line-height: 1.8 !important; } .checkout-modern .woocommerce-checkout-review-order-table .product-name { font-size: 13px !important; line-height: 1.8 !important; } .checkout-modern .woocommerce-checkout-review-order-table .product-name p, .checkout-modern .woocommerce-checkout-review-order-table .product-name dl, .checkout-modern .woocommerce-checkout-review-order-table .product-name dt, .checkout-modern .woocommerce-checkout-review-order-table .product-name dd { font-size: 12px !important; } .checkout-modern .woocommerce-checkout-review-order-table .order-total .amount { font-size: 17px !important; } /* Billing */ .checkout-modern .woocommerce-billing-fields { padding: 15px !important; border-radius: 12px !important; } .checkout-modern .woocommerce-billing-fields > h3 { margin-bottom: 15px !important; font-size: 18px !important; } .checkout-modern .form-row { width: 100% !important; float: none !important; margin-right: 0 !important; margin-left: 0 !important; margin-bottom: 10px !important; } .checkout-modern .form-row label { margin-bottom: 5px !important; font-size: 13px !important; } .checkout-modern .input-text, .checkout-modern input[type="text"], .checkout-modern input[type="email"], .checkout-modern input[type="tel"], .checkout-modern input[type="password"], .checkout-modern textarea, .checkout-modern select { min-height: 40px !important; padding-right: 11px !important; padding-left: 11px !important; font-size: 13px !important; border-radius: 8px !important; } .checkout-modern .select2-container--default .select2-selection--single { height: 40px !important; border-radius: 8px !important; } .checkout-modern .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 38px !important; } .checkout-modern #place_order { min-height: 46px !important; font-size: 14px !important; } } /* Hide coupon only on checkout */ body.woocommerce-checkout .woocommerce-form-coupon-toggle, body.woocommerce-checkout form.checkout_coupon { display: none !important; } /* ========================================= CHECKOUT OUTER FRAME حاشیه مطابق عرض محتوای داخل ========================================= */ .checkout-frame { width: fit-content !important; max-width: calc(100% - 30px) !important; margin-right: auto !important; margin-left: auto !important; padding: 14px !important; border: 1px solid #e4e4e4 !important; border-radius: 10px !important; box-sizing: border-box !important; } /* فضای اضافی داخلی Elementor حذف شود */ .checkout-frame > .e-con-inner { width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } /* تبلت و موبایل */ @media (max-width: 1024px) { .checkout-frame { width: calc(100% - 24px) !important; max-width: none !important; padding: 12px !important; } } @media (max-width: 767px) { .checkout-frame { width: calc(100% - 16px) !important; padding: 8px !important; border-radius: 8px !important; } } /* ================================================== CHECKOUT ITEM META - INLINE + COMPACT Username: value Password: value ================================================== */ .checkout-modern .woocommerce-checkout-review-order-table .product-name dl.variation { display: grid !important; grid-template-columns: max-content minmax(0, 1fr) !important; column-gap: 7px !important; row-gap: 3px !important; width: 100% !important; margin: 6px 0 0 !important; padding: 0 !important; direction: rtl !important; } /* عنوان هر مورد */ .checkout-modern .woocommerce-checkout-review-order-table .product-name dl.variation .tc-name { display: block !important; float: none !important; clear: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; color: #444 !important; font-size: 11px !important; line-height: 1.5 !important; font-weight: 600 !important; white-space: nowrap !important; } /* مقدار روبروی عنوان */ .checkout-modern .woocommerce-checkout-review-order-table .product-name dl.variation .tc-value { display: block !important; float: none !important; clear: none !important; width: auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; color: #222 !important; font-size: 11px !important; line-height: 1.5 !important; font-weight: 500 !important; text-align: right !important; } /* p داخل مقدار */ .checkout-modern .woocommerce-checkout-review-order-table .product-name dl.variation .tc-value p { display: inline !important; margin: 0 !important; padding: 0 !important; color: inherit !important; font-size: inherit !important; line-height: inherit !important; } /* موارد اضافی خالی */ .checkout-modern .tc-price-in-cart:empty, .checkout-modern .tc-quantity-in-cart:empty { display: none !important; } /* خود نام محصول */ .checkout-modern .woocommerce-checkout-review-order-table .product-name { font-size: 12px !important; line-height: 1.55 !important; } /* جمع‌وجور کردن ردیف محصول */ .checkout-modern .woocommerce-checkout-review-order-table tbody td { padding-top: 8px !important; padding-bottom: 8px !important; } /* ========================================= TC META - FINAL INLINE FIX ========================================= */ .dk-meta-row { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-start !important; gap: 6px !important; width: 100% !important; margin: 0 0 3px 0 !important; padding: 0 !important; direction: rtl !important; } /* عنوان */ .dk-meta-row > dt.tc-name { display: inline-block !important; float: none !important; clear: none !important; flex: 0 0 auto !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; font-size: 11px !important; line-height: 1.35 !important; font-weight: 600 !important; color: #555 !important; white-space: nowrap !important; } /* مقدار */ .dk-meta-row > dd.tc-value { display: inline-block !important; float: none !important; clear: none !important; flex: 0 0 auto !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; font-size: 11px !important; line-height: 1.35 !important; font-weight: 500 !important; color: #222 !important; white-space: nowrap !important; } /* متن داخل مقدار */ .dk-meta-row > dd.tc-value > p { display: inline !important; width: auto !important; margin: 0 !important; padding: 0 !important; font-size: inherit !important; line-height: inherit !important; color: inherit !important; white-space: nowrap !important; } /* اسپن‌های اضافی افزونه */ .dk-meta-row .tc-price-in-cart:empty, .dk-meta-row .tc-quantity-in-cart:empty { display: none !important; } /* فاصله کلی اطلاعات محصول */ dl:has(.dk-meta-row) { margin-top: 5px !important; margin-bottom: 0 !important; padding: 0 !important; } /* موبایل */ @media (max-width: 767px) { .dk-meta-row { gap: 4px !important; margin-bottom: 2px !important; } .dk-meta-row > dt.tc-name, .dk-meta-row > dd.tc-value { font-size: 10px !important; line-height: 1.3 !important; } } .scrollToTop { left: auto !important; right: 20px !important; } /* ========================================================= DIGIKNOWESHOP CART PAGE - FINAL OPTIMIZED CSS ========================================================= */ body.woocommerce-cart { --dk-main: #970c32; --dk-main-dark: #760925; --dk-text: #272a30; --dk-muted: #7c8189; --dk-border: #e7e9ed; --dk-border-soft: #eef0f2; --dk-bg-soft: #fafafb; --dk-bg-red: #fff7f9; } /* ========================================================= 1. CHECKOUT PROGRESS ========================================================= */ body.woocommerce-cart .wd-page-title { min-height: auto !important; margin: 0 !important; padding: 22px 15px !important; background: #fff !important; border-top: 1px solid #f1f1f3 !important; border-bottom: 1px solid #eceef1 !important; box-shadow: none !important; } body.woocommerce-cart .wd-page-title-bg { display: none !important; } body.woocommerce-cart .wd-page-title > .container { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; } /* کل Progress */ body.woocommerce-cart .wd-checkout-steps { position: relative !important; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; align-items: start !important; direction: rtl !important; width: 100% !important; max-width: 640px !important; margin: 0 auto !important; padding: 0 !important; gap: 0 !important; list-style: none !important; } /* خط بین مراحل */ body.woocommerce-cart .wd-checkout-steps::before { content: "" !important; position: absolute !important; z-index: 0 !important; top: 17px !important; right: 16.666% !important; left: 16.666% !important; height: 2px !important; background: #e0e2e6 !important; border-radius: 20px !important; } /* هر مرحله */ body.woocommerce-cart .wd-checkout-steps > li { position: relative !important; z-index: 1 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; visibility: visible !important; opacity: 1 !important; text-align: center !important; } /* حذف فلش WoodMart */ body.woocommerce-cart .wd-checkout-steps > li::after { display: none !important; content: none !important; } /* دایره مرحله */ body.woocommerce-cart .wd-checkout-steps > li::before { display: flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; margin: 0 auto 9px !important; color: #8d9299 !important; background: #fff !important; border: 1px solid #d8dbe0 !important; border-radius: 50% !important; box-shadow: 0 0 0 5px #fff !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1 !important; box-sizing: border-box !important; } body.woocommerce-cart .wd-checkout-steps > li:nth-child(1)::before { content: "1" !important; } body.woocommerce-cart .wd-checkout-steps > li:nth-child(2)::before { content: "2" !important; } body.woocommerce-cart .wd-checkout-steps > li:nth-child(3)::before { content: "3" !important; } /* متن مراحل */ body.woocommerce-cart .wd-checkout-steps > li > a, body.woocommerce-cart .wd-checkout-steps > li > span { display: block !important; width: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 5px !important; color: #8d929a !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.65 !important; text-align: center !important; text-decoration: none !important; white-space: nowrap !important; } /* حذف pseudoهای قالب از متن */ body.woocommerce-cart .wd-checkout-steps > li > a::before, body.woocommerce-cart .wd-checkout-steps > li > a::after, body.woocommerce-cart .wd-checkout-steps > li > span::before, body.woocommerce-cart .wd-checkout-steps > li > span::after { display: none !important; content: none !important; } /* مرحله فعال */ body.woocommerce-cart .wd-checkout-steps > li.step-active::before { color: #fff !important; background: var(--dk-main) !important; border-color: var(--dk-main) !important; box-shadow: 0 0 0 5px #fff, 0 4px 12px rgba(151, 12, 50, .14) !important; } body.woocommerce-cart .wd-checkout-steps > li.step-active > a, body.woocommerce-cart .wd-checkout-steps > li.step-active > span { color: var(--dk-main) !important; font-weight: 800 !important; } /* ========================================================= 2. MAIN DESKTOP LAYOUT همان عرض نسخه قبلی ========================================================= */ @media (min-width: 1025px) { body.woocommerce-cart .elementor-element-42671fc > .elementor-container { display: flex !important; direction: rtl !important; align-items: flex-start !important; gap: 26px !important; width: 100% !important; max-width: 100% !important; } /* محصولات - 70% */ body.woocommerce-cart .elementor-element-6193467 { width: calc(70% - 13px) !important; max-width: calc(70% - 13px) !important; flex: 0 0 calc(70% - 13px) !important; } /* جمع کل - 30% */ body.woocommerce-cart .elementor-element-336762e { width: calc(30% - 13px) !important; max-width: calc(30% - 13px) !important; flex: 0 0 calc(30% - 13px) !important; } body.woocommerce-cart .elementor-element-6193467 > .elementor-widget-wrap, body.woocommerce-cart .elementor-element-336762e > .elementor-widget-wrap { width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box !important; } body.woocommerce-cart .wd-cart-totals .cart-totals-inner { position: sticky !important; top: 105px !important; } } /* ========================================================= 3. CART TABLE ========================================================= */ body.woocommerce-cart .woocommerce-cart-form__contents { width: 100% !important; margin: 0 !important; border-collapse: separate !important; border-spacing: 0 !important; background: #fff !important; border: 1px solid var(--dk-border) !important; border-radius: 15px !important; overflow: hidden !important; box-shadow: 0 6px 20px rgba(0,0,0,.025) !important; } /* ========================================================= 4. TABLE HEADER ========================================================= */ body.woocommerce-cart .woocommerce-cart-form__contents thead th { padding: 13px 11px !important; background: #fafafb !important; color: #70757d !important; border-bottom: 1px solid var(--dk-border) !important; font-size: 12px !important; font-weight: 600 !important; text-align: right !important; } /* تعداد ثابت */ body.woocommerce-cart .woocommerce-cart-form__contents th.product-quantity, body.woocommerce-cart .woocommerce-cart-form__contents td.product-quantity { display: none !important; } /* عرض ستون‌ها */ body.woocommerce-cart .woocommerce-cart-form__contents .product-remove { width: 42px !important; } body.woocommerce-cart .woocommerce-cart-form__contents .product-thumbnail { width: 94px !important; } body.woocommerce-cart .woocommerce-cart-form__contents .product-price, body.woocommerce-cart .woocommerce-cart-form__contents .product-subtotal { width: 135px !important; text-align: center !important; } /* ========================================================= 5. PRODUCT ROW ========================================================= */ body.woocommerce-cart .woocommerce-cart-form__contents tr.cart_item td { padding: 18px 11px !important; vertical-align: top !important; background: #fff !important; border-bottom: 1px solid #eceef1 !important; box-sizing: border-box !important; } /* ========================================================= 6. PRODUCT IMAGE ========================================================= */ body.woocommerce-cart .woocommerce-cart-form__contents .product-thumbnail img { display: block !important; width: 76px !important; height: 76px !important; min-width: 76px !important; margin: 0 auto !important; object-fit: cover !important; border-radius: 11px !important; box-shadow: 0 3px 10px rgba(0,0,0,.06) !important; } /* ========================================================= 7. REMOVE BUTTON فقط یک ضربدر ========================================================= */ body.woocommerce-cart .woocommerce-cart-form__contents .product-remove { vertical-align: middle !important; text-align: center !important; } body.woocommerce-cart .woocommerce-cart-form__contents .product-remove .remove { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 27px !important; height: 27px !important; margin: 0 auto !important; padding: 0 !important; color: transparent !important; background: #f8f8f9 !important; border: 1px solid #e3e5e8 !important; border-radius: 7px !important; font-size: 0 !important; line-height: 1 !important; text-decoration: none !important; overflow: hidden !important; transition: background .18s ease, border-color .18s ease !important; } /* تنها ضربدر */ body.woocommerce-cart .woocommerce-cart-form__contents .product-remove .remove::before { content: "×" !important; position: static !important; display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; color: #92979f !important; font-family: Arial, sans-serif !important; font-size: 17px !important; font-weight: 400 !important; line-height: 1 !important; transform: none !important; } body.woocommerce-cart .woocommerce-cart-form__contents .product-remove .remove::after { display: none !important; content: none !important; } body.woocommerce-cart .woocommerce-cart-form__contents .product-remove .remove:hover { background: var(--dk-bg-red) !important; border-color: rgba(151,12,50,.22) !important; } body.woocommerce-cart .woocommerce-cart-form__contents .product-remove .remove:hover::before { color: var(--dk-main) !important; } /* ========================================================= 8. PRODUCT TITLE ========================================================= */ body.woocommerce-cart .woocommerce-cart-form__contents .product-name { padding-left: 18px !important; } body.woocommerce-cart .woocommerce-cart-form__contents .product-name > a:not(.tm-cart-edit-options) { display: inline-block !important; margin: 0 0 6px !important; color: var(--dk-text) !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.8 !important; text-decoration: none !important; overflow-wrap: anywhere !important; } body.woocommerce-cart .woocommerce-cart-form__contents .product-name > a:not(.tm-cart-edit-options):hover { color: var(--dk-main) !important; } /* ویرایش گزینه‌ها */ body.woocommerce-cart .woocommerce-cart-form__contents .tm-cart-edit-options { display: inline-flex !important; align-items: center !important; margin: 0 5px 8px 0 !important; padding: 3px 7px !important; color: #777c84 !important; background: #f5f6f7 !important; border-radius: 6px !important; font-size: 10.5px !important; font-weight: 500 !important; text-decoration: none !important; } body.woocommerce-cart .woocommerce-cart-form__contents .tm-cart-edit-options:hover { color: var(--dk-main) !important; background: var(--dk-bg-red) !important; } /* ========================================================= 9. PRODUCT OPTIONS ========================================================= */ body.woocommerce-cart dl.tc-epo-metadata.variation { display: grid !important; grid-template-columns: max-content minmax(0,1fr) !important; align-items: start !important; gap: 5px 8px !important; width: 100% !important; margin: 5px 0 0 !important; padding: 9px 11px !important; background: #fafafb !important; border: 1px solid #ededf0 !important; border-radius: 9px !important; box-sizing: border-box !important; } body.woocommerce-cart dl.tc-epo-metadata.variation dt, body.woocommerce-cart dl.tc-epo-metadata.variation dd { float: none !important; clear: none !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } body.woocommerce-cart dl.tc-epo-metadata.variation dt { color: #777c84 !important; font-size: 11px !important; font-weight: 500 !important; white-space: nowrap !important; } body.woocommerce-cart dl.tc-epo-metadata.variation dd { min-width: 0 !important; color: #34383e !important; font-size: 11px !important; font-weight: 600 !important; } body.woocommerce-cart dl.tc-epo-metadata.variation dd p { margin: 0 !important; color: inherit !important; font-size: inherit !important; line-height: 1.65 !important; overflow-wrap: anywhere !important; } /* ========================================================= 10. PRICE ========================================================= */ body.woocommerce-cart .woocommerce-cart-form__contents td.product-price, body.woocommerce-cart .woocommerce-cart-form__contents td.product-subtotal { vertical-align: middle !important; text-align: center !important; } body.woocommerce-cart .woocommerce-cart-form__contents td.product-price .amount { color: #454950 !important; font-size: 12.5px !important; font-weight: 600 !important; } body.woocommerce-cart .woocommerce-cart-form__contents td.product-subtotal .amount { color: var(--dk-main) !important; font-size: 13.5px !important; font-weight: 800 !important; } /* ========================================================= 11. COUPON ========================================================= */ body.woocommerce-cart .woocommerce-cart-form__contents tr.wd-cart-action-row td.actions { padding: 15px !important; background: #fff !important; border: 0 !important; } body.woocommerce-cart .cart-actions { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } body.woocommerce-cart .wd-coupon-form { display: grid !important; grid-template-columns: minmax(0,1fr) 110px !important; align-items: stretch !important; direction: rtl !important; gap: 7px !important; width: 100% !important; max-width: 390px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; box-sizing: border-box !important; } /* input */ body.woocommerce-cart .wd-coupon-form #coupon_code { display: block !important; width: 100% !important; min-width: 0 !important; height: 42px !important; margin: 0 !important; padding: 0 12px !important; color: #42464d !important; background: #fafafb !important; border: 1px solid #dfe2e6 !important; border-radius: 9px !important; box-shadow: none !important; font-size: 12px !important; box-sizing: border-box !important; } body.woocommerce-cart .wd-coupon-form #coupon_code:focus { background: #fff !important; border-color: rgba(151,12,50,.45) !important; box-shadow: 0 0 0 3px rgba(151,12,50,.05) !important; outline: none !important; } /* button */ body.woocommerce-cart .wd-coupon-form button[name="apply_coupon"] { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; height: 42px !important; margin: 0 !important; padding: 0 10px !important; color: #fff !important; background: var(--dk-main) !important; border: 0 !important; border-radius: 9px !important; box-shadow: none !important; font-size: 11.5px !important; font-weight: 700 !important; text-transform: none !important; box-sizing: border-box !important; } body.woocommerce-cart .wd-coupon-form button[name="apply_coupon"]:hover { background: var(--dk-main-dark) !important; } /* ========================================================= 12. TOTALS CARD ========================================================= */ body.woocommerce-cart .wd-cart-totals .cart-totals-inner { width: 100% !important; padding: 21px !important; background: #fff !important; border: 1px solid var(--dk-border) !important; border-radius: 15px !important; box-shadow: 0 7px 24px rgba(0,0,0,.03) !important; box-sizing: border-box !important; } /* عنوان */ body.woocommerce-cart .wd-cart-totals .cart-totals-inner > h2 { position: relative !important; margin: 0 0 15px !important; padding: 0 0 11px !important; color: var(--dk-text) !important; font-size: 16px !important; font-weight: 800 !important; border-bottom: 1px solid #eceef1 !important; } body.woocommerce-cart .wd-cart-totals .cart-totals-inner > h2::after { content: "" !important; position: absolute !important; right: 0 !important; bottom: -1px !important; width: 42px !important; height: 2px !important; background: var(--dk-main) !important; border-radius: 20px !important; } /* ========================================================= 13. TOTALS TABLE ========================================================= */ body.woocommerce-cart .wd-cart-totals .shop_table { width: 100% !important; margin: 0 !important; border: 0 !important; } body.woocommerce-cart .wd-cart-totals .shop_table tr { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; padding: 10px 0 !important; border-bottom: 1px solid #f0f1f3 !important; } body.woocommerce-cart .wd-cart-totals .shop_table th, body.woocommerce-cart .wd-cart-totals .shop_table td { padding: 0 !important; background: transparent !important; border: 0 !important; } body.woocommerce-cart .wd-cart-totals .shop_table th { color: #62676f !important; font-size: 12px !important; font-weight: 500 !important; text-align: right !important; } body.woocommerce-cart .wd-cart-totals .shop_table td { color: #363a41 !important; font-size: 12.5px !important; font-weight: 600 !important; text-align: left !important; } body.woocommerce-cart .wd-cart-totals .shop_table tr.fee td { color: #b34858 !important; } /* ========================================================= 14. FINAL TOTAL ========================================================= */ body.woocommerce-cart .wd-cart-totals .shop_table tr.order-total { padding: 14px 0 7px !important; border-bottom: 0 !important; } body.woocommerce-cart .wd-cart-totals .shop_table tr.order-total th { color: #24272d !important; font-size: 13.5px !important; font-weight: 800 !important; } body.woocommerce-cart .wd-cart-totals .shop_table tr.order-total .amount { color: var(--dk-main) !important; font-size: 17px !important; font-weight: 900 !important; } /* ========================================================= 15. CHECKOUT BUTTON ========================================================= */ body.woocommerce-cart .wd-cart-totals .wc-proceed-to-checkout { margin: 16px 0 0 !important; } body.woocommerce-cart .wd-cart-totals .checkout-button { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 45px !important; margin: 0 !important; padding: 8px 15px !important; color: #fff !important; background: var(--dk-main) !important; border: 0 !important; border-radius: 9px !important; box-shadow: 0 4px 13px rgba(151,12,50,.12) !important; font-size: 12.5px !important; font-weight: 700 !important; text-transform: none !important; transition: background .18s ease, transform .18s ease !important; } body.woocommerce-cart .wd-cart-totals .checkout-button:hover { background: var(--dk-main-dark) !important; transform: translateY(-1px) !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { body.woocommerce-cart .elementor-element-42671fc > .elementor-container { display: flex !important; flex-direction: column !important; gap: 20px !important; } body.woocommerce-cart .elementor-element-6193467, body.woocommerce-cart .elementor-element-336762e { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; } body.woocommerce-cart .wd-cart-totals .cart-totals-inner { position: static !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 768px) { /* ===================================================== PROGRESS MOBILE ===================================================== */ body.woocommerce-cart .wd-page-title { padding: 18px 10px !important; } body.woocommerce-cart .wd-checkout-steps { width: 100% !important; max-width: 380px !important; } body.woocommerce-cart .wd-checkout-steps::before { top: 15px !important; } body.woocommerce-cart .wd-checkout-steps > li::before { width: 30px !important; height: 30px !important; margin-bottom: 7px !important; box-shadow: 0 0 0 4px #fff !important; font-size: 10px !important; } body.woocommerce-cart .wd-checkout-steps > li.step-active::before { box-shadow: 0 0 0 4px #fff, 0 3px 10px rgba(151,12,50,.13) !important; } body.woocommerce-cart .wd-checkout-steps > li > a, body.woocommerce-cart .wd-checkout-steps > li > span { padding: 0 3px !important; font-size: 11.5px !important; font-weight: 600 !important; } body.woocommerce-cart .wd-checkout-steps > li.step-active > a, body.woocommerce-cart .wd-checkout-steps > li.step-active > span { font-weight: 800 !important; } /* ===================================================== MAIN MOBILE WIDTH ===================================================== */ body.woocommerce-cart .elementor-element-42671fc > .elementor-container { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: 100% !important; gap: 16px !important; margin: 0 auto !important; padding-left: 10px !important; padding-right: 10px !important; box-sizing: border-box !important; } body.woocommerce-cart .elementor-element-6193467, body.woocommerce-cart .elementor-element-336762e { display: block !important; width: 100% !important; max-width: 100% !important; flex: none !important; margin: 0 !important; box-sizing: border-box !important; } body.woocommerce-cart .elementor-element-6193467 > .elementor-widget-wrap, body.woocommerce-cart .elementor-element-336762e > .elementor-widget-wrap { width: 100% !important; margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box !important; } /* ===================================================== TABLE MOBILE RESET ===================================================== */ body.woocommerce-cart .woocommerce-cart-form { width: 100% !important; margin: 0 !important; box-sizing: border-box !important; } body.woocommerce-cart .woocommerce-cart-form__contents { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; } body.woocommerce-cart .woocommerce-cart-form__contents thead { display: none !important; } body.woocommerce-cart .woocommerce-cart-form__contents tbody { display: block !important; width: 100% !important; } /* ===================================================== PRODUCT CARD MOBILE ===================================================== */ body.woocommerce-cart .woocommerce-cart-form__contents tr.cart_item { position: relative !important; display: grid !important; grid-template-columns: minmax(0,1fr) 70px !important; grid-template-areas: "name image" "price price" "subtotal subtotal" !important; direction: ltr !important; column-gap: 10px !important; row-gap: 0 !important; width: 100% !important; margin: 0 0 12px !important; padding: 12px !important; background: #fff !important; border: 1px solid var(--dk-border) !important; border-radius: 13px !important; box-shadow: 0 4px 14px rgba(0,0,0,.025) !important; overflow: hidden !important; box-sizing: border-box !important; } body.woocommerce-cart .woocommerce-cart-form__contents tr.cart_item > td { direction: rtl !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-sizing: border-box !important; } /* image */ body.woocommerce-cart .woocommerce-cart-form__contents td.product-thumbnail { grid-area: image !important; display: flex !important; justify-content: flex-end !important; width: auto !important; } body.woocommerce-cart .woocommerce-cart-form__contents td.product-thumbnail img { width: 66px !important; height: 66px !important; min-width: 66px !important; margin: 0 !important; border-radius: 9px !important; } /* name */ body.woocommerce-cart .woocommerce-cart-form__contents td.product-name { grid-area: name !important; min-width: 0 !important; padding-left: 30px !important; text-align: right !important; } body.woocommerce-cart .woocommerce-cart-form__contents td.product-name > a:not(.tm-cart-edit-options) { display: block !important; margin-bottom: 5px !important; font-size: 11.8px !important; line-height: 1.7 !important; } body.woocommerce-cart .woocommerce-cart-form__contents .tm-cart-edit-options { margin: 0 0 7px !important; padding: 3px 7px !important; font-size: 9.8px !important; } /* remove */ body.woocommerce-cart .woocommerce-cart-form__contents td.product-remove { position: absolute !important; z-index: 5 !important; top: 9px !important; left: 9px !important; display: block !important; width: 25px !important; height: 25px !important; margin: 0 !important; padding: 0 !important; } body.woocommerce-cart .woocommerce-cart-form__contents .product-remove .remove { width: 25px !important; height: 25px !important; } body.woocommerce-cart .woocommerce-cart-form__contents .product-remove .remove::before { font-size: 15px !important; } /* metadata */ body.woocommerce-cart dl.tc-epo-metadata.variation { grid-template-columns: max-content minmax(0,1fr) !important; gap: 4px 6px !important; margin-top: 6px !important; padding: 8px 9px !important; } body.woocommerce-cart dl.tc-epo-metadata.variation dt, body.woocommerce-cart dl.tc-epo-metadata.variation dd { font-size: 10px !important; line-height: 1.55 !important; } /* ===================================================== PRICE MOBILE ===================================================== */ body.woocommerce-cart .woocommerce-cart-form__contents td.product-price { grid-area: price !important; } body.woocommerce-cart .woocommerce-cart-form__contents td.product-subtotal { grid-area: subtotal !important; } body.woocommerce-cart .woocommerce-cart-form__contents td.product-price, body.woocommerce-cart .woocommerce-cart-form__contents td.product-subtotal { display: flex !important; align-items: center !important; justify-content: space-between !important; min-height: 37px !important; margin: 10px 0 0 !important; padding: 8px 1px 0 !important; border-top: 1px solid #eceef1 !important; text-align: left !important; } body.woocommerce-cart .woocommerce-cart-form__contents td.product-subtotal { margin-top: 0 !important; } body.woocommerce-cart .woocommerce-cart-form__contents td.product-price::before, body.woocommerce-cart .woocommerce-cart-form__contents td.product-subtotal::before { content: attr(data-title) !important; color: #747981 !important; font-size: 10.5px !important; font-weight: 500 !important; } body.woocommerce-cart .woocommerce-cart-form__contents td.product-price .amount { font-size: 11.5px !important; } body.woocommerce-cart .woocommerce-cart-form__contents td.product-subtotal .amount { font-size: 12.5px !important; } /* ===================================================== COUPON MOBILE ===================================================== */ body.woocommerce-cart .woocommerce-cart-form__contents tr.wd-cart-action-row { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } body.woocommerce-cart .woocommerce-cart-form__contents tr.wd-cart-action-row td.actions { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; } body.woocommerce-cart .cart-actions { display: block !important; width: 100% !important; } body.woocommerce-cart .wd-coupon-form { grid-template-columns: minmax(0,1fr) 100px !important; gap: 7px !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } body.woocommerce-cart .wd-coupon-form #coupon_code { width: 100% !important; min-width: 0 !important; height: 42px !important; padding: 0 10px !important; font-size: 11px !important; } body.woocommerce-cart .wd-coupon-form button[name="apply_coupon"] { width: 100% !important; min-width: 0 !important; height: 42px !important; padding: 0 7px !important; font-size: 10.5px !important; } /* ===================================================== TOTALS MOBILE ===================================================== */ body.woocommerce-cart .wd-cart-totals .cart-totals-inner { position: static !important; width: 100% !important; margin: 0 !important; padding: 16px !important; border-radius: 13px !important; box-sizing: border-box !important; } body.woocommerce-cart .wd-cart-totals .cart-totals-inner > h2 { margin-bottom: 11px !important; font-size: 14.5px !important; } body.woocommerce-cart .wd-cart-totals .shop_table tr { padding: 8px 0 !important; } body.woocommerce-cart .wd-cart-totals .shop_table th { font-size: 11px !important; } body.woocommerce-cart .wd-cart-totals .shop_table td { font-size: 11.5px !important; } body.woocommerce-cart .wd-cart-totals .shop_table tr.order-total .amount { font-size: 14.5px !important; } body.woocommerce-cart .wd-cart-totals .checkout-button { min-height: 43px !important; font-size: 12px !important; } } /* ========================================================= VERY SMALL PHONE ========================================================= */ @media (max-width: 380px) { body.woocommerce-cart .wd-checkout-steps { max-width: 350px !important; } body.woocommerce-cart .wd-checkout-steps > li > a, body.woocommerce-cart .wd-checkout-steps > li > span { font-size: 10px !important; } body.woocommerce-cart .woocommerce-cart-form__contents tr.cart_item { grid-template-columns: minmax(0,1fr) 60px !important; column-gap: 8px !important; padding: 11px !important; } body.woocommerce-cart .woocommerce-cart-form__contents td.product-thumbnail img { width: 56px !important; height: 56px !important; min-width: 56px !important; } body.woocommerce-cart dl.tc-epo-metadata.variation { grid-template-columns: minmax(0,1fr) !important; } body.woocommerce-cart dl.tc-epo-metadata.variation dt { margin-top: 4px !important; } } /* ========================================================= DIGIKNOWESHOP CHECKOUT PAGE - CHECKOUT STEPS هماهنگ با نوار سبد خرید ========================================================= */ body.woocommerce-checkout .wd-page-title { min-height: auto !important; margin: 0 !important; padding: 22px 15px !important; background: #fff !important; border-top: 1px solid #f1f1f3 !important; border-bottom: 1px solid #eceef1 !important; box-shadow: none !important; } body.woocommerce-checkout .wd-page-title-bg { display: none !important; } body.woocommerce-checkout .wd-page-title > .container { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; } /* ========================================================= Progress wrapper ========================================================= */ body.woocommerce-checkout .wd-checkout-steps { position: relative !important; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; align-items: start !important; direction: rtl !important; width: 100% !important; max-width: 640px !important; margin: 0 auto !important; padding: 0 !important; gap: 0 !important; list-style: none !important; } /* خط اتصال */ body.woocommerce-checkout .wd-checkout-steps::before { content: "" !important; position: absolute !important; z-index: 0 !important; top: 17px !important; right: 16.666% !important; left: 16.666% !important; height: 2px !important; background: #e0e2e6 !important; border-radius: 20px !important; } /* ========================================================= Each Step ========================================================= */ body.woocommerce-checkout .wd-checkout-steps > li { position: relative !important; z-index: 1 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; visibility: visible !important; opacity: 1 !important; text-align: center !important; } /* فلش پیش‌فرض قالب */ body.woocommerce-checkout .wd-checkout-steps > li::after { display: none !important; content: none !important; } /* دایره */ body.woocommerce-checkout .wd-checkout-steps > li::before { display: flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; margin: 0 auto 9px !important; color: #8d9299 !important; background: #fff !important; border: 1px solid #d8dbe0 !important; border-radius: 50% !important; box-shadow: 0 0 0 5px #fff !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1 !important; box-sizing: border-box !important; } /* شماره مراحل */ body.woocommerce-checkout .wd-checkout-steps > li:nth-child(1)::before { content: "1" !important; } body.woocommerce-checkout .wd-checkout-steps > li:nth-child(2)::before { content: "2" !important; } body.woocommerce-checkout .wd-checkout-steps > li:nth-child(3)::before { content: "3" !important; } /* ========================================================= Step Text ========================================================= */ body.woocommerce-checkout .wd-checkout-steps > li > a, body.woocommerce-checkout .wd-checkout-steps > li > span { display: block !important; width: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 5px !important; color: #8d929a !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.65 !important; text-align: center !important; text-decoration: none !important; white-space: nowrap !important; } /* pseudo های پیش‌فرض */ body.woocommerce-checkout .wd-checkout-steps > li > a::before, body.woocommerce-checkout .wd-checkout-steps > li > a::after, body.woocommerce-checkout .wd-checkout-steps > li > span::before, body.woocommerce-checkout .wd-checkout-steps > li > span::after { display: none !important; content: none !important; } /* ========================================================= Active Step روی Checkout باید مرحله دوم فعال باشد ========================================================= */ body.woocommerce-checkout .wd-checkout-steps > li.step-active::before { color: #fff !important; background: #970c32 !important; border-color: #970c32 !important; box-shadow: 0 0 0 5px #fff, 0 4px 12px rgba(151, 12, 50, .14) !important; } body.woocommerce-checkout .wd-checkout-steps > li.step-active > a, body.woocommerce-checkout .wd-checkout-steps > li.step-active > span { color: #970c32 !important; font-weight: 800 !important; } /* ========================================================= مراحل قبلی مرحله اول در Checkout تکمیل شده ========================================================= */ body.woocommerce-checkout .wd-checkout-steps .step-cart:not(.step-active)::before { content: "✓" !important; color: #970c32 !important; background: #fff7f9 !important; border-color: rgba(151, 12, 50, .35) !important; font-size: 13px !important; font-weight: 800 !important; } body.woocommerce-checkout .wd-checkout-steps .step-cart:not(.step-active) > a { color: #686d75 !important; font-weight: 600 !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 768px) { body.woocommerce-checkout .wd-page-title { padding: 18px 10px !important; } body.woocommerce-checkout .wd-checkout-steps { width: 100% !important; max-width: 380px !important; } body.woocommerce-checkout .wd-checkout-steps::before { top: 15px !important; } body.woocommerce-checkout .wd-checkout-steps > li::before { width: 30px !important; height: 30px !important; margin-bottom: 7px !important; box-shadow: 0 0 0 4px #fff !important; font-size: 10px !important; } body.woocommerce-checkout .wd-checkout-steps > li.step-active::before { box-shadow: 0 0 0 4px #fff, 0 3px 10px rgba(151, 12, 50, .13) !important; } body.woocommerce-checkout .wd-checkout-steps > li > a, body.woocommerce-checkout .wd-checkout-steps > li > span { padding: 0 3px !important; font-size: 11.5px !important; font-weight: 600 !important; } body.woocommerce-checkout .wd-checkout-steps > li.step-active > a, body.woocommerce-checkout .wd-checkout-steps > li.step-active > span { font-weight: 800 !important; } } /* ========================================================= VERY SMALL PHONE ========================================================= */ @media (max-width: 380px) { body.woocommerce-checkout .wd-checkout-steps { max-width: 350px !important; } body.woocommerce-checkout .wd-checkout-steps > li > a, body.woocommerce-checkout .wd-checkout-steps > li > span { font-size: 10px !important; } } /* ========================================================= DIGIKNOWESHOP MINI CART / SIDE CART FINAL OPTIMIZED VERSION - بدون تغییر سمت باز شدن Drawer - بدون تداخل با منوی همبرگری - عرض کنترل‌شده - Footer ثابت - یک ضربدر حذف - Responsive ========================================================= */ /* ========================================================= ROOT / DRAWER ========================================================= */ .cart-widget-side { --dk-mini-main: #970c32; --dk-mini-main-dark: #760925; --dk-mini-text: #272a30; --dk-mini-muted: #7b8088; --dk-mini-border: #e7e9ed; --dk-mini-border-soft: #edefF1; --dk-mini-soft: #fafafb; --dk-mini-soft-red: #fff7f9; --dk-mini-head-h: 62px; direction: rtl !important; width: min(380px, 88vw) !important; max-width: none !important; height: 100dvh !important; max-height: 100dvh !important; top: 0 !important; bottom: 0 !important; background: #fff !important; box-shadow: 0 0 35px rgba(0, 0, 0, .10) !important; } /* فقط خود Mini Cart هنگام باز بودن بالا قرار بگیرد */ .cart-widget-side.wd-opened { z-index: 2147483000 !important; } /* * مهم: * wd-close-side بین منوهای مختلف WoodMart مشترک است. * فقط وقتی Mini Cart واقعاً باز است z-index آن تغییر کند. */ body:has(.cart-widget-side.wd-opened) .wd-close-side { z-index: 2147482990 !important; background: rgba(17, 18, 22, .46) !important; } /* ========================================================= HEADER ========================================================= */ .cart-widget-side .wd-heading { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; min-height: var(--dk-mini-head-h) !important; margin: 0 !important; padding: 0 18px !important; background: #fff !important; border-bottom: 1px solid var(--dk-mini-border) !important; box-sizing: border-box !important; } .cart-widget-side .wd-heading .title { margin: 0 !important; padding: 0 !important; color: var(--dk-mini-text) !important; font-size: 15px !important; font-weight: 800 !important; line-height: 1.5 !important; } /* ========================================================= CLOSE BUTTON ========================================================= */ .cart-widget-side .close-side-widget { margin: 0 !important; padding: 0 !important; } .cart-widget-side .close-side-widget a { display: flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; margin: 0 !important; padding: 0 !important; background: #f7f7f8 !important; border: 1px solid #e4e6e9 !important; border-radius: 8px !important; box-shadow: none !important; transition: background .18s ease, border-color .18s ease !important; } .cart-widget-side .close-side-widget a:hover { background: var(--dk-mini-soft-red) !important; border-color: rgba(151, 12, 50, .22) !important; } .cart-widget-side .close-side-widget .wd-action-text { display: none !important; } .cart-widget-side .close-side-widget .wd-action-icon { margin: 0 !important; color: #747981 !important; } /* ========================================================= MAIN STRUCTURE ========================================================= */ .cart-widget-side .widget_shopping_cart { height: calc(100dvh - var(--dk-mini-head-h)) !important; min-height: 0 !important; } .cart-widget-side .widget_shopping_cart_content { display: flex !important; flex-direction: column !important; width: 100% !important; height: 100% !important; min-height: 0 !important; background: #fff !important; } /* ========================================================= SCROLL BODY ========================================================= */ .cart-widget-side .shopping-cart-widget-body { flex: 1 1 auto !important; min-height: 0 !important; margin: 0 !important; padding: 14px !important; background: #fff !important; } .cart-widget-side .shopping-cart-widget-body .wd-scroll-content { margin: 0 !important; padding: 0 !important; } /* ========================================================= PRODUCTS LIST ========================================================= */ .cart-widget-side .cart_list { display: flex !important; flex-direction: column !important; gap: 10px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } /* ========================================================= PRODUCT CARD ========================================================= */ .cart-widget-side .mini_cart_item { position: relative !important; direction: rtl !important; display: grid !important; grid-template-columns: 74px minmax(0, 1fr) !important; grid-template-areas: "image info" !important; align-items: start !important; gap: 11px !important; width: 100% !important; margin: 0 !important; padding: 11px !important; background: #fff !important; border: 1px solid var(--dk-mini-border) !important; border-radius: 13px !important; box-shadow: 0 4px 14px rgba(0, 0, 0, .025) !important; box-sizing: border-box !important; overflow: hidden !important; } /* ========================================================= FULL PRODUCT LINK ========================================================= */ .cart-widget-side .mini_cart_item .cart-item-link { z-index: 1 !important; } /* ========================================================= IMAGE ========================================================= */ .cart-widget-side .mini_cart_item .cart-item-image { grid-area: image !important; position: relative !important; z-index: 3 !important; display: block !important; width: 74px !important; height: 74px !important; margin: 0 !important; padding: 0 !important; } .cart-widget-side .mini_cart_item .cart-item-image img { display: block !important; width: 74px !important; height: 74px !important; margin: 0 !important; object-fit: cover !important; border-radius: 10px !important; box-shadow: 0 3px 10px rgba(0, 0, 0, .06) !important; } /* ========================================================= PRODUCT INFO ========================================================= */ .cart-widget-side .mini_cart_item .cart-info { grid-area: info !important; position: relative !important; z-index: 3 !important; direction: rtl !important; min-width: 0 !important; padding-left: 27px !important; text-align: right !important; } /* عنوان محصول */ .cart-widget-side .mini_cart_item .wd-entities-title { display: block !important; margin: 1px 0 7px !important; padding: 0 !important; color: var(--dk-mini-text) !important; font-size: 12.5px !important; font-weight: 700 !important; line-height: 1.7 !important; overflow-wrap: anywhere !important; } /* ========================================================= PRODUCT OPTIONS ========================================================= */ .cart-widget-side .mini_cart_item dl.tc-epo-metadata.variation { display: grid !important; grid-template-columns: minmax(0, 125px) minmax(0, 1fr) !important; align-items: start !important; gap: 5px 7px !important; width: 100% !important; margin: 7px 0 !important; padding: 9px 10px !important; background: var(--dk-mini-soft) !important; border: 1px solid var(--dk-mini-border-soft) !important; border-radius: 9px !important; box-sizing: border-box !important; } .cart-widget-side .mini_cart_item dl.tc-epo-metadata.variation dt, .cart-widget-side .mini_cart_item dl.tc-epo-metadata.variation dd { float: none !important; clear: none !important; width: auto !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; line-height: 1.6 !important; } .cart-widget-side .mini_cart_item dl.tc-epo-metadata.variation dt { color: var(--dk-mini-muted) !important; font-size: 10.5px !important; font-weight: 500 !important; } .cart-widget-side .mini_cart_item dl.tc-epo-metadata.variation dd { color: #34383e !important; font-size: 10.5px !important; font-weight: 600 !important; } .cart-widget-side .mini_cart_item dl.tc-epo-metadata.variation dd p { margin: 0 !important; padding: 0 !important; color: inherit !important; font-size: inherit !important; line-height: inherit !important; overflow-wrap: anywhere !important; } /* ========================================================= QUANTITY + PRICE ========================================================= */ .cart-widget-side .mini_cart_item .cart-info > .quantity { display: inline-flex !important; align-items: center !important; width: auto !important; height: auto !important; min-height: 0 !important; margin: 3px 0 0 !important; padding: 5px 9px !important; color: #686d74 !important; background: #f7f7f8 !important; border-radius: 7px !important; font-size: 10.5px !important; font-weight: 500 !important; line-height: 1.5 !important; } .cart-widget-side .mini_cart_item .cart-info > .quantity .amount { margin-right: 4px !important; color: var(--dk-mini-main) !important; font-size: 11.5px !important; font-weight: 800 !important; } /* ========================================================= REMOVE PRODUCT فقط یک ضربدر ========================================================= */ .cart-widget-side .mini_cart_item .remove_from_cart_button { position: absolute !important; z-index: 7 !important; top: 9px !important; left: 9px !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 25px !important; height: 25px !important; margin: 0 !important; padding: 0 !important; color: transparent !important; background: #f7f7f8 !important; border: 1px solid #e3e5e8 !important; border-radius: 7px !important; font-size: 0 !important; line-height: 1 !important; text-decoration: none !important; box-sizing: border-box !important; } .cart-widget-side .mini_cart_item .remove_from_cart_button::before { content: "×" !important; position: static !important; display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; color: #92979f !important; font-family: Arial, sans-serif !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1 !important; transform: none !important; } .cart-widget-side .mini_cart_item .remove_from_cart_button::after { display: none !important; content: none !important; } .cart-widget-side .mini_cart_item .remove_from_cart_button:hover { background: var(--dk-mini-soft-red) !important; border-color: rgba(151, 12, 50, .23) !important; } .cart-widget-side .mini_cart_item .remove_from_cart_button:hover::before { color: var(--dk-mini-main) !important; } /* ========================================================= FOOTER ========================================================= */ .cart-widget-side .shopping-cart-widget-footer { flex: 0 0 auto !important; position: relative !important; z-index: 5 !important; width: 100% !important; margin: 0 !important; padding: 15px 17px 17px !important; background: #fff !important; border-top: 1px solid var(--dk-mini-border) !important; box-shadow: 0 -7px 20px rgba(0, 0, 0, .025) !important; box-sizing: border-box !important; } /* ========================================================= TOTAL ========================================================= */ .cart-widget-side .woocommerce-mini-cart__total { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; width: 100% !important; margin: 0 0 13px !important; padding: 0 !important; border: 0 !important; } .cart-widget-side .woocommerce-mini-cart__total strong { color: #34383e !important; font-size: 13px !important; font-weight: 700 !important; } .cart-widget-side .woocommerce-mini-cart__total .amount { color: var(--dk-mini-main) !important; font-size: 15px !important; font-weight: 900 !important; } /* ========================================================= FOOTER BUTTONS ========================================================= */ .cart-widget-side .woocommerce-mini-cart__buttons { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .cart-widget-side .woocommerce-mini-cart__buttons .button { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; min-height: 42px !important; margin: 0 !important; padding: 7px 9px !important; border-radius: 9px !important; box-shadow: none !important; font-size: 11.5px !important; font-weight: 700 !important; text-align: center !important; text-transform: none !important; box-sizing: border-box !important; } /* مشاهده سبد */ .cart-widget-side .woocommerce-mini-cart__buttons .btn-cart { color: var(--dk-mini-main) !important; background: #fff !important; border: 1px solid rgba(151, 12, 50, .30) !important; } .cart-widget-side .woocommerce-mini-cart__buttons .btn-cart:hover { color: var(--dk-mini-main-dark) !important; background: var(--dk-mini-soft-red) !important; } /* تسویه حساب */ .cart-widget-side .woocommerce-mini-cart__buttons .checkout { color: #fff !important; background: var(--dk-mini-main) !important; border: 1px solid var(--dk-mini-main) !important; } .cart-widget-side .woocommerce-mini-cart__buttons .checkout:hover { background: var(--dk-mini-main-dark) !important; border-color: var(--dk-mini-main-dark) !important; } /* ========================================================= EMPTY CART ========================================================= */ .cart-widget-side .woocommerce-mini-cart__empty-message { margin: 30px 15px !important; color: var(--dk-mini-muted) !important; font-size: 12px !important; line-height: 1.8 !important; text-align: center !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 600px) { .cart-widget-side { --dk-mini-head-h: 58px; width: min(350px, 86vw) !important; } .cart-widget-side .wd-heading { min-height: var(--dk-mini-head-h) !important; padding: 0 14px !important; } .cart-widget-side .wd-heading .title { font-size: 14px !important; } .cart-widget-side .shopping-cart-widget-body { padding: 11px !important; } .cart-widget-side .mini_cart_item { grid-template-columns: 64px minmax(0, 1fr) !important; gap: 9px !important; padding: 10px !important; } .cart-widget-side .mini_cart_item .cart-item-image, .cart-widget-side .mini_cart_item .cart-item-image img { width: 64px !important; height: 64px !important; } .cart-widget-side .mini_cart_item .wd-entities-title { font-size: 11.5px !important; } .cart-widget-side .mini_cart_item dl.tc-epo-metadata.variation { grid-template-columns: minmax(0, 105px) minmax(0, 1fr) !important; gap: 4px 6px !important; padding: 7px 8px !important; } .cart-widget-side .mini_cart_item dl.tc-epo-metadata.variation dt, .cart-widget-side .mini_cart_item dl.tc-epo-metadata.variation dd { font-size: 9.5px !important; } .cart-widget-side .shopping-cart-widget-footer { padding: 13px 14px 14px !important; } .cart-widget-side .woocommerce-mini-cart__buttons { gap: 6px !important; } .cart-widget-side .woocommerce-mini-cart__buttons .button { min-height: 40px !important; font-size: 10.5px !important; } } /* ========================================================= VERY SMALL MOBILE ========================================================= */ @media (max-width: 380px) { .cart-widget-side { width: min(335px, 88vw) !important; } .cart-widget-side .mini_cart_item { grid-template-columns: 58px minmax(0, 1fr) !important; } .cart-widget-side .mini_cart_item .cart-item-image, .cart-widget-side .mini_cart_item .cart-item-image img { width: 58px !important; height: 58px !important; } .cart-widget-side .mini_cart_item dl.tc-epo-metadata.variation { grid-template-columns: minmax(0, 1fr) !important; } } /* ========================================================= MOBILE MENU جلوگیری از افتادن Header / Support روی منو ========================================================= */ @media (max-width: 1024px) { /* خود منوی موبایل بالاتر از همه */ body:has(.mobile-nav.wd-opened) .mobile-nav.wd-opened { z-index: 2147483000 !important; } /* * Overlay فقط زمانی که منوی موبایل باز است * پایین‌تر از خود منو */ body:has(.mobile-nav.wd-opened) .wd-close-side { z-index: 2147482990 !important; } /* ===================================================== HEADER / TOP BARS ===================================================== */ body:has(.mobile-nav.wd-opened) :is( header, .whb-header, .whb-sticky-header, .elementor-location-header, .wd-header-banner, .header-banner ) { z-index: 100 !important; } /* ===================================================== SUPPORT / CHAT FLOATING ICONS ===================================================== */ body:has(.mobile-nav.wd-opened) :is( .chaty-widget, .chaty-widget-i, .joinchat, .woot-widget-holder, .woot--bubble-holder, .crisp-client, .tawk-min-container ) { z-index: 50 !important; } } /* ========================================================= WHEN WOODMART SEARCH IS OPEN Hide Digify banner + support/chat widgets ========================================================= */ /* بنر دیجی‌کالا */ body:has(.wd-search-full-screen.wd-opened) digify-top-banner, body:has(.wd-search-full-screen-2.wd-opened) digify-top-banner { display: none !important; } /* ========================================================= SUPPORT / CHAT ICON ========================================================= */ body:has(.wd-search-full-screen.wd-opened) :is( #arcontactus, .arcontactus-widget, .arcontactus-message-button, [class*="arcontactus"], .chaty-widget, .chaty-widget-i, [class*="chaty"], .joinchat, [class*="joinchat"], .ht_ctc_chat, .ctc_chat, .crisp-client, .tawk-min-container, [class*="support-widget"], [class*="support-button"], [id*="support-widget"], [id*="support-button"] ), body:has(.wd-search-full-screen-2.wd-opened) :is( #arcontactus, .arcontactus-widget, .arcontactus-message-button, [class*="arcontactus"], .chaty-widget, .chaty-widget-i, [class*="chaty"], .joinchat, [class*="joinchat"], .ht_ctc_chat, .ctc_chat, .crisp-client, .tawk-min-container, [class*="support-widget"], [class*="support-button"], [id*="support-widget"], [id*="support-button"] ) { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: scale(.9) !important; } /* موبایل */ @media (max-width: 1024px) { body:has(.wd-search-full-screen.wd-opened) digify-top-banner, body:has(.wd-search-full-screen-2.wd-opened) digify-top-banner { display: none !important; } }@media (min-width: 1025px) { .wd-dropdown-menu.wd-design-sized:not(.wd-scroll), .wd-dropdown-menu.wd-design-sized.wd-scroll .wd-dropdown-inner { padding: 0px 15px 0px 15px; } .site-logo { margin-top:-20px; } .otherdemoes a { background-color: #f01919; border-radius: 10px; padding: 0px 8px; color: white !important; font-size: 14px; font-family: iranyekan; } .wd-post-content h3 a { font-size: 16px !important; } .menu-opener .menu-opener-icon:before{ content: ""; position: absolute; top: 50%; right: 0; width: 112px; height: 50px; transform: translateY(-50%); border-radius: 0 60px 60px 0; box-shadow: 17px 0 30px -14px rgb(0 0 0 / 28%); transition: 0.3s; pointer-events: none; } .menu-opener,.wd-dropdown-cats { min-width: 210px !important; } .wd-nav-vertical.wd-design-default { border-radius:20px !important; } .infode .info-box-content{ background-color: white; padding:20px } .wd-tools-element:is(.wd-design-6,.wd-design-7):not(.wd-with-wrap) .wd-tools-icon{ box-shadow: 0 0 0 4px #fff, 0 0 0 5px #eee, 0 0 0 8px #fff, 0 0 0 9px #f5f5f5; } .menu-opener .menu-opener-icon:before { box-shadow: 17px 0 30px -14px rgba(0, 0, 0, 0.2);} .whb-general-header:before { content: ""; position: absolute; bottom: 0px; right: -435px; left: -420px; height: 6px; background-color: #a2a2a2; background-image: linear-gradient(to right, #8E2DE2 0%, #8E2DE2 8.33%, #E0224F 17.19%, #E0224F 25.52%, #EBD513 34.9%, #EED816 46.88%, #1BEC23 59.9%, #1BEC23 72.4%, #1B52BB 84.9%, #1B52BB 96.36%); border-radius: 100%} .whb-general-header:after{ content: ""; position: absolute; bottom: px; right: -435px; left: -420px; height: 9px; background-color: #a2a2a2; background-image: linear-gradient(to right, #8E2DE2 0%, #8E2DE2 8.33%, #E0224F 17.19%, #E0224F 25.52%, #EBD513 34.9%, #EED816 46.88%, #1BEC23 59.9%, #1BEC23 72.4%, #1B52BB 84.9%, #1B52BB 96.36%); border-radius: 100%; filter: blur(12px); opacity: 0.5; } .wd-nav-wrapper.wd-nav-tabs-wrapper.text-center{ border: 1px solid #E8E2E2; border-radius:10px; padding:8px } } @media (max-width: 576px) { /* ======================================== WOODMART AJAX SEARCH - MOBILE REDESIGN ======================================== */ @media (max-width: 767px) { /* فضای کلی نتایج */ body .wd-search-full-screen .wd-search-results-wrapper, body .wd-search-full-screen-2 .wd-search-results-wrapper { padding: 10px 12px !important; box-sizing: border-box !important; } /* لیست نتایج - یک محصول در هر ردیف */ body .wd-search-full-screen .autocomplete-suggestions, body .wd-search-full-screen-2 .autocomplete-suggestions { display: grid !important; grid-template-columns: 1fr !important; gap: 9px !important; width: 100% !important; padding: 0 !important; margin: 0 !important; box-sizing: border-box !important; } /* کارت هر محصول - نسخه‌های جدید WoodMart */ body .wd-search-full-screen .autocomplete-suggestions > *:has(.wd-suggestion-content), body .wd-search-full-screen-2 .autocomplete-suggestions > *:has(.wd-suggestion-content), body .wd-search-full-screen .wd-suggestion:has(.wd-suggestion-content), body .wd-search-full-screen-2 .wd-suggestion:has(.wd-suggestion-content) { display: grid !important; grid-template-columns: 88px minmax(0, 1fr) !important; gap: 11px !important; align-items: center !important; direction: rtl !important; width: 100% !important; min-height: 104px !important; padding: 8px !important; margin: 0 !important; background: #fff !important; border: 1px solid #ededed !important; border-radius: 13px !important; box-shadow: 0 3px 12px rgba(0,0,0,.055) !important; box-sizing: border-box !important; overflow: hidden !important; } /* اگر لینک داخلی خودش wrapper اصلی باشد */ body .wd-search-full-screen .autocomplete-suggestions a:has(> .wd-suggestion-content), body .wd-search-full-screen-2 .autocomplete-suggestions a:has(> .wd-suggestion-content) { display: grid !important; grid-template-columns: 88px minmax(0, 1fr) !important; gap: 11px !important; align-items: center !important; direction: rtl !important; width: 100% !important; } /* ====================== تصویر محصول ====================== */ body .wd-search-full-screen .wd-suggestion-thumb, body .wd-search-full-screen-2 .wd-suggestion-thumb, body .wd-search-full-screen [class*="suggestion-thumb"], body .wd-search-full-screen-2 [class*="suggestion-thumb"] { width: 88px !important; height: 88px !important; min-width: 88px !important; margin: 0 !important; padding: 0 !important; border-radius: 10px !important; overflow: hidden !important; background: #f6f6f6 !important; } body .wd-search-full-screen .wd-suggestion-thumb img, body .wd-search-full-screen-2 .wd-suggestion-thumb img, body .wd-search-full-screen [class*="suggestion-thumb"] img, body .wd-search-full-screen-2 [class*="suggestion-thumb"] img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 10px !important; } /* ====================== متن محصول ====================== */ body .wd-search-full-screen .wd-suggestion-content, body .wd-search-full-screen-2 .wd-suggestion-content { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; padding: 3px 2px !important; margin: 0 !important; text-align: center !important; direction: rtl !important; } /* عنوان */ body .wd-search-full-screen .wd-suggestion-content .wd-entities-title, body .wd-search-full-screen-2 .wd-suggestion-content .wd-entities-title { width: 100% !important; margin: 0 0 8px !important; font-size: 13.5px !important; line-height: 1.65 !important; font-weight: 700 !important; color: #2d2d2d !important; text-align: center !important; display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; overflow: hidden !important; } body .wd-search-full-screen .wd-suggestion-content .wd-entities-title a, body .wd-search-full-screen-2 .wd-suggestion-content .wd-entities-title a { color: #2d2d2d !important; font-size: inherit !important; font-weight: inherit !important; } /* ====================== قیمت ====================== */ body .wd-search-full-screen .wd-suggestion-content .price, body .wd-search-full-screen-2 .wd-suggestion-content .price { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: fit-content !important; max-width: 100% !important; margin: 0 auto !important; padding: 6px 11px !important; background: #4e091c !important; color: #fff !important; border-radius: 7px !important; font-size: 12px !important; line-height: 1.3 !important; font-weight: 700 !important; white-space: nowrap !important; box-sizing: border-box !important; } body .wd-search-full-screen .wd-suggestion-content .price span, body .wd-search-full-screen .wd-suggestion-content .price bdi, body .wd-search-full-screen .wd-suggestion-content .price ins, body .wd-search-full-screen-2 .wd-suggestion-content .price span, body .wd-search-full-screen-2 .wd-suggestion-content .price bdi, body .wd-search-full-screen-2 .wd-suggestion-content .price ins { color: #fff !important; font-size: inherit !important; } /* قیمت قبلی در تخفیف */ body .wd-search-full-screen .price del, body .wd-search-full-screen-2 .price del { color: rgba(255,255,255,.65) !important; font-size: .82em !important; margin-left: 5px !important; } /* مشاهده همه نتایج */ body .wd-search-full-screen .view-all-results, body .wd-search-full-screen-2 .view-all-results, body .wd-search-full-screen [class*="view-all"], body .wd-search-full-screen-2 [class*="view-all"] { width: 100% !important; margin-top: 3px !important; padding: 11px !important; background: #f7f7f7 !important; border: 1px solid #e9e9e9 !important; border-radius: 9px !important; color: #4e091c !important; text-align: center !important; font-size: 12px !important; font-weight: 700 !important; } } @media (max-width: 767px) { /* ========================= پایین‌تر آوردن نتایج ========================= */ body .wd-search-full-screen .wd-search-results-wrapper:has(.wd-fill), body .wd-search-full-screen-2 .wd-search-results-wrapper:has(.wd-fill) { transform: translateY(30px) !important; } /* ========================= والد لیست محصولات تک ستونه ========================= */ body .wd-search-full-screen *:has(> * > a.wd-fill), body .wd-search-full-screen-2 *:has(> * > a.wd-fill) { display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; width: 100% !important; max-width: 100% !important; gap: 10px !important; } /* ========================= خود کارت محصول ========================= */ body .wd-search-full-screen *:has(> a.wd-fill), body .wd-search-full-screen-2 *:has(> a.wd-fill) { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } } @media (max-width: 767px) { /* دکمه بستن سرچ AJAX */ .wd-search-full-screen .wd-close-search, .wd-search-full-screen-2 .wd-close-search, .wd-search-full-screen .search-close, .wd-search-full-screen-2 .search-close, .wd-search-full-screen .wd-search-close, .wd-search-full-screen-2 .wd-search-close { top: 75px !important; z-index: 99999 !important; } } }