.woocommerce-product-gallery { position: relative; z-index: 10; display: block; margin-bottom: 100px; clear: both; } #reviews { position: relative; z-index: 5; display: block; clear: both; margin-top: 100px; padding-top: 60px; width: 100%; } .woocommerce-Reviews { position: relative; z-index: 5; display: block; clear: both; margin-top: 100px; padding-top: 60px; width: 100%; } .woocommerce-review { position: relative; z-index: 5; display: block; clear: both; margin-bottom: 30px; } ol.commentlist { position: relative; z-index: 5; display: block; clear: both; } .woocommerce-Reviews-title { position: relative; z-index: 5; display: block; clear: both; margin-bottom: 40px; } .woocommerce ul.products li.product-category .count, .woocommerce-loop-category__title .count { display: none !important; } .wf_pagetitle_title { display: none !important; } .wf_pagetitle { display: block !important; } /* جعل علامة التخفيض مائلة في الزاوية اليمنى العليا */ .onsale { background-color: #e61e1e !important; color: #fff !important; padding: 5px 35px !important; position: absolute !important; top: 15px !important; /* المسافة من الأعلى */ right: -30px !important; /* نقلها لليمين */ left: auto !important; /* إلغاء أي ضبط لجهة اليسار */ transform: rotate(45deg) !important; /* إمالة لجهة اليمين */ z-index: 999 !important; font-weight: bold !important; font-size: 13px !important; text-align: center !important; min-width: 120px !important; } /* التأكد من عدم خروج الشريط المائل عن حدود إطار المنتج */ .product, .fable-extra-woocomerce-list__product-image { position: relative !important; overflow: hidden !important; } .wf-col-lg-3.wf-col-sm-6.wf-col-12 { width: 100% !important; flex: 0 0 100% !important; max-width: 100% !important; } .woocommerce div.product div.images img { max-width: 400px !important; width: 400px !important; } .woocommerce div.product div.images { width: 400px !important; max-width: 400px !important; } /* إخفاء كارت تصنيف أساسيات المطبخ بالكامل من الصفحة الرئيسية */ .home .product-category:has(a[href*="kitchen-essentials"]), .home .product-category:has(a[href*="%d8%a7%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa"]), .home .wd-cat-grid-item:has(a[href*="kitchen-essentials"]), .home .wd-cat-grid-item:has(a[href*="%d8%a7%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa"]), .home [class*="cat"]:has(a[href*="kitchen-essentials"]), .home [class*="cat"]:has(a[href*="%d8%a7%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa"]) { display: none !important; } li.product-category:has(a[href*="drinks"]) { display: none !important; } /* إخفاء الـ label الأحمر */ .variations .label { display: none !important; } /* زرار إضافة إلى السلة - أصفر */ .single_add_to_cart_button { background: linear-gradient(to bottom, #FFE14D, #FFD814) !important; color: #111 !important; border: 1px solid #FCD200 !important; border-radius: 8px !important; padding: 10px 24px !important; font-size: 14px !important; font-weight: 500 !important; width: 100% !important; } /* السعر الجديد */ ins .woocommerce-Price-amount { color: #C45500 !important; font-size: 22px !important; font-weight: 600 !important; } /* السعر القديم */ del { display: inline !important; } del .woocommerce-Price-amount { color: #999 !important; font-size: 14px !important; } /* إخفاء إزالة */ .reset_variations { display: none !important; } /* Dropdowns */ .variations select { border: 1px solid #888 !important; border-radius: 8px !important; padding: 8px 12px !important; font-size: 14px !important; color: #0F1111 !important; background-color: #fff !important; width: 100% !important; } .wf_mobilenav-topbar-content { display: block !important; } .wf_mobilenav-topbar-toggle { display: none !important; } .wf_mobilenav-topbar-content { padding: 0 !important; margin-top: -50px !important; } .mobile-bottom-nav li:has(.fa-exchange), .mobile-bottom-nav li:has(.fa-search), .mobile-bottom-nav li:has(.fa-heart), .mobile-bottom-nav li:has(.fa-store) { display: none !important; } .mobile-bottom-nav li:has(.fa-grid-2) { display: none !important; } .mobile-bottom-nav .fa-cart-shopping:before { content: "🛒"; font-style: normal; } .mobile-bottom-nav .fa-home:before { content: "🏠"; font-style: normal; } @media (max-width: 767px) { .summary.entry-summary { margin-top: 100px; } } #wf_uptop { display: none !important; } /* تغيير لون السعر إلى الأسود في جميع صفحات المتجر */ .woocommerce-Price-amount, .price, .price ins, .price bdi { color: #000000 !important; } /* التأكد من تغيير لون السعر حتى في حالة وجود تخفيض */ .woocommerce-loop-product__title + .price, .summary .price { color: #000000 !important; }a .woocommerce-Price-amount, button .woocommerce-Price-amount, .button .woocommerce-Price-amount, .checkout-button .woocommerce-Price-amount { color: inherit !important; } .product-categories nav.wf_navbar-nav { display: none !important; } .product-categories:hover nav.wf_navbar-nav, .product-categories:focus-within nav.wf_navbar-nav { display: block !important; } .woocommerce-product-gallery__wrapper { overflow: hidden; } .woocommerce-product-gallery__image img.wp-post-image { width: 1000% !important; height: auto !important; max-height: 400x; object-fit: contain; display: block; margin: 0 auto; } .summary.entry-summary { margin-top: 10px !important; padding-top: 0 !important; } .summary.entry-summary h1.product_title { line-height: 1.2 !important; margin-bottom: 11px !important; } .pc-trust-badges { display: flex; justify-content: flex-start; gap: 30px; margin: 15px 0; padding: 15px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; direction: rtl; } .pc-badge { display: flex; flex-direction: column; align-items: center; text-align: center; width: 85px; } .pc-badge .dashicons { font-size: 28px; width: 28px; height: 28px; color: #555; margin-bottom: 6px; } .pc-badge p { font-size: 12px; margin: 0; line-height: 1.4; color: #333; } .pswp__button--close { display: block !important; opacity: 1 !important; visibility: visible !important; z-index: 99999 !important; background-color: rgba(0,0,0,0.5) !important; } .pswp__top-bar { display: flex !important; opacity: 1 !important; } .product_title.entry-title { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Arial, sans-serif !important; font-weight: 400 !important; font-size: px !important; line-height: 1.5 !important; color: #0F1111 !important; } #menu-services-menu { position: relative; padding-top: 50px; } #menu-services-menu::before { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 280px; height: 38px; background-image: url('https://upload.wikimedia.org/wikipedia/commons/3/3c/Download_on_the_App_Store_Badge.svg'), url('https://upload.wikimedia.org/wikipedia/commons/7/78/Google_Play_Store_badge_EN.svg'); background-repeat: no-repeat, no-repeat; background-size: 130px auto, 130px auto; background-position: left center, right center; } /* ===== محاذاة النافبار لليمين وإزالة الفراغ ===== */ nav.wf_navbar-nav { width: 100% !important; } ul.wf_navbar-mainmenu { justify-content: flex-end !important; flex-wrap: nowrap !important; width: 100% !important; gap: 0 !important; padding: 0 !important; margin: 0 !important; } /* تصغير المسافة بين العناصر عشان كلها تتسع في سطر واحد */ ul.wf_navbar-mainmenu > li > a { padding-right: 11px !important; padding-left: 9px !important; font-size: 13.5px !important; } /* إخفاء مربع Home من الصفحة الرئيسية */ .home #wf_pagetitle { display: none !important; } section#wf_pagetitle { padding-top: 1px !important; padding-bottom: 1px !important; min-height: unset !important; } h1.page-title { line-height: 1.2 !important; } aside#block-22 { padding: 0 !important; } aside#block-22 figure.wp-block-image { width: 100% !important; margin: 0 !important; } aside#block-22 figure.wp-block-image a { display: block !important; } aside#block-22 figure.wp-block-image img { width: 100% !important; height: auto !important; display: block !important; } aside#block-42 { padding: 0 !important; } aside#block-42 figure.wp-block-image { width: 100% !important; margin: 0 !important; } aside#block-42 figure.wp-block-image a { display: block !important; } aside#block-42 figure.wp-block-image img { width: 100% !important; height: auto !important; display: block !important; } .woocommerce-MyAccount-content{ display:flex; flex-direction:column; } .prymecart-welcome{ order:-1; } .prymecart-welcome { background: linear-gradient(135deg, #6D28D9 0%, #8B5CF6 50%, #A855F7 100%); border-radius: 28px; padding: 45px 30px; text-align: center; color: #fff; margin-bottom: 35px; position: relative; overflow: hidden; box-shadow: 0 12px 30px rgba(124, 58, 237, 0.18); } /* الدوائر الخلفية */ .prymecart-welcome::before, .prymecart-welcome::after { content: ""; position: absolute; border-radius: 50%; background: rgba(255, 255, 255, 0.08); } .prymecart-welcome::before { width: 220px; height: 220px; top: -90px; right: -70px; } .prymecart-welcome::after { width: 180px; height: 180px; bottom: -90px; left: -60px; } /* عنوان الترحيب */ .prymecart-welcome h2 { font-size: 38px; font-weight: 700; color: #fff; margin-bottom: 12px; line-height: 1.4; position: relative; z-index: 2; } /* البريد الإلكتروني */ .prymecart-welcome .user-email { font-size: 42px; font-weight: 700; color: #fff; margin-bottom: 18px; line-height: 1.2; word-break: break-word; position: relative; z-index: 2; } /* النص أسفل البريد */ .prymecart-welcome p { font-size: 20px; color: rgba(255, 255, 255, 0.92); line-height: 1.8; margin: 0; position: relative; z-index: 2; } /* الموبايل */ @media (max-width: 768px) { .prymecart-welcome { padding: 35px 20px; border-radius: 22px; } .prymecart-welcome h2 { font-size: 30px; } .prymecart-welcome .user-email { font-size: 28px; } .prymecart-welcome p { font-size: 17px; } } .pryme-btn-invoice, .pryme-btn-invoice:visited, .pryme-btn-invoice:hover { background: #6B2D8B !important; color: #fff !important; border: none !important; padding: 12px 20px !important; border-radius: 12px !important; font-weight: 700 !important; text-decoration: none !important; display: inline-block !important; } @media print { body::before { content: ""; display: block; width: 220px; height: 80px; margin: 0 auto 30px; background: url('https://prymecart.com/wp-content/uploads/your-logo.png') no-repeat center; background-size: contain; } } @media (max-width: 767px) { .woocommerce ul.products[class*="columns-"] li.product-category, .woocommerce-page ul.products[class*="columns-"] li.product-category { width: 47% !important; float: right !important; margin-left: 3% !important; margin-right: 0 !important; margin-bottom: 20px !important; /* مسافة بسيطة بين الصفوف */ } .woocommerce ul.products[class*="columns-"] li.product-category:nth-child(2n), .woocommerce-page ul.products[class*="columns-"] li.product-category:nth-child(2n) { margin-left: 0 !important; } .woocommerce ul.products li.product-category img { max-width: 140px !important; /* كبرنا الحجم هنا لتظهر بوضوح */ width: 100% !important; height: auto !important; margin: 0 auto 10px auto !important; } .woocommerce ul.products li.product-category h2.woocommerce-loop-category__title { font-size: 15px !important; font-weight: bold !important; text-align: center !important; } } /* 1. إخفاء تصنيف عروض اليوم تماماً بناءً على الرابط */ li.product-category:has(a[href*="offers-today"]), .slug-offers-today, .category-offers-today { display: none !important; } /* 2. إجبار الشبكة على ملء الفراغات وإعادة الترتيب بالتساوي */ ul.products, .products-grid { display: flex !important; flex-wrap: wrap !important; } /* 3. إلغاء الفواصل التلقائية القديمة لكي تصعد العناصر لأعلى */ ul.products li.product-category { clear: none !important; } /* إزالة المسافات البيضاء من الإطار المحيط بالصورة */ aside#media_image-3 { padding: 0 !important; margin: 0 !important; } /* إجبار الصورة المحددة على ملء كامل العرض والارتفاع */ aside#media_image-3 img.wp-image-539 { width: 100% !important; max-width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; } /* كود ذكي للموبايل: يصلح مسافات المنتجات ويحمي الصفحة الرئيسية تماماً */ @media (max-width: 767px) { /* استثناء الصفحة الرئيسية باستخدام :not(.home) */ .woocommerce-page:not(.home) ul.products { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; /* عمودين بالتساوي */ gap: 14px !important; /* المسافة الفاصلة بين المنتجات */ padding: 10px !important; } /* ضبط المنتجات فقط خارج الصفحة الرئيسية */ .woocommerce-page:not(.home) ul.products li.product { width: 100% !important; float: none !important; margin: 0 !important; } /* إلغاء العناصر الوهمية خارج الصفحة الرئيسية */ .woocommerce-page:not(.home) ul.products::before, .woocommerce-page:not(.home) ul.products::after { display: none !important; } } .elementor-element-1bf2fa0 { width: 100% !important; max-width: 100% !important; } .elementor-element-1bf2fa0 img { width: 100% !important; max-width: 100% !important; } img[src*="product-category"] { display: none !important; } .prymecart-seo-wrapper { background: #f9f5fc; border: 1px solid #e5d4f0; border-radius: 12px; padding: 20px; max-width: 1000px; margin: 40px auto; } .prymecart-seo-wrapper h3.seo-title { color: #6B2D8B; font-size: 18px; font-weight: bold; margin-bottom: 10px; } .prymecart-seo-text { max-height: 0; overflow: hidden; transition: max-height 0.4s ease; font-size: 13px; color: #555; line-height: 1.9; } .prymecart-seo-text.seo-open { max-height: 3000px; margin-top: 10px; } .prymecart-seo-text h2 { font-size: 14px; color: #6B2D8B; margin-top: 12px; } .seo-toggle-btn { background: none; border: none; color: #6B2D8B; font-weight: bold; cursor: pointer; font-size: 13px; padding: 0; } /* كود ذكي لإخفاء كارت الأكثر مبيعاً بناءً على الرابط بتاعه */ .elementor-grid-item:has(a[href*="bestsellers"]), .elementor-column:has(a[href*="bestsellers"]), li.product-category:has(a[href*="bestsellers"]), .wb-carousel-item:has(a[href*="bestsellers"]) { display: none !important; } li.product-category:has(a[href*="rice-and-pasta"]) { display: none !important; } /* ==== تنسيق صور تصنيفات السوبر ماركت - النسخة الكاملة والنهائية ==== */ img.supermarket-cat, .supermarket-cat img { position: relative; width: 100%; max-width: 190px; aspect-ratio: 1 / 1; border-radius: 50%; background: radial-gradient(circle at 30% 30%, #e8d5f2 0%, #c9a3dd 55%, #a774c9 100%); padding: 28px; object-fit: contain; box-shadow: 0 8px 20px rgba(107, 45, 139, 0.15); mix-blend-mode: multiply; transition: transform 0.3s ease, box-shadow 0.3s ease; } img.supermarket-cat:hover, .supermarket-cat img:hover { transform: translateY(-6px) scale(1.03); box-shadow: 0 14px 28px rgba(107, 45, 139, 0.25); } .supermarket-cat .cat-title, .supermarket-cat .elementor-image-box-title { text-align: center; font-weight: 700; font-size: 26px; color: #2b2b2b; margin-top: 14px; } .supermarket-cat .cat-badge { position: absolute; top: 8px; left: 8px; background: #6B2D8B; color: #fff; font-size: 12px; font-weight: 700; padding: 4px 12px; border-radius: 20px; box-shadow: 0 3px 8px rgba(0,0,0,0.2); z-index: 2; } .supermarket-cat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 24px; justify-items: center; padding: 20px 0; } @media (max-width: 768px) { img.supermarket-cat, .supermarket-cat img { max-width: 160px; padding: 25px; } .supermarket-cat .cat-title, .supermarket-cat .elementor-image-box-title { font-size: 24px; } } /* تغيير لون زرار البحث لبنفسجي هوية PrymeCart */ .header-search-button { background-color: #6B2D8B !important; border-color: #6B2D8B !important; } .header-search-button:hover { background-color: #591f75 !important; } .header-search-button i.fa-search { color: #ffffff !important; } /* ============================================ PrymeCart - كود CSS الكامل والموحد ============================================ */ /* ==== 1) تصنيفات السوبر ماركت (الدوائر) ==== */ img.supermarket-cat, .supermarket-cat img { position: relative; width: 100%; max-width: 190px; aspect-ratio: 1 / 1; border-radius: 50%; background: radial-gradient(circle at 30% 30%, #e8d5f2 0%, #c9a3dd 55%, #a774c9 100%); padding: 28px; object-fit: contain; box-shadow: 0 8px 20px rgba(107, 45, 139, 0.15); mix-blend-mode: multiply; transition: transform 0.3s ease, box-shadow 0.3s ease; } img.supermarket-cat:hover, .supermarket-cat img:hover { transform: translateY(-6px) scale(1.03); box-shadow: 0 14px 28px rgba(107, 45, 139, 0.25); } .supermarket-cat .cat-title, .supermarket-cat .elementor-image-box-title { text-align: center; font-weight: 700; font-size: 26px; color: #2b2b2b; margin-top: 14px; } .supermarket-cat .cat-badge { position: absolute; top: 8px; left: 8px; background: #6B2D8B; color: #fff; font-size: 12px; font-weight: 700; padding: 4px 12px; border-radius: 20px; box-shadow: 0 3px 8px rgba(0,0,0,0.2); z-index: 2; } .supermarket-cat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 24px; justify-items: center; padding: 20px 0; } @media (max-width: 768px) { img.supermarket-cat, .supermarket-cat img { max-width: 160px; padding: 25px; } .supermarket-cat .cat-title, .supermarket-cat .elementor-image-box-title { font-size: 24px; } @media (max-width: 767px) { .noon-slider ul.products { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; scroll-snap-type: x mandatory !important; -webkit-overflow-scrolling: touch !important; gap: 10px !important; padding-bottom: 15px !important; } .noon-slider ul.products li.product { flex: 0 0 45% !important; /* يعرض منتجين كاملين ويظهر جزء بسيط من الثالث عشان يعمل سواب */ max-width: 45% !important; scroll-snap-align: start !important; } } }} /* ============================================ PrymeCart - كود CSS الكامل والموحد ============================================ */ /* ==== 1) تصنيفات السوبر ماركت (الدوائر) ==== */ img.supermarket-cat, .supermarket-cat img { position: relative; width: 100%; max-width: 190px; aspect-ratio: 1 / 1; border-radius: 50%; background: radial-gradient(circle at 30% 30%, #e8d5f2 0%, #c9a3dd 55%, #a774c9 100%); padding: 28px; object-fit: contain; box-shadow: 0 8px 20px rgba(107, 45, 139, 0.15); mix-blend-mode: multiply; transition: transform 0.3s ease, box-shadow 0.3s ease; } img.supermarket-cat:hover, .supermarket-cat img:hover { transform: translateY(-6px) scale(1.03); box-shadow: 0 14px 28px rgba(107, 45, 139, 0.25); } .supermarket-cat .cat-title, .supermarket-cat .elementor-image-box-title { text-align: center; font-weight: 700; font-size: 26px; color: #2b2b2b; margin-top: 14px; } .supermarket-cat .cat-badge { position: absolute; top: 8px; left: 8px; background: #6B2D8B; color: #fff; font-size: 12px; font-weight: 700; padding: 4px 12px; border-radius: 20px; box-shadow: 0 3px 8px rgba(0,0,0,0.2); z-index: 2; } .supermarket-cat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 24px; justify-items: center; padding: 20px 0; } @media (max-width: 768px) { img.supermarket-cat, .supermarket-cat img { max-width: 160px; padding: 25px; } .supermarket-cat .cat-title, .supermarket-cat .elementor-image-box-title { font-size: 24px; } } /* ==== 2) خانة البحث بالكامل ==== */ .header-search-form { max-width: 480px; margin: 0 auto; } .search-wrapper { display: flex; align-items: stretch; border: 1.5px solid #d8c3e6; border-radius: 10px; overflow: hidden; background: #ffffff; box-shadow: 0 2px 8px rgba(107, 45, 139, 0.08); transition: box-shadow 0.2s ease, border-color 0.2s ease; } .search-wrapper:focus-within { border-color: #6B2D8B; box-shadow: 0 4px 14px rgba(107, 45, 139, 0.18); } .search-wrapper input[type="text"], .search-wrapper input[type="search"] { flex: 1; border: none; outline: none; color: #2b2b2b; font-size: 15px; padding: 12px 16px; background: transparent; } .search-wrapper input::placeholder { color: #8a8a8a; } /* زرار البحث - مربع ثابت، بدون أي تشويه من الثيم */ .header-search-button { background-color: #6B2D8B !important; border: none !important; border-radius: 0 !important; padding: 0 !important; width: 52px !important; height: 52px !important; min-width: 52px !important; max-width: 52px !important; display: flex !important; align-items: center !important; justify-content: center !important; align-self: stretch; transform: none !important; -webkit-transform: none !important; clip-path: none !important; box-sizing: border-box !important; transition: background-color 0.2s ease; } .header-search-button:hover { background-color: #591f75 !important; } .header-search-button i.fa-search { color: #ffffff !important; font-size: 16px !important; line-height: 1 !important; margin: 0 !important; transform: none !important; } /* ============================================ PrymeCart - كود CSS الكامل والموحد ============================================ */ /* ==== 1) تصنيفات السوبر ماركت (الدوائر) ==== */ img.supermarket-cat, .supermarket-cat img { position: relative; width: 100%; max-width: 190px; aspect-ratio: 1 / 1; border-radius: 50%; background: radial-gradient(circle at 30% 30%, #e8d5f2 0%, #c9a3dd 55%, #a774c9 100%); padding: 28px; object-fit: contain; box-shadow: 0 8px 20px rgba(107, 45, 139, 0.15); mix-blend-mode: multiply; transition: transform 0.3s ease, box-shadow 0.3s ease; } img.supermarket-cat:hover, .supermarket-cat img:hover { transform: translateY(-6px) scale(1.03); box-shadow: 0 14px 28px rgba(107, 45, 139, 0.25); } .supermarket-cat .cat-title, .supermarket-cat .elementor-image-box-title { text-align: center; font-weight: 700; font-size: 26px; color: #2b2b2b; margin-top: 14px; } .supermarket-cat .cat-badge { position: absolute; top: 8px; left: 8px; background: #6B2D8B; color: #fff; font-size: 12px; font-weight: 700; padding: 4px 12px; border-radius: 20px; box-shadow: 0 3px 8px rgba(0,0,0,0.2); z-index: 2; } .supermarket-cat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 24px; justify-items: center; padding: 20px 0; } @media (max-width: 768px) { img.supermarket-cat, .supermarket-cat img { max-width: 160px; padding: 25px; } .supermarket-cat .cat-title, .supermarket-cat .elementor-image-box-title { font-size: 24px; } } /* ==== 2) دمج خانة البحث والزرار في وحدة واحدة ==== */ .header-search-form.product-search > form { display: flex !important; align-items: stretch !important; border: 1.5px solid #d8c3e6; border-radius: 10px; overflow: hidden; background: #ffffff; max-width: 480px; margin: 0 auto; } .header-search-form.product-search > form .search-wrapper { flex: 1; border: none !important; box-shadow: none !important; border-radius: 0 !important; } .search-wrapper input[type="text"], .search-wrapper input[type="search"] { border: none; outline: none; width: 100%; color: #2b2b2b; font-size: 15px; padding: 12px 16px; background: transparent; } .search-wrapper input::placeholder { color: #8a8a8a; } /* الزرار - صغير، جوه نفس الصندوق، بدون إزاحة من الثيم */ .header--six .header-search-form .header-search-button, .header-search-button { position: static !important; top: 0 !important; right: 0 !important; width: 44px !important; height: 44px !important; min-width: 44px !important; background-color: #6B2D8B !important; border: none !important; border-radius: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0; transition: background-color 0.2s ease; } .header-search-button:hover { background-color: #591f75 !important; } .header-search-button i.fa-search { color: #ffffff !important; font-size: 14px !important; line-height: 1 !important; margin: 0 !important; } /* ==== 3) إخفاء خانة اختيار الفئة بجانب البحث ==== */ .header-search-select-wrapper { display: none !important; } /* ==== 4) إخفاء زرار القائمة الجانبية (الهامبرجر) ==== */ .wf_navbar-sidebar-toggle { display: none !important; } /* 1. إخفاء الزرار تماماً على الكمبيوتر */ @media (min-width: 768px) { #trp-floater-ls, .trp-language-switcher, .trp-floating-language-switcher { display: none !important; } } /* 2. ضبط مكان اللغة على الموبايل وجعلها تختفي مع النزول لأسفل */ @media (max-width: 767px) { #trp-floater-ls, .trp-language-switcher, .trp-floating-language-switcher { display: block !important; position: absolute !important; /* التغيير هنا لـ absolute لكي يثبت في الهيدر ويختفي عند السكرول */ top: 102px !important; left: 65px !important; bottom: auto !important; right: auto !important; z-index: 999999 !important; background: transparent !important; box-shadow: none !important; border: none !important; width: auto !important; max-width: none !important; } /* تنسيق خيارات اللغة الداخلية ومنع اختفاء أو قطع الأحرف */ #trp-floater-ls a, .trp-language-switcher a { padding: 0px !important; font-size: 13px !important; font-weight: 600 !important; background: transparent !important; color: #333333 !important; border: none !important; box-shadow: none !important; white-space: nowrap !important; width: auto !important; display: flex !important; align-items: center !important; } /* تنسيق حجم العلم وتوسيطه مع الكلام */ #trp-floater-ls img, .trp-language-switcher img { max-width: 18px !important; height: auto !important; margin-left: 4px !important; margin-right: 0px !important; } } .variations select { display: none !important; } .custom-swatch-title { font-size: 15px; font-weight: 600; color: #2d3748; margin-top: 4px; margin-bottom: 10px; } .custom-swatch-title .selected-value { color: #6b46c1; font-weight: 700; } .custom-swatch-wrapper { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 4px; } .custom-swatch-item { height: 40px; min-width: 40px; padding: 0 14px; border: 1px solid #e2e8f0; background-color: #ffffff; color: #4a5568; border-radius: 999px; cursor: pointer; font-size: 13px; font-weight: 500; line-height: 1; transition: all 0.2s ease; user-select: none; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02); } .custom-swatch-item:hover { border-color: #b794f4; color: #6b46c1; background-color: #faf5ff; } .custom-swatch-item.selected { border-color: #6b46c1; background-color: #f3e8ff; color: #6b46c1; font-weight: 600; box-shadow: 0 3px 8px rgba(107, 70, 193, 0.15); } /* تخفيف الخطوط الفاصلة بين الأقسام (لو الفاصل تبع ووكومرس نفسه) */ table.variations tr { border: none !important; } /* توحيد خلفية جدول الخيارات مع خلفية صفحة المنتج */ .variations, .variations tr, .variations td, .variations th, table.variations, .woocommerce-variation-add-to-cart, .single_variation_wrap { background-color: #ffffff !important; background: none !important; } .custom-swatch-item { background-color: #ffffff !important; } /* شيل الخطوط الفاصلة بين أقسام اللون/الرام/التخزين */ .variations tr, .variations td, table.variations tbody tr, table.variations tbody td { border: none !important; border-bottom: none !important; border-top: none !important; box-shadow: none !important; } /* تقريب المسافات بين أقسام اللون / الرام / التخزين */ table.variations tr, table.variations td, table.variations th { padding: 0 !important; margin: 0 !important; line-height: normal !important; } .custom-swatch-title { margin-top: 0 !important; margin-bottom: 8px !important; } .custom-swatch-wrapper { margin-bottom: 0 !important; } table.variations tr { display: block; margin-bottom: 14px !important; } /* تنسيق عام لعنصر اللغة */ .trp-language-switcher .trp-language-item { display: flex !important; align-items: center; gap: 6px; } /* إخفاء أي علم/إيموجي قديم */ .trp-language-switcher .trp-language-item img { display: none !important; } /* علم مصر دائري - عربي */ .trp-language-switcher .trp-language-item[title="AR"]::before { content: "" !important; display: inline-block !important; width: 18px; height: 18px; background-image: url('https://flagcdn.com/w40/eg.png'); background-size: cover; background-position: center; border-radius: 50%; box-shadow: 0 0 3px rgba(0,0,0,0.3); flex-shrink: 0; } /* علم أمريكا دائري - إنجليزي */ .trp-language-switcher .trp-language-item[title="EN"]::before { content: "" !important; display: inline-block !important; width: 18px; height: 18px; background-image: url('https://flagcdn.com/w40/us.png'); background-size: cover; background-position: center; border-radius: 50%; box-shadow: 0 0 3px rgba(0,0,0,0.3); flex-shrink: 0; } /* Mobile */ @media (max-width:767px){ .woocommerce ul.products li.product .product-action{ display:flex !important; } .woocommerce ul.products li.product .product-action .button.add_to_cart_button{ flex:1 1 auto !important; width:auto !important; min-width:90px !important; max-width:none !important; overflow:visible !important; text-overflow:unset !important; white-space:nowrap !important; padding:8px 10px !important; font-size:12px !important; } } /* ========================================== PrymeCart - Product Title (3 Lines Only) ========================================== */ /* الصفحة الرئيسية + التصنيفات + المتجر */ .home .product-content h3, .archive .product-content h3, .tax-product_cat .product-content h3, .woocommerce-shop .product-content h3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; line-height: 1.4; min-height: 4.2em; max-height: 4.2em; margin-bottom: 10px; } /* صفحة المنتج تعرض العنوان كاملًا */ .single-product .product_title{ display:block !important; overflow:visible !important; max-height:none !important; white-space:normal !important; } /* الحاوية الرئيسية لتقييم أمازون */ .amazon-style-rating { display: inline-flex; align-items: center; direction: ltr; /* لضمان الترتيب الصحيح للعناصر من اليسار لليمين */ font-family: system-ui, -apple-system, sans-serif; gap: 4px; /* مسافة بسيطة بين العناصر */ margin: 6px 0; } /* عدد التقييمات باللون الرمادي الداكن */ .amazon-style-rating .amazon-rating-count { color: #007185; /* لون أزرق/رمادي مميز لأمازون في الروابط */ font-size: 12px; font-weight: 500; } /* السهم الصغير (الرمز السفلي) */ .amazon-style-rating .amazon-rating-chevron { color: #565959; /* رمادي متوسط للسهم */ font-size: 10px; font-weight: bold; margin-right: 2px; } /* النجوم الممتلئة باللون البرتقالي الكلاسيكي لأمازون */ .amazon-style-rating .amazon-rating-stars .star.filled { color: #de7921; /* اللون البرتقالي الدقيق لأمازون (Amazon Orange) */ font-size: 14px; } /* النجوم الفارغة باللون الرمادي الفاتح */ .amazon-style-rating .amazon-rating-stars .star.empty { color: #ccc; /* رمادي فاتح ومحايد للنجوم الفارغة */ font-size: 14px; } /* رقم التقييم المتوسط في النهاية */ .amazon-style-rating .amazon-rating-avg { color: #0f1111; /* أسود داكن للرقم ليكون واضحاً وقابلاً للقراءة */ font-size: 12px; font-weight: bold; margin-left: 2px; } /* تحويل منطقة التقييم إلى سطر مرن لدمج العناصر بجانب بعضها */ .woocommerce-product-rating { display: flex !important; align-items: center; flex-wrap: wrap; gap: 12px; /* مسافة فاصلة مناسبة بين النجوم والجملة */ margin-bottom: 15px !important; } /* تنسيق جملة المبيعات لتظهر بجانب النجوم مباشرة */ .amazon-monthly-sales-single { display: inline-block !important; color: #565959 !important; /* اللون الرمادي الهادئ لأمازون */ font-size: 13px !important; font-weight: bold !important; margin: 0 !important; /* إزالة الهوامش لمنع النزول لسطر جديد */ font-family: system-ui, -apple-system, sans-serif !important; order: 3; /* لضمان ظهورها بعد كلمة مراجعتين */ } /* ضبط ترتيب كلمة مراجعتين لتكون قبل الجملة */ .woocommerce-review-link { order: 2; } /* ضبط ترتيب النجوم */ .woocommerce-product-rating .star-rating { order: 1; margin: 0 !important; } /* ========================================================= كود قوي لإجبار وتجميل صفحة دخول وتسجيل ووكومرس ========================================================= */ /* 1. توسيط الصفحة وضبط العرض على الموبايل والشاشات */ html body.woocommerce-account #customer_login, html body.woocommerce-page #customer_login, html body .woocommerce #customer_login { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; max-width: 440px !important; margin: 20px auto !important; padding: 0 15px !important; float: none !important; clear: both !important; box-sizing: border-box !important; } /* 2. تحويل كروت الدخول والتسجيل لإطار مودرن متناسق */ html body .woocommerce #customer_login .u-column1, html body .woocommerce #customer_login .u-column2, html body .woocommerce form.login, html body .woocommerce form.register { width: 100% !important; max-width: 100% !important; float: none !important; background: #ffffff !important; border: 1px solid #e5e7eb !important; border-radius: 20px !important; padding: 28px 20px !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07) !important; margin-bottom: 25px !important; box-sizing: border-box !important; } /* 3. عناوين النموذج (تسجيل الدخول / إنشاء حساب) */ html body .woocommerce #customer_login h2, html body .woocommerce form h2 { font-size: 22px !important; font-weight: 800 !important; text-align: center !important; color: #111827 !important; margin-top: 0 !important; margin-bottom: 22px !important; border-bottom: none !important; } /* 4. إجبار تنسيق حقول الإدخال */ html body .woocommerce form .form-row { padding: 0 !important; margin-bottom: 15px !important; float: none !important; width: 100% !important; } html body .woocommerce form .form-row label { font-size: 13px !important; font-weight: 700 !important; color: #374151 !important; margin-bottom: 6px !important; display: block !important; text-align: right !important; } html body .woocommerce form .form-row input.input-text { width: 100% !important; height: 48px !important; border-radius: 12px !important; border: 1.5px solid #d1d5db !important; background-color: #f9fafb !important; padding: 0 15px !important; font-size: 14px !important; color: #111827 !important; box-sizing: border-box !important; transition: all 0.2s ease-in-out !important; } /* التفاعل عند الكتابة داخل الحقل */ html body .woocommerce form .form-row input.input-text:focus { border-color: #e60023 !important; background-color: #ffffff !important; box-shadow: 0 0 0 4px rgba(230, 0, 35, 0.12) !important; outline: none !important; } /* 5. إجبار تنسيق زر الدخول/التسجيل الرئيسي */ html body .woocommerce form .form-row .button, html body .woocommerce form.login .button, html body .woocommerce form.register .button, html body .woocommerce button[name="login"], html body .woocommerce button[name="register"] { width: 100% !important; height: 50px !important; background-color: #e60023 !important; color: #ffffff !important; border-radius: 12px !important; font-size: 16px !important; font-weight: 700 !important; border: none !important; box-shadow: 0 4px 14px rgba(230, 0, 35, 0.3) !important; cursor: pointer !important; margin-top: 10px !important; transition: all 0.2s ease !important; } html body .woocommerce form .form-row .button:hover { background-color: #c4001e !important; transform: translateY(-1px) !important; } /* 6. خيار "تذكرني" ورابط "نسيت كلمة المرور" */ html body .woocommerce form .woocommerce-form-login__rememberme { margin-top: 12px !important; font-size: 13px !important; color: #4b5563 !important; } html body .woocommerce form .woocommerce-LostPassword { text-align: center !important; margin-top: 15px !important; } html body .woocommerce form .woocommerce-LostPassword a { color: #6b7280 !important; font-size: 13px !important; text-decoration: none !important; font-weight: 600 !important; } html body .woocommerce form .woocommerce-LostPassword a:hover { color: #e60023 !important; } /* --- إخفاء نموذج التسجيل السفلي تلقائياً --- */ html body .woocommerce #customer_login .u-column2 { display: none; } /* --- ترتيب أسفل الكارت ليحتوي على الرابطين متجاورين --- */ html body .woocommerce form .woocommerce-LostPassword { display: flex !important; justify-content: space-between !important; align-items: center !important; margin-top: 18px !important; padding-top: 15px !important; border-top: 1px solid #f3f4f6 !important; } html body .woocommerce form .woocommerce-LostPassword a { font-size: 13px !important; font-weight: 600 !important; } /* لون رابط إنشاء حساب الجديد */ .custom-register-btn { color: #e60023 !important; font-weight: 700 !important; cursor: pointer; } .pryme-order-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; } .pryme-order-actions a { display: inline-flex; align-items: center; justify-content: center; height: 38px; padding: 0 18px; border-radius: 20px; font-size: 13px; font-weight: 600; text-decoration: none; white-space: nowrap; box-sizing: border-box; } .pryme-order-btn { background: #6B2D8B; color: #fff; border: 1px solid #6B2D8B; } .pryme-order-btn:hover { background: #5a2574; } .pryme-reorder-btn { background: transparent; color: #6B2D8B; border: 1px solid #6B2D8B; } .pryme-reorder-btn:hover { background: #6B2D8B; color: #fff; } .pryme-cancel-btn { background: transparent; color: #d63638; border: 1px solid #d63638; } .pryme-cancel-btn:hover { background: #d63638; color: #fff; } /* --- تنسيق المعرض المخصص الجديد (ستايل نون) --- */ .pryme-custom-gallery { display: flex !important; flex-direction: row-reverse !important; /* الصور المصغرة يمين والصورة الرئيسية يسار */ align-items: flex-start !important; gap: 15px !important; width: 100% !important; } /* حاوية الصورة الرئيسية */ .pryme-gallery-main { flex: 1 !important; width: 100% !important; } .pryme-gallery-main img { width: 100% !important; height: auto !important; border-radius: 8px !important; border: 1px solid #e2e8f0; } /* عمود الصور المصغرة */ .pryme-gallery-thumbs { display: flex !important; flex-direction: column !important; gap: 10px !important; width: 85px !important; flex-shrink: 0 !important; } .pryme-thumb-item { width: 85px !important; height: 85px !important; border-radius: 6px !important; overflow: hidden; border: 2px solid #cbd5e1 !important; cursor: pointer !important; transition: all 0.2s ease; } .pryme-thumb-item img { width: 100% !important; height: 100% !important; object-fit: cover !important; } .pryme-thumb-item.active, .pryme-thumb-item:hover { border-color: #0f172a !important; } /* ====== قسم الأكثر مبيعاً ====== */ /* موبايل: سطر واحد قابل للسحب */ @media (max-width: 767px) { .elementor-element-70ff532, .elementor-element-70ff532 .elementor-widget-container, .elementor-element-70ff532 .elementor-loop-container, .elementor-element-70ff532 .products { height: auto !important; min-height: 0 !important; } .elementor-element-70ff532 .products, .elementor-element-70ff532 .elementor-loop-container { display: flex !important; flex-wrap: nowrap !important; align-items: flex-start !important; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; gap: 12px; padding-bottom: 10px; } .elementor-element-70ff532 .products::-webkit-scrollbar, .elementor-element-70ff532 .elementor-loop-container::-webkit-scrollbar { display: none; } .elementor-element-70ff532 li.product, .elementor-element-70ff532 .product-single { flex: 0 0 46%; scroll-snap-align: start; height: auto !important; } } /* كمبيوتر */ @media (min-width: 768px) { .elementor-element-70ff532 .products, .elementor-element-70ff532 .elementor-loop-container { display: flex !important; flex-wrap: nowrap !important; gap: 20px; } .elementor-element-70ff532 li.product, .elementor-element-70ff532 .product-single { flex: 1 1 0 !important; width: auto !important; max-width: none !important; margin: 0 !important; box-sizing: border-box; } } /* ====== قسم منتجات السوبر ماركت (الزيوت) ====== */ /* موبايل: سطر واحد قابل للسحب */ @media (max-width: 767px) { .elementor-element-afcb672, .elementor-element-afcb672 .elementor-widget-container, .elementor-element-afcb672 .woocommerce, .elementor-element-afcb672 .products, .elementor-element-afcb672 ul.products { height: auto !important; min-height: 0 !important; } .elementor-element-afcb672 .products, .elementor-element-afcb672 ul.products, .elementor-element-afcb672 .woocommerce.columns-5 { display: flex !important; flex-wrap: nowrap !important; align-items: flex-start !important; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; gap: 12px; padding-bottom: 10px; } .elementor-element-afcb672 .products::-webkit-scrollbar, .elementor-element-afcb672 ul.products::-webkit-scrollbar, .elementor-element-afcb672 .woocommerce.columns-5::-webkit-scrollbar { display: none; } .elementor-element-afcb672 li.product, .elementor-element-afcb672 .product-single { flex: 0 0 46%; scroll-snap-align: start; height: auto !important; } } /* كمبيوتر */ @media (min-width: 768px) { .elementor-element-afcb672 .products, .elementor-element-afcb672 ul.products, .elementor-element-afcb672 .woocommerce.columns-5 { display: flex !important; flex-wrap: nowrap !important; gap: 20px; } .elementor-element-afcb672 li.product, .elementor-element-afcb672 .product-single { flex: 1 1 0 !important; width: auto !important; max-width: none !important; margin: 0 !important; box-sizing: border-box; } } /* 1. إزالة أي إطارات أو حواف من داخل الصور نفسها */ [class*="brand"] img, .pwb-all-brands-widget img, .pwb-brands-list-item img, li.product-category img { border: none !important; padding: 0 !important; border-radius: 0 !important; background: transparent !important; } /* 2. عمل الإطار الرفيع المرتب والزوايا المدورة لمربع التصنيف بالكامل */ li.product-category, .pwb-brands-list-item, .pwb-all-brands-widget .pwb-brand-item { background-color: #ffffff; border: 1px solid #e8e8e8; /* إطار رمادي رفيع ومرتب */ border-radius: 20px; /* زوايا انحناء ناعمة مثل الصورة */ padding: 16px; /* مسافة داخلية مناسبة */ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02); /* ظل ناعم جداً لتمييز الكارت */ text-align: center; } /* كود CSS قوي لتوحيد مقاسات جميع الصور وإلغاء أي تشوهات من المنتور */ @media (max-width: 767px) { .mobile-two-columns { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 15px !important; padding: 10px !important; margin: 0 auto !important; align-items: start !important; /* محاذاة من فوق عشان مافيش صورة تسقط */ } /* تنظيف أي هوامش داخلية مخفية في حاويات المنتور */ .mobile-two-columns > * { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } /* السيطرة الكاملة على الصور (توحيد المقاس) */ .mobile-two-columns img { width: 100% !important; /* الصورة تاخد عرض الخانة بالكامل */ height: auto !important; aspect-ratio: 1 / 1 !important; /* إجبار الصورة تكون مربعة 100% قبل التدوير */ object-fit: cover !important; /* منع مط أو تمطيط الصورة */ border-radius: 50% !important; /* الشكل الدائري */ display: block !important; margin: 0 auto !important; } } /* --- تكبير حجم الصورة قليلاً مع الحفاظ على التناسق للـ PC --- */ @media (min-width: 768px) { body.single-product div.product, .woocommerce div.product { display: block !important; clear: both !important; } /* 1. قسم الصور (تكبير العرض إلى 42% والحد الأقصى إلى 420px) */ body.single-product div.product div.images, body.single-product .woocommerce-product-gallery, body.single-product .pryme-custom-gallery { float: right !important; width: 42% !important; max-width: 420px !important; margin: 0 0 20px 20px !important; } /* تكبير الارتفاع المسموح للصورة الرئيسية إلى 350px */ body.single-product div.product div.images img, body.single-product .woocommerce-product-gallery img, body.single-product #pryme-main-img { max-height: 350px !important; width: auto !important; max-width: 100% !important; object-fit: contain !important; margin: 0 auto !important; display: block !important; border-radius: 8px !important; } /* 2. قسم الكلام والعنوان والتفاصيل (تعديل العرض إلى 55%) */ body.single-product div.product div.summary, body.single-product .entry-summary { float: left !important; width: 55% !important; margin: 0 !important; } /* 3. إبقاء الوصف والتقييمات والمنتجات ذات الصلة بعرض كامل في الأسفل */ body.single-product .woocommerce-tabs, body.single-product .related.products, body.single-product .upsells { clear: both !important; width: 100% !important; float: none !important; padding-top: 25px !important; } } .amazon-brands-filter-container { width: 100%; overflow-x: auto; background: #ffffff; padding: 10px 15px; border-bottom: 1px solid #eaeaea; white-space: nowrap; -webkit-overflow-scrolling: touch; margin-bottom: 12px; position: sticky; top: 0; /* يجعل الشريط يثتفي أعلى الشاشة عند التمرير */ z-index: 99; box-shadow: 0 2px 4px rgba(0,0,0,0.02); } .amazon-brands-filter-container::-webkit-scrollbar { display: none; } .brands-scroll-wrapper { display: inline-flex; gap: 8px; align-items: center; } .brand-pill { background-color: #f7f8f8; border: 1px solid #d5d9d9; border-radius: 20px; /* زوايا أكثر استدارة ونعومة */ padding: 7px 16px; font-size: 13px; font-weight: 500; text-decoration: none; color: #0f1111; cursor: pointer; transition: all 0.2s ease; box-shadow: 0 1px 2px rgba(0,0,0,0.04); } .brand-pill:hover { background-color: #e3e6e6; } .brand-pill.active { background-color: #232f3e; /* لون داكن فخم يشبه الهيدر أو برتقالي أمازون #e37900 حسب رغبتك */ color: #fff; border-color: #232f3e; box-shadow: 0 2px 5px rgba(35,47,62,0.3); } /* إلغاء الفراغ العلوى في الصفحة الرئيسية */ .home #wf_pagetitle { display: none !important; } .home .site-content section.wf_posts { padding-top: 7px !important; } .home .wf-row.wf-g-5 { --wf-gutter-y: 1rem !important; margin-top: 0 !important; } /* =================================================== تعديلات الشريط الرئيسي - أجهزة الكمبيوتر والشاشات الكبيرة فقط =================================================== */ @media (min-width: 992px) { /* 1. تحويل الصف الرئيسي إلى Flexbox ومنع التداخل */ .site-header .wf-row, header .wf-row, div.wf_navbar-menu { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; flex-wrap: nowrap !important; width: 100% !important; } /* 2. ضبط زر/كبسولة "شوف التصنيفات" على اليمين */ div.wf-col-lg-3 { flex: 0 0 auto !important; width: auto !important; max-width: none !important; position: relative !important; margin-left: 20px !important; margin-right: 0 !important; padding: 0 !important; } /* 3. توسيع القائمة الرئيسية لباقي مساحة السطر */ div.wf-col-lg-9 { flex: 1 1 auto !important; width: auto !important; max-width: none !important; position: relative !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } /* 4. ترتيب العناصر والنصوص في القائمة الرئيسية */ .wf_navbar-nav, .wf_navbar-menu { overflow: visible !important; width: 100% !important; } .wf_navbar-mainmenu { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-start !important; gap: 6px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; width: 100% !important; } .wf_navbar-mainmenu > li { display: inline-flex !important; border: none !important; margin: 0 !important; padding: 0 !important; white-space: nowrap !important; } .wf_navbar-mainmenu > li > a { display: inline-flex !important; align-items: center !important; padding: 6px 10px !important; font-size: 13px !important; font-weight: 600 !important; color: #2b2b2b !important; text-decoration: none !important; white-space: nowrap !important; border: none !important; box-shadow: none !important; border-radius: 5px !important; transition: background-color 0.2s ease, color 0.2s ease !important; } /* 5. تأثير الـ Hover وإخفاء أي خطوط سفلية حمراء */ .wf_navbar-mainmenu > li > a:hover { background-color: #f2f2f4 !important; color: #000000 !important; } .wf_navbar-mainmenu > li::before, .wf_navbar-mainmenu > li::after, .wf_navbar-mainmenu > li > a::before, .wf_navbar-mainmenu > li > a::after, .wf_navbar-mainmenu > li.active > a::after { display: none !important; content: none !important; border: none !important; box-shadow: none !important; } } /* حركة يمين وشمال لزر أضف إلى السلة لشد الانتباه */ button.single_add_to_cart_button, a.add_to_cart_button { animation: attention-shake 4s ease-in-out infinite !important; } @keyframes attention-shake { 0%, 80%, 100% { transform: translateX(0); } 84% { transform: translateX(-6px); } 88% { transform: translateX(6px); } 92% { transform: translateX(-6px); } 96% { transform: translateX(6px); } } /* مساواة عرض مربع الكمية مع زر أضف إلى السلة */ .single-product form.cart .quantity { width: 100% !important; display: block !important; margin: 0 0 10px 0 !important; } .single-product form.cart .quantity .qty { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; /* بتمنع خروج البوكس عن الحجم الطبيعي */ } .single-product form.cart .single_add_to_cart_button { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } /* جعل حاوية الكمية نسبية لتمكين وضع النص بداخلها */ .single-product form.cart .quantity { position: relative !important; } /* إضافة كلمة "الكمية:" داخل البوكس */ .single-product form.cart .quantity::before { content: "الكمية: "; position: absolute; right: 15px; /* مسافة الكلمة من حافة البوكس اليمين */ top: 50%; transform: translateY(-50%); z-index: 10; color: #0f1111; /* نفس لون خط أمازون */ font-size: 15px; font-weight: 500; pointer-events: none; /* عشان العميل يقدر يضغط على المربع بحرية بدون ما الكلمة تعيقه */ } /* ضبط مكان الرقم ليظهر بجوار الكلمة */ .single-product form.cart .quantity .qty { padding-right: 65px !important; /* تفريغ مساحة لكلمة الكمية عشان الرقم ميركبش عليها */ text-align: right !important; /* محاذاة الرقم لليمين جنب الكلمة */ width: 100% !important; max-width: 100% !important; border-radius: 8px !important; border: 1px solid #888c8c !important; background-color: #f0f2f2 !important; height: 45px !important; box-shadow: 0 1px 2px rgba(15,17,17,0.15) !important; } /* تصميم زر اشتري الآن - لون برتقالي وحجم مطابق لزر أضف للعربة */ .single-product form.cart .single_buy_now_button { width: 100% !important; max-width: 100% !important; background-color: #ffa41c !important; /* اللون البرتقالي بتاع أمازون */ color: #0f1111 !important; border: 1px solid #ff8f00 !important; border-radius: 50px !important; /* نفس حواف الكبسولة */ padding: 12px 20px !important; font-size: 16px !important; font-weight: 500 !important; box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important; text-align: center !important; box-sizing: border-box !important; margin-top: 10px !important; /* مسافة بسيطة بينه وبين زر أضف للعربة */ transition: background-color 0.2s ease !important; } /* تأثير لون الزر عند وقوف الماوس عليه */ .single-product form.cart .single_buy_now_button:hover { background-color: #fa8900 !important; } /* استيراد خط Tajawal */ @import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap'); .pm-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(20, 15, 35, 0.7); backdrop-filter: blur(6px); display: none; justify-content: center; align-items: center; z-index: 9999999; font-family: 'Tajawal', sans-serif; direction: rtl; padding: 12px; box-sizing: border-box; } .pm-modal-card { background: linear-gradient(180deg, #FAF7FF 0%, #FFFFFF 100%); border-radius: 20px; max-width: 820px; width: 100%; max-height: 88vh; /* لمنع الخروج عن ارتفاع الشاشة */ overflow-y: auto; /* سكرول سلس للموبايل عند الحاجة */ -webkit-overflow-scrolling: touch; padding: 25px; position: relative; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3); border: 1px solid #EFE8FA; box-sizing: border-box; } .pm-close-btn { position: absolute; top: 15px; left: 15px; width: 30px; height: 30px; background: #F3EEF9; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; font-weight: bold; color: #5B2B90; transition: 0.2s; z-index: 20; } .pm-close-btn:hover { background: #E2D5F2; } .pm-header { text-align: center; margin-bottom: 15px; padding-top: 5px; } .pm-header h2 { color: #5B2B90; font-size: 24px; font-weight: 800; margin: 0 0 4px 0; } .pm-header h3 { color: #2D223C; font-size: 18px; font-weight: 700; margin: 0 0 4px 0; } .pm-header p { color: #6A5B7D; font-size: 13px; margin: 0; } .pm-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-bottom: 15px; } .pm-box { border-radius: 16px; padding: 15px; text-align: center; position: relative; } .pm-box-plus { background: #F6F0FF; border: 1px solid #E8DAFC; } .pm-box-vip { background: #FFFDF0; border: 1px solid #F8EFC2; } .pm-box-title { font-size: 20px; font-weight: 800; margin-bottom: 4px; } .pm-box-plus .pm-box-title { color: #5B2B90; } .pm-box-vip .pm-box-title { color: #9E7300; } .pm-box-sub { font-size: 13px; font-weight: 700; margin-bottom: 8px; color: #333; } .pm-box-desc { font-size: 11.5px; color: #666; line-height: 1.4; margin-bottom: 10px; } .pm-box-perks { display: flex; justify-content: space-around; border-top: 1px dashed rgba(0,0,0,0.1); padding-top: 8px; font-size: 10.5px; color: #444; flex-wrap: wrap; gap: 4px; } .pm-features { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; background: #F9F7FC; padding: 10px; border-radius: 12px; margin-bottom: 15px; text-align: center; font-size: 11px; color: #4A3B5C; font-weight: 700; } .pm-cta-btn { display: block; width: 100%; max-width: 300px; margin: 0 auto 10px auto; background: #5B2B90; color: #FFF !important; text-align: center; padding: 11px 18px; border-radius: 25px; font-size: 15px; font-weight: 700; text-decoration: none; transition: 0.3s; box-shadow: 0 4px 15px rgba(91, 43, 144, 0.3); } .pm-cta-btn:hover { background: #472073; } .pm-dont-show { text-align: center; font-size: 11px; color: #888; } .pm-dont-show label { cursor: pointer; } /* =================================================== */ /* تعديلات الموبايل القاسية (Responsive Mobile Fix) */ /* =================================================== */ @media (max-width: 600px) { .pm-modal-overlay { padding: 8px; } .pm-modal-card { padding: 16px 12px 12px 12px; max-height: 82vh; /* يضمن مسافة كافية فوق وتحت للمتصفح */ border-radius: 16px; } .pm-close-btn { top: 10px; left: 10px; width: 26px; height: 26px; font-size: 14px; } .pm-header { margin-bottom: 10px; } .pm-header h2 { font-size: 18px; } .pm-header h3 { font-size: 14px; } .pm-header p { font-size: 11px; line-height: 1.3; } .pm-grid { grid-template-columns: 1fr; gap: 10px; margin-bottom: 10px; } .pm-box { padding: 10px; } .pm-box-title { font-size: 16px; } .pm-box-sub { font-size: 11.5px; margin-bottom: 4px; } .pm-box-desc { font-size: 10px; margin-bottom: 6px; } .pm-box-perks { font-size: 9.5px; } .pm-features { grid-template-columns: repeat(2, 1fr); gap: 6px; padding: 8px; font-size: 10px; margin-bottom: 10px; } .pm-cta-btn { padding: 9px 14px; font-size: 13px; max-width: 100%; } } .prymecart-delivery-message { display: flex; align-items: center; gap: 14px; width: 100%; box-sizing: border-box; margin: 15px 0; padding: 16px 18px; background: #ffffff; border: 1px solid #d8ead6; border-radius: 16px; direction: rtl; } .prymecart-delivery-icon { width: 52px; height: 52px; min-width: 52px; display: flex; align-items: center; justify-content: center; background: #f1faf0; border: 2px solid #d8ead6; border-radius: 50%; font-size: 25px; } .prymecart-delivery-content { flex: 1; text-align: right; } .prymecart-delivery-main { color: #168b25; font-size: 18px; font-weight: 800; line-height: 1.5; } .prymecart-delivery-sub { margin-top: 5px; color: #666; font-size: 14px; font-weight: 500; line-height: 1.5; } @media (max-width: 600px) { .prymecart-delivery-message { padding: 14px; gap: 11px; margin: 12px 0; border-radius: 14px; } .prymecart-delivery-icon { width: 46px; height: 46px; min-width: 46px; font-size: 22px; } .prymecart-delivery-main { font-size: 16px; } .prymecart-delivery-sub { font-size: 13px; } } /* إخفاء رسالة الشروط والأحكام في صفحة الدفع */ body.woocommerce-checkout .wc-block-checkout__terms { display: none !important; } /* ========================================================= PRYMECART — FINAL CHECKOUT DESIGN WooCommerce Checkout Block PC + MOBILE لا يغير Layout الأساسي ========================================================= */ /* ========================================================= GENERAL ========================================================= */ body.woocommerce-checkout { background: #f7f7fb !important; } body.woocommerce-checkout .wp-block-woocommerce-checkout { padding-top: 30px !important; padding-bottom: 50px !important; } /* RTL */ body.woocommerce-checkout .wc-block-checkout { direction: rtl !important; } /* ========================================================= CHECKOUT SECTIONS ========================================================= */ body.woocommerce-checkout .wc-block-components-checkout-step { background: #ffffff !important; border: 1px solid #e8e5ef !important; border-radius: 20px !important; padding: 26px !important; margin-bottom: 20px !important; box-shadow: 0 8px 28px rgba(42, 29, 76, .055) !important; } /* Section title */ body.woocommerce-checkout .wc-block-components-checkout-step__title { color: #18233e !important; font-size: 23px !important; font-weight: 800 !important; line-height: 1.5 !important; } /* Description */ body.woocommerce-checkout .wc-block-components-checkout-step__description { color: #737c91 !important; font-size: 14px !important; line-height: 1.7 !important; } /* ========================================================= INPUTS ========================================================= */ body.woocommerce-checkout .wc-block-components-text-input input, body.woocommerce-checkout .wc-block-components-combobox .components-combobox-control__input, body.woocommerce-checkout .wc-block-components-select select { min-height: 58px !important; background: #ffffff !important; border: 1.5px solid #dedbe6 !important; border-radius: 14px !important; color: #202a43 !important; font-size: 15px !important; box-shadow: none !important; transition: border-color .2s ease, box-shadow .2s ease !important; } /* Focus */ body.woocommerce-checkout .wc-block-components-text-input input:focus, body.woocommerce-checkout .wc-block-components-combobox .components-combobox-control__input:focus, body.woocommerce-checkout .wc-block-components-select select:focus { border-color: #6938e8 !important; box-shadow: 0 0 0 4px rgba(105,56,232,.09) !important; outline: none !important; } /* Labels */ body.woocommerce-checkout .wc-block-components-text-input label, body.woocommerce-checkout .wc-block-components-select label { color: #3c4761 !important; font-size: 13px !important; font-weight: 700 !important; } /* ========================================================= SELECT BOXES ========================================================= */ body.woocommerce-checkout .wc-block-components-select { margin-bottom: 12px !important; } body.woocommerce-checkout .wc-block-components-select .wc-block-components-select__container { border-radius: 14px !important; border: 1.5px solid #dedbe6 !important; background: #ffffff !important; } /* ========================================================= METRO / DELIVERY NOTICE ========================================================= */ body.woocommerce-checkout .wc-block-components-notice-banner { background: linear-gradient( 135deg, #fbf9ff, #f4efff ) !important; border: 1px solid #dfd3ff !important; border-radius: 17px !important; color: #39216f !important; padding: 19px 22px !important; box-shadow: 0 5px 20px rgba(105,56,232,.06) !important; } /* ========================================================= SHIPPING / DELIVERY OPTIONS ========================================================= */ body.woocommerce-checkout .wc-block-components-radio-control__option { background: #ffffff !important; border: 1px solid #e2dfe8 !important; border-radius: 14px !important; transition: .2s ease !important; } body.woocommerce-checkout .wc-block-components-radio-control__option:hover { border-color: #6938e8 !important; box-shadow: 0 5px 18px rgba(105,56,232,.07) !important; } body.woocommerce-checkout .wc-block-components-radio-control__option-checked { border-color: #6938e8 !important; background: #faf8ff !important; } /* ========================================================= ORDER SUMMARY ========================================================= */ body.woocommerce-checkout .wc-block-components-order-summary { background: #ffffff !important; border: 1px solid #e8e5ef !important; border-radius: 20px !important; box-shadow: 0 8px 28px rgba(42,29,76,.06) !important; overflow: hidden !important; } /* Summary title */ body.woocommerce-checkout .wc-block-components-order-summary__button { color: #1b2742 !important; font-size: 20px !important; font-weight: 800 !important; } /* Product */ body.woocommerce-checkout .wc-block-components-order-summary-item { border-bottom: 1px solid #eeeeF2 !important; } /* Product image */ body.woocommerce-checkout .wc-block-components-order-summary-item__image { border-radius: 12px !important; overflow: hidden !important; } /* Quantity badge */ body.woocommerce-checkout .wc-block-components-order-summary-item__quantity { background: #6938e8 !important; color: #ffffff !important; border-color: #ffffff !important; } /* ========================================================= COUPON ========================================================= */ body.woocommerce-checkout .wc-block-components-totals-coupon { background: #faf9ff !important; border: 1px solid #ebe7f5 !important; border-radius: 14px !important; } /* Coupon text */ body.woocommerce-checkout .wc-block-components-totals-coupon button { color: #4c3b78 !important; font-weight: 700 !important; } /* ========================================================= TOTALS ========================================================= */ body.woocommerce-checkout .wc-block-components-totals-item { border-color: #eeeaf3 !important; } body.woocommerce-checkout .wc-block-components-totals-item__label { color: #3c4864 !important; font-size: 15px !important; } body.woocommerce-checkout .wc-block-components-totals-item__value { color: #34415e !important; font-size: 15px !important; } /* ========================================================= GRAND TOTAL ========================================================= */ body.woocommerce-checkout .wc-block-components-totals-footer-item { background: linear-gradient( 135deg, #fcfaff, #f7f2ff ) !important; border-radius: 17px !important; padding: 17px !important; margin-top: 10px !important; } body.woocommerce-checkout .wc-block-components-totals-footer-item__label { color: #293655 !important; font-size: 18px !important; font-weight: 700 !important; } body.woocommerce-checkout .wc-block-components-totals-footer-item__total { color: #4a2bb5 !important; font-size: 24px !important; font-weight: 900 !important; } /* ========================================================= PAYMENT ========================================================= */ body.woocommerce-checkout .wc-block-components-checkout-payment { background: #ffffff !important; border: 1px solid #e8e5ef !important; border-radius: 20px !important; padding: 24px !important; box-shadow: 0 8px 28px rgba(42,29,76,.055) !important; } /* Payment options */ body.woocommerce-checkout .wc-block-components-radio-control__option { min-height: 58px !important; border-radius: 14px !important; } /* ========================================================= PLACE ORDER ========================================================= */ body.woocommerce-checkout .wc-block-components-checkout-place-order-button { width: 100% !important; min-height: 60px !important; border: 0 !important; border-radius: 15px !important; background: linear-gradient( 135deg, #5b2bdc, #753cff ) !important; color: #ffffff !important; font-size: 17px !important; font-weight: 800 !important; box-shadow: 0 11px 28px rgba(99,56,232,.23) !important; transition: transform .2s ease, box-shadow .2s ease !important; } body.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover { transform: translateY(-2px) !important; box-shadow: 0 15px 32px rgba(99,56,232,.32) !important; } /* ========================================================= TERMS ========================================================= */ body.woocommerce-checkout .wc-block-checkout__terms { background: #faf9ff !important; border: 1px solid #ebe7f5 !important; border-radius: 13px !important; padding: 14px !important; } /* ========================================================= DESKTOP ========================================================= */ @media only screen and (min-width: 782px) { body.woocommerce-checkout .wp-block-woocommerce-checkout { padding-top: 30px !important; padding-bottom: 60px !important; } body.woocommerce-checkout .wc-block-components-checkout-step { padding: 26px !important; border-radius: 20px !important; margin-bottom: 20px !important; } body.woocommerce-checkout .wc-block-components-checkout-step__title { font-size: 23px !important; } body.woocommerce-checkout .wc-block-components-text-input input, body.woocommerce-checkout .wc-block-components-select select { min-height: 58px !important; } body.woocommerce-checkout .wc-block-components-order-summary { border-radius: 20px !important; } body.woocommerce-checkout .wc-block-components-checkout-payment { padding: 24px !important; border-radius: 20px !important; } } /* ========================================================= MOBILE ========================================================= */ @media only screen and (max-width: 781px) { /* Page */ body.woocommerce-checkout { background: #ffffff !important; } body.woocommerce-checkout .wp-block-woocommerce-checkout { padding: 0 8px 35px !important; margin: 0 !important; } /* Sections */ body.woocommerce-checkout .wc-block-components-checkout-step { padding: 22px 18px !important; border-radius: 24px !important; margin-bottom: 16px !important; box-shadow: none !important; } /* Titles */ body.woocommerce-checkout .wc-block-components-checkout-step__title { font-size: 23px !important; line-height: 1.5 !important; } /* Inputs */ body.woocommerce-checkout .wc-block-components-text-input input, body.woocommerce-checkout .wc-block-components-combobox .components-combobox-control__input, body.woocommerce-checkout .wc-block-components-select select { min-height: 64px !important; height: 64px !important; border: 2px solid #dedde4 !important; border-radius: 17px !important; padding: 20px 18px 7px !important; font-size: 18px !important; } /* Labels */ body.woocommerce-checkout .wc-block-components-text-input label { right: 18px !important; left: auto !important; top: 9px !important; font-size: 13px !important; } /* Select */ body.woocommerce-checkout .wc-block-components-select .wc-block-components-select__container { min-height: 64px !important; border: 2px solid #dedde4 !important; border-radius: 17px !important; } /* Metro */ body.woocommerce-checkout .wc-block-components-notice-banner { border: 0 !important; border-radius: 18px !important; padding: 18px !important; margin-bottom: 18px !important; } /* Order summary */ body.woocommerce-checkout .wc-block-components-order-summary { border: 2px solid #e1dfe7 !important; border-radius: 22px !important; box-shadow: none !important; } /* Summary header */ body.woocommerce-checkout .wc-block-components-order-summary__button { padding: 18px !important; font-size: 20px !important; } /* Product */ body.woocommerce-checkout .wc-block-components-order-summary-item { padding: 18px !important; } /* Coupon */ body.woocommerce-checkout .wc-block-components-totals-coupon { padding: 15px !important; } /* Totals */ body.woocommerce-checkout .wc-block-components-totals-wrapper { padding: 0 18px !important; } body.woocommerce-checkout .wc-block-components-totals-item { padding: 20px 0 !important; } body.woocommerce-checkout .wc-block-components-totals-item__label, body.woocommerce-checkout .wc-block-components-totals-item__value { font-size: 18px !important; } /* Grand total */ body.woocommerce-checkout .wc-block-components-totals-footer-item { margin: 12px 0 18px !important; padding: 18px 15px !important; border-radius: 20px !important; } body.woocommerce-checkout .wc-block-components-totals-footer-item__label { font-size: 21px !important; } body.woocommerce-checkout .wc-block-components-totals-footer-item__total { font-size: 25px !important; } /* Payment */ body.woocommerce-checkout .wc-block-components-checkout-payment { padding: 22px 17px !important; border-radius: 22px !important; box-shadow: none !important; } /* Payment options */ body.woocommerce-checkout .wc-block-components-radio-control__option { min-height: 62px !important; border: 2px solid #e1dfe7 !important; border-radius: 16px !important; margin-bottom: 10px !important; } /* Place order */ body.woocommerce-checkout .wc-block-components-checkout-place-order-button { min-height: 70px !important; border-radius: 20px !important; font-size: 22px !important; margin-top: 15px !important; } /* Terms */ body.woocommerce-checkout .wc-block-checkout__terms { padding: 14px !important; border-radius: 14px !important; font-size: 12px !important; line-height: 1.7 !important; } } /* ========================================================= PRYMECART - FIX DUPLICATE ORDER SUMMARY ON MOBILE ========================================================= */ @media only screen and (max-width: 781px) { /* إخفاء نسخة الـ Order Summary الكبيرة في الموبايل */ body.woocommerce-checkout .wc-block-checkout__sidebar { display: none !important; } } /* ========================================================= 🔥 الإصلاح الشامل لحقل الكوبون وزر التطبيق (WooCommerce Blocks) ========================================================= */ /* 1. الحاوية الرئيسية للكوبون */ .wc-block-components-totals-coupon, .wc-block-components-panel { background: #ffffff !important; border: 1px solid #e5e7eb !important; border-radius: 12px !important; padding: 16px !important; margin: 14px 0 !important; box-shadow: none !important; direction: rtl !important; } /* 2. عنوان/زر فتح القسيمة */ .wc-block-components-panel__button { color: #111827 !important; font-size: 15px !important; font-weight: 800 !important; border: none !important; background: transparent !important; box-shadow: none !important; cursor: pointer !important; width: 100% !important; text-align: right !important; } .wc-block-components-panel__button svg { display: none !important; } /* 3. فورم الكوبون (ضبط السطر) */ .wc-block-components-totals-coupon__form, form.wc-block-components-totals-coupon__form { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 10px !important; width: 100% !important; margin-top: 12px !important; padding: 0 !important; border: none !important; background: transparent !important; box-shadow: none !important; } /* 4. حاوية متممدة لحقل الإدخال تمنع انكماش المربع */ .wc-block-components-totals-coupon__form .wc-block-components-text-input, .wc-block-components-totals-coupon__input { flex: 1 1 auto !important; width: 100% !important; min-width: 0 !important; /* يمنع انكماش Flexbox */ position: relative !important; margin: 0 !important; padding: 0 !important; border: none !important; background: transparent !important; box-shadow: none !important; } /* 5. حقل الإدخال التجاري (input) */ .wc-block-components-totals-coupon__form input[type="text"], .wc-block-components-totals-coupon__input input { width: 100% !important; height: 48px !important; line-height: 48px !important; padding: 0 14px !important; border: 1px solid #d1d5db !important; border-radius: 8px !important; background-color: #ffffff !important; color: #111827 !important; font-size: 14px !important; box-sizing: border-box !important; outline: none !important; box-shadow: none !important; } /* إلغاء التوهج البنفسجي عند الضغط داخل الحقل */ .wc-block-components-totals-coupon__form input[type="text"]:focus, .wc-block-components-totals-coupon__input input:focus { border-color: #4b5563 !important; box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.05) !important; outline: none !important; } /* 6. منع نص (إدخال الكود) من ضرب المقاسات */ .wc-block-components-totals-coupon__form label, .wc-block-components-totals-coupon__input label { position: absolute !important; right: 14px !important; top: 50% !important; transform: translateY(-50%) !important; color: #9ca3af !important; font-size: 13px !important; pointer-events: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; white-space: nowrap !important; } /* إخفاء التسمية نظيفاً بمجرد التركيز أو الكتابة */ .wc-block-components-text-input.is-active label, .wc-block-components-totals-coupon__input input:focus + label, .wc-block-components-totals-coupon__input input:not(:placeholder-shown) + label { opacity: 0 !important; visibility: hidden !important; } /* 7. إظهار كلمة "تطبيق" باللون الأبيض الساطع */ .wc-block-components-totals-coupon__button, .wc-block-components-totals-coupon__form button[type="submit"] { height: 48px !important; padding: 0 24px !important; background-color: #111827 !important; color: #ffffff !important; border: none !important; border-radius: 8px !important; font-size: 14px !important; font-weight: 800 !important; cursor: pointer !important; white-space: nowrap !important; flex-shrink: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; } .wc-block-components-totals-coupon__button span, .wc-block-components-totals-coupon__button *, .wc-block-components-totals-coupon__form button[type="submit"] * { color: #ffffff !important; opacity: 1 !important; visibility: visible !important; } .wc-block-components-totals-coupon__button:hover, .wc-block-components-totals-coupon__form button[type="submit"]:hover { background-color: #374151 !important; color: #ffffff !important; } /* ========================================================= 🚀 نقل "اختر منطقة التوصيل" و "المترو" فوق "عنوان الشارع / الحي" ========================================================= */ /* 1. تفعيل المرونة لنموذج العنوان بالكامل */ .wc-block-components-address-form { display: flex !important; flex-wrap: wrap !important; } /* 2. رفع حقول التوصيل والمترو لتاخد ترتيب أعلى */ [class*="prymecart-cairo-area"], [class*="prymecart-giza-area"], [class*="prymecart-metro-station"], [class*="prymecart/cairo-area"], [class*="prymecart/giza-area"], [class*="prymecart/metro-station"] { order: 15 !important; width: 100% !important; } /* 3. نزول حقل عنوان الشارع / الحي ليكون بعدها مباشرة */ .wc-block-components-address-form__address_1, .wc-block-components-text-input:has(input[id*="address_1"]), .wc-block-components-text-input:has(input[name*="address_1"]) { order: 25 !important; width: 100% !important; } /* ========================================================================== تطويع WooCommerce Checkout Blocks للموبايل ========================================================================== */ @media (max-width: 767px) { /* 1. تحويل حاوية العناوين إلى Flex عمودي 100% */ .wc-block-components-address-form, .wc-block-checkout__billing-fields, .wc-block-checkout__shipping-fields, .wc-block-components-checkout-step__content { display: flex !important; flex-direction: column !important; width: 100% !important; } /* 2. إجبار حقول الدولة والمنطقة والمدينة والشارع على أخذ عرض كامل */ .wc-block-components-address-form__country, .wc-block-components-address-form__state, .wc-block-components-address-form__city, .wc-block-components-address-form__postcode, .wc-block-components-country-input, .wc-block-components-state-input, .wc-block-components-text-input, .wc-block-components-select-container, .wc-block-components-combobox { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } /* 3. ضبط الـ Select والداخل الخاص بحقول القوائم المنسدلة */ .wc-block-components-select-container select, .wc-block-components-combobox input { width: 100% !important; min-height: 48px !important; } /* 4. إخفاء أيقونة السلة البنفسجية العائمة لمنع تداخلها */ .xoo-wsc-cart-trigger, [class*="floating-cart"], [class*="cart-trigger"], a[href*="cart"].floating { display: none !important; } /* 5. رفع زر الواتساب ليصبح فوق الشريط السفلي */ .joinchat, .ht-ctc-chat, [class*="whatsapp"] { bottom: 80px !important; z-index: 99999 !important; } }
•💜 تسوق أكثر... ارتقِ في PrymeCart VIP ووفر أكثر•🎁 كل طلب يكسبك نقاطًا في PrymeCart Plus•🛡️ كل المنتجات بضمان الوكيل•🚚 شحن سريع إلى جميع محافظات مصر•🔒 دفع آمن 100% والدفع عند الاستلام متاح
•💜 تسوق أكثر... ارتقِ في PrymeCart VIP ووفر أكثر•🎁 كل طلب يكسبك نقاطًا في PrymeCart Plus•🛡️ كل المنتجات بضمان الوكيل•🚚 شحن سريع إلى جميع محافظات مصر•🔒 دفع آمن 100% والدفع عند الاستلام متاح
    💰 وفر أكثر
    Product Thumbnail
    Product Thumbnail
    Main Product Image

    كابل شحن سريع أورايمو سبيدلاين 4 في 1 بقدرة 65W (OCD-155) – بطول 1م – ضمان معتمد

    Original price was: ج.م499.Current price is: ج.م399. خصم 20%

    🔥 12 عملاء اختاروا هذا المنتج في آخر 48 ساعة
    اكسب 399 نقطة

    مع هذا الطلب يمكن استخدامها كخصم على طلباتك القادمة

    👑 سيتم احتساب هذا الطلب ضمن برنامج PrymeCart VIP اعرف مزايا العضوية ✨
    🚚
    🚚 اطلب قبل 1 ظهرًا واستلم طلبك اليوم!
    📍 القاهرة والجيزة • شحن لجميع المحافظات
    اكسب نقاط
    مع كل طلب
    الدفع عند
    الاستلام
    توصيل
    سريع
    إرجاع خلال
    15 يوم
    ضمان
    الوكيل

    ❓ الأسئلة الشائعة

    نعم، جميع المنتجات المعروضة في Pryme Cart أصلية 100%، مع ضمان الوكيل للمنتجات المشمولة بالضمان.

    نعم، يتم تطبيق ضمان الوكيل أو الضمان الموضح في صفحة المنتج حسب نوعه.

    يختلف وقت التوصيل حسب المحافظة، ويتم عرض الموعد المتوقع أثناء إتمام الطلب.

    نعم، يمكنك الاستبدال أو الإرجاع خلال 15 يومًا وفقًا لسياسة الاستبدال والإرجاع الخاصة بـ Pryme Cart.

    Add to wishlist
    Categories: , Brand:

    الوصف

    كابل أورايمو سبيدلاين 4 (OCD-155) يمنحك المرونة المطلقة بتصميم 4 في 1 متطور يجمع بين مدخلي (USB-A و Type-C) ومخرجي (Type-C و Lightning)، ليتيح لك 4 تركيبات مختلفة بقدرة طاقة فائقة تصل إلى 65 واط لشحن اللابتوبات والهواتف الذكية بأقصى سرعة وبطول عملي 1 متر، مدعوماً بضمان رسمي معتمد يوفر لك أعلى درجات الأمان وراحة البال. في الواقع، يُعد هذا الكابل الاختيار الشامل لكل من يبحث عن كابل أورايمو 4 في 1 يغنيه تماماً عن حمل كابلات متعددة.

    🚀 أسباب تدفعك لاقتناء كابل أورايمو OCD-155 اليوم:

    • 🔌 تصميم 4 في 1 شامل: يتيح التحويل بين (Type-C to Type-C / Type-C to Lightning / USB to Type-C / USB to Lightning) بسهولة.

    • ⚡ قوة شحن خارقة 65W: دعم الشحن السريع بتقنية PD لشحن الماك بوك، اللابتوب، أجهزة الآيباد، والآيفون والأندرويد.

    • 🛡️ ضمان رسمي معتمد: حماية كاملة ومباشرة ضد عيوب التصنيع مع حق الاستبدال السريع من متجر برايم كارت.

    • 📏 طول عملي 1 متر: حجم مدمج ومثالي للاستخدام اليومي، المكتب، وأثناء السفر دون تشابك.

    • 💪 خامات مقواة ضد القطع: أطراف متينة للغاية تتحمل الشد والانثناء المكثف آلاف المرات.

    بناءً على ذلك، نضمن لك في برايم كارت الحصول على النسخة الأصلية 100% بحماية ضمان كابل أورايمو المعتمد، لتستمتع بشحن آمن واعتمادية فائقة وبأفضل سعر في مصر.

     جدول المواصفات التقنية (Oraimo Speedline 4 – OCD-155)

    المواصفةالتفاصيل والخصائص
    اسم المنتجOraimo Speedline 4 65W 4-in-1 Cable OCD-155
    الكلمة المفتاحيةكابل أورايمو 4 في 1
    الموديل والبراندأورايمو (Oraimo) – OCD-155 (Speedline 4)
    تفاصيل الضمانضمان رسمي معتمد ضد عيوب التصنيع + استبدال سريع
    نوع المنافذ4 تركيبات (USB-A / Type-C ➔ Type-C / Lightning)
    أقصى قدرة طاقة65 واط (65W Fast Charging / PD Support)
    الطول واللون1 متر (1m)
    الاستخدامشحن اللابتوب، التابلت، الآيفون، والأندرويد + نقل البيانات
    التوافقMacBook، أجهزة اللابتوب، iPhone 15/16، iPhone 14 وأقدم، Samsung

    Reviews

    There are no reviews yet.

    Be the first to review “كابل شحن سريع أورايمو سبيدلاين 4 في 1 بقدرة 65W (OCD-155) – بطول 1م – ضمان معتمد”
    Review now to get coupon!

    Your email address will not be published. Required fields are marked *

    Related products

    0
      0
      "سلة المشتريات
      سلتك فاضيه
      متابعة التسوق