.single-product div.product .product_meta .posted_in {display: none } .single-product div.product .motta-dropdown__content .wp-block-column { width: 100%; } .single-product div.product .motta-dropdown__content .wp-block-column.left, .single-product div.product.motta-dropdown__content .wp-block-column.right { display: none; } .single-product div.product .motta-dropdown__content .wp-block-column h3{ font-size: 18px !important; margin-top: 20px; } a.button.buy-now-button { background-color: #DD0000 !important; border-color: #ff0000 !important; color: #fff !important; } a.button.buy-now-button:hover { background-color: #000000 !important; border-color: #b30000 !important; } /* বাটনটি সাধারণত লাল হবে এবং লেখাটি সাদা হবে */ .motta-buy-now-button.motta-button.motta-button--ghost { background-color: #ff0000 !important; /* বাটনের ব্যাকগ্রাউন্ড লাল */ color: #ffffff !important; /* "Buy Now" লেখার রং সাদা */ border: none !important; } /* মাউস হোভার (Hover) করলে বাটনটি কালো হবে এবং লেখাটি সাদাই থাকবে */ .motta-buy-now-button.motta-button.motta-button--ghost:hover { background-color: #000000 !important; /* বাটনের ব্যাকগ্রাউন্ড কালো */ color: #ffffff !important; /* লেখার রং সাদাই থাকবে */ } /* স্বাভাবিক অবস্থা */ a.button.buy-now-button { background-color: #ff0000 !important; /* আপনি যেটা করতে চাচ্ছেন */ border-color: #ff0000 !important; color: #ffffff !important; } /* মাউস নিলে (Hover) যা হবে */ a.button.buy-now-button:hover { background-color: #000000 !important; /* হোভার করলে একটু গাঢ় লাল হবে */ border-color: #000000 !important; color: #ffffff !important; } .dokan-registration-role, .dokan-form-group.user-role, .user-role { display: none !important; } /* Dokan Become a Vendor migration section hide */ ul.dokan-account-migration-lists { display: none !important; } .show-password-input { font-size: 0 !important; } .show-password-input::after { font-size: 16px !important; /* আইকনের সাইজ */ } .show-password-input { font-size: 0 !important; } .show-password-input::before { font-size: 16px !important; } #motta-mobile-navigation-bar { /* উপরের বাম এবং ডান কোণা গোল করার জন্য */ border-radius: 20px 20px 0 0 !important; /* নিচের বর্ডার বা বাড়তি অংশ লুকানোর জন্য */ overflow: hidden !important; /* নিচ থেকে যেন ফাঁকা না থাকে */ bottom: 0 !important; /* হালকা শ্যাডো যাতে পপ-আপ ভাব আসে */ box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.12) !important; /* ব্যাকগ্রাউন্ড সাদা নিশ্চিত করতে */ background-color: #ffffff !important; } /* ১. মোবাইল এবং সব ডিভাইসের জন্য কমন স্টাইল (আপনার আগের ডিজাইন অনুযায়ী) */ .motta-sticky-add-to-cart__content-wrapper { border-radius: 20px 20px 0 0 !important; background-color: #ffffff !important; padding: 15px 10px !important; box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.12) !important; border: none !important; display: flex !important; justify-content: center !important; align-items: center !important; gap: 15px !important; z-index: 9999 !important; } /* ২. ডেস্কটপ ভিউ ঠিক করার জন্য (যখন স্ক্রিন বড় থাকবে) */ @media (min-width: 992px) { .motta-sticky-add-to-cart__content-wrapper { position: relative !important; /* ডেস্কটপে এটি ফিক্সড থাকবে না */ bottom: auto !important; left: auto !important; right: auto !important; box-shadow: none !important; /* ডেস্কটপে শ্যাডো না চাইলে */ border-radius: 0 !important; /* ডেস্কটপে রাউন্ড শেপ না চাইলে */ } } /* ৩. শুধুমাত্র মোবাইলের জন্য স্টিকি পজিশন */ @media (max-width: 991px) { .motta-sticky-add-to-cart__content-wrapper { position: fixed !important; bottom: 0 !important; left: 0 !important; right: 0 !important; } } /* ডিফল্ট নোটিফিকেশন পুরোপুরি বন্ধ করা */ .notifyjs-corner, .notifyjs-wrapper, .notifyjs-motta-base, .wcboost-wishlist-notification, .motta-wishlist-message { display: none !important; visibility: hidden !important; } /* Custom Wishlist Popup Styling */ #wl-center-popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); background-color: #ffffff; /* White Background */ color: #000000; /* Black Text */ padding: 20px 40px; border-radius: 100px; /* Fully Round */ box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2); z-index: 99999999; opacity: 0; visibility: hidden; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); border: 1px solid #f0f0f0; text-align: center; } /* Show State */ #wl-center-popup.is-visible { opacity: 1; visibility: visible; transform: translate(-50%, -50%) scale(1); } .wl-content { display: flex; flex-direction: column; align-items: center; justify-content: center; } .wl-icon { background: #000000; color: #ffffff; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 8px; font-size: 16px; } .wl-message { margin: 0; font-size: 16px; font-weight: 600; white-space: nowrap; } /* ডিফল্ট সবুজ নোটিফিকেশন পুরোপুরি বন্ধ করতে */ .wcboost-wishlist-notification, .motta-wishlist-message { display: none !important; } /* মোবাইল রেসপন্সিভনেস */ @media (max-width: 768px) { #wl-center-popup { padding: 15px 30px; } .wl-message { font-size: 14px; } } /* কান্ট্রি ও স্টেট বক্সের ডিজাইন (Street ফিল্ডের মতো করতে) */ select#dokan_address_country, input#dokan_address_state { width: 100% !important; /* Street বক্সের প্রশস্ততার সাথে মিল রাখতে */ padding: 12px 22px !important; border-radius: 25px !important; /* Street বক্সের রাউন্ড শেপের জন্য */ border: 1px solid #dcdcdc !important; /* Street বক্সের বর্ডারের সাথে মিল রাখতে */ height: 50px !important; /* Street বক্সের উচ্চতার সাথে সামঞ্জস্য */ box-sizing: border-box; } /* রেজিস্টার বাটনের সাইজ (Street বক্সের সাইজ অনুযায়ী) */ input.dokan-btn.dokan-btn-theme { width: 100% !important; /* ফর্মের অন্যান্য ফিল্ডের সমান প্রশস্ততা */ height: 50px !important; /* Street বক্সের উচ্চতার সমান */ padding: 0px 28px !important; border-radius: 25px !important; display: flex; align-items: center; justify-content: center; background-color: #000 !important; /* ব্ল্যাক কালার ধরে রাখতে */ color: #fff !important; border: none; } /* এটি শুধুমাত্র মোবাইল এবং ট্যাবলেট ডিভাইসে (১০২৪px এর নিচে) কার্যকর হবে */ @media only screen and (max-width: 1024px) { /* অ্যাক্টিভ আইটেমের ব্যাকগ্রাউন্ড এবং টেক্সট কালার */ .motta-mobile-navigation-bar a.current-page-active { background-color: #ffffff !important; color: #ff0000 !important; } /* আইকনের কালার ঠিক রাখার জন্য */ .motta-mobile-navigation-bar a.current-page-active i, .motta-mobile-navigation-bar a.current-page-active span { color: #ff0000 !important; } /* হভার ইফেক্ট (মোবাইলে টাচ করার সময়) */ .motta-mobile-navigation-bar a:hover { background-color: #ffffff !important; color: #ff0000 !important; } } div.motta-sticky-add-to-cart__content-wrapper.product.product-wc-tabs-dropdown { height: 69.5px !important; } /* সকল ভ্যারিয়েশন কন্টেইনারকে সবসময় দেখানোর জন্য */ .product-grid-item .product-variation-items, .product-grid-item .product-variation-items--text { display: flex !important; /* অথবা block */ opacity: 1 !important; visibility: visible !important; height: auto !important; max-height: none !important; } /* যদি ভ্যারিয়েশনগুলো হোভারে হাইড করা থাকে, তবে হোভার স্টাইলটি রিমুভ করছি */ .product-grid-item:hover .product-variation-items { opacity: 1 !important; } .header-category__content { border-radius: 15px !important; overflow: hidden !important; } ul.sub-menu.mega-menu.mega-menu--grid { border-radius: 15px !important; overflow: hidden !important; } /* ড্রপডাউন বক্সটি রাউন্ড করার জন্য */ .account-dropdown.dropdown-content.motta-open { border-radius: 15px !important; overflow: visible !important; /* অ্যারো দেখানোর জন্য hidden এর বদলে visible রাখতে হবে */ } /* কন্টেন্টের ভেতরের অংশ রাউন্ড রাখা */ .account-dropdown.dropdown-content.motta-open > * { border-radius: 15px !important; } .dokan-vendor-info-wrap { border-radius: 15px !important; overflow: hidden !important; } /* ১. প্রোডাক্ট কার্ডের রাউন্ড শেপ */ .product-inner { border-radius: 20px !important; position: relative; overflow: hidden !important; background: #fff; } .product-inner .woocommerce-loop-product__link img { border-radius: 20px 20px 0 0 !important; } /* ২. ডেস্কটপ সেটিংস (৩টি বাটন) */ @media only screen and (min-width: 768px) { .product-inner .product-actions { position: absolute !important; bottom: 0 !important; left: 0 !important; width: 100% !important; z-index: 10 !important; background: rgba(255,255,255,0.9) !important; padding: 5px !important; transform: translateY(100%) !important; transition: all 0.3s ease !important; display: flex !important; flex-direction: column !important; gap: 5px !important; } .product-inner:hover .product-actions { transform: translateY(0) !important; } /* বাটনের কমন স্টাইল */ .product-actions a.button, .product-actions .yith-wcqv-button, .product-actions .quick-view { width: 100% !important; height: 40px !important; display: flex !important; justify-content: center !important; align-items: center !important; border-radius: 50px !important; font-size: 14px !important; font-weight: 500 !important; border: none !important; margin: 0 !important; padding: 0 14px !important; text-decoration: none !important; color: #ffffff !important; transition: background-color 0.3s ease !important; } /* Buy Now ও Quick View লাল */ .product-actions a.buy-now-button, .product-actions .yith-wcqv-button, .product-actions .quick-view { background-color: #ff0000 !important; } /* হোভার করলে কালো */ .product-actions a.buy-now-button:hover, .product-actions .yith-wcqv-button:hover, .product-actions .quick-view:hover { background-color: #ff0000 !important; } /* Read More কালো */ .product-actions a.button:not(.buy-now-button):not(.quick-view):not(.yith-wcqv-button) { background-color: #000000 !important; } } /* ৩. মোবাইল ও ট্যাবলেট সেটিংস (শুধু Buy Now) */ @media only screen and (max-width: 767px) { .product-inner .product-actions { position: relative !important; transform: none !important; display: flex !important; justify-content: center !important; align-items: center !important; padding: 10px 0 !important; width: 100% !important; } /* মোবাইলের Buy Now বাটন */ .product-actions a.button.buy-now-button { min-width: 128px !important; height: 44px !important; background-color: #ff0000 !important; color: #ffffff !important; font-family: 'Open Sans', sans-serif !important; font-size: 14px !important; font-weight: 500 !important; border-radius: 50px !important; display: flex !important; justify-content: center !important; align-items: center !important; border: none !important; padding: 0 14px !important; text-decoration: none !important; transition: background-color 0.3s ease !important; } .product-actions a.button.buy-now-button:hover { background-color: #000000 !important; } /* মোবাইলে বাকি সব বাটন হাইড */ .product-actions a.button:not(.buy-now-button), .product-actions .yith-wcqv-button, .product-actions .quick-view { display: none !important; } } /* ২. ডেস্কটপ সেটিংস */ @media only screen and (min-width: 768px) { /* ... আগের কোড ঠিক থাকবে ... */ /* Buy Now বাটনের জন্য নির্দিষ্ট হোভার স্টাইল */ .product-actions a.buy-now-button:hover { background-color: #000000 !important; color: #ffffff !important; } } /* ৩. মোবাইল সেটিংস */ @media only screen and (max-width: 767px) { /* মোবাইলের Buy Now বাটন হোভার ইফেক্ট */ .product-actions a.button.buy-now-button:hover { background-color: #000000 !important; } } /* বাটনগুলোর সাধারণ স্টাইল */ .product-actions button, .product-actions a.button { display: block; width: 100%; /* বাটনগুলো যেন সমান চওড়া হয় */ height: 48px; /* সব বাটনের উচ্চতা সমান রাখতে */ margin-bottom: 10px; /* বাটনের মাঝে নিচে ১০ পিক্সেল গ্যাপ */ text-align: center; line-height: 48px; box-sizing: border-box; /* সাইজ ঠিক রাখতে এটি জরুরি */ text-decoration: none; } /* শেষ বাটনের নিচের মার্জিন রিমুভ করার জন্য */ .product-actions button:last-child, .product-actions a.button:last-child { margin-bottom: 0; } /* পপআপের ভেতরে থাকা ইমেজের কোণা রাউন্ড করার জন্য */ .dgwt-wcas-has-img .dgwt-wcas-suggestion-img { border-radius: 8px !important; } /* ১. মেইন প্রোডাক্ট ইমেজ - স্কয়ার রাউন্ড শেপ */ .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image, .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img { border-radius: 20px !important; /* রাউন্ড শেপের মাত্রা */ aspect-ratio: 1 / 1 !important; /* ইমেজকে একদম বর্গাকার (Square) রাখবে */ object-fit: cover !important; display: block !important; overflow: hidden !important; /* যাতে ভেতরের ইমেজ রাউন্ড শেপের বাইরে না যায় */ } /* জুম ইফেক্ট কন্ট্রোল */ .woocommerce-product-gallery__image { position: relative; overflow: hidden !important; border-radius: 20px !important; border: 1px solid #f0f0f0; /* হালকা বর্ডার দিলে শেপটা আরও ফুটে ওঠে */ } /* ২. থাম্বনেইল ইমেজ - বর্ডার ও শেপ */ .flex-control-thumbs li { padding: 6px !important; } .flex-control-thumbs img { border-radius: 10px !important; border: 1px solid #eee !important; aspect-ratio: 1 / 1 !important; object-fit: cover !important; transition: border 0.3s ease; } /* ৩. একটিভ থাম্বনেইল - ১ পিক্সেল কালো বর্ডার */ .flex-control-thumbs img.flex-active { border: 1px solid #000 !important; box-shadow: none !important; } /* ৪. মোবাইল ডিভাইসে থাম্বনেইল অপ্টিমাইজেশন */ @media (max-width: 768px) { .flex-control-nav.flex-control-thumbs { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; margin-top: 15px !important; gap: 5px; /* থাম্বনেইলের মাঝে গ্যাপ */ } .flex-control-thumbs li { width: 70px !important; /* ফিক্সড উইডথ দিলে মোবাইল স্ক্রল সুন্দর হয় */ flex: 0 0 auto !important; } .aj-sold-container { display: flex; align-items: center; margin-bottom: 12px; width: 100%; clear: both; } .aj-fire-icon { margin-right: 7px; font-size: 18px; } .aj-sold-text { color: #e5534c; /* ভিডিওর মতো সেই লালচে রঙ */ font-size: 15px; font-weight: 600; font-family: inherit; } /* ইমেজ এবং কন্টেইনারের রেডিয়াস ফিক্স */ .page-header__image, .page-header__image img { border-radius: 15px !important; overflow: hidden !important; } /* ব্রেডক্রাম্ব হাইড করা (ডেক্সটপ ও মোবাইল উভয়ই) */ nav.site-breadcrumb.site-breadcrumb--yoast.woocommerce-breadcrumb { display: none !important; } /* হেডার প্যাডিং ফিক্স */ header.page-header { padding-top: 20px !important; padding-bottom: 10px !important; } /* ইমেজ মার্জিন */ .page-header__image { margin-top: 15px !important; } } /* Buy Now Button - Perfect Size Match with Add to Cart */ .buy-now-button.loading, .motta-buy-now-button.loading { position: relative !important; color: transparent !important; /* লেখা হাইড করবে */ font-size: 0 !important; /* লেখা পুরোপুরি ভ্যানিশ করার জন্য */ pointer-events: none !important; } /* স্পিনারের সাইজ ১৬ পিক্সেল এবং বর্ডার ২ পিক্সেল করা হয়েছে */ .buy-now-button.loading::after, .motta-buy-now-button.loading::after { content: "" !important; position: absolute !important; top: 50% !important; left: 50% !important; width: 16px !important; /* ২০ থেকে কমিয়ে ১৬ করা হলো */ height: 16px !important; /* ২০ থেকে কমিয়ে ১৬ করা হলো */ margin-top: -8px !important; /* সাইজ অনুযায়ী এলাইনমেন্ট ঠিক করা */ margin-left: -8px !important; /* সাইজ অনুযায়ী এলাইনমেন্ট ঠিক করা */ border: 2px solid rgba(255, 255, 255, 0.3) !important; /* বর্ডার চিকন করা হয়েছে */ border-top: 2px solid #ffffff !important; border-radius: 50% !important; animation: aj_spin_loader 0.6s linear infinite !important; display: block !important; visibility: visible !important; } @keyframes aj_spin_loader { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Buy Now Button - Hide Text and Show Loader Exactly like Video */ .buy-now-button.loading, .motta-buy-now-button.loading { position: relative !important; color: transparent !important; /* লেখাটি অদৃশ্য করবে */ text-shadow: none !important; /* যদি কোনো শ্যাডো থাকে তা মুছে দেবে */ pointer-events: none !important; } /* Buy Now Button - Full Text Hide During Loading */ .buy-now-button.loading, .motta-buy-now-button.loading { position: relative !important; color: transparent !important; /* লেখাটি অদৃশ্য করবে */ font-size: 0 !important; /* লেখাটিকে শূন্য করে ফেলবে */ text-indent: -9999px !important; /* লেখাকে বাটনের বাইরে পাঠিয়ে দেবে */ pointer-events: none !important; /* ডাবল ক্লিক বন্ধ করবে */ } /* প্রিলোডার স্টাইল (Add to cart এর সাথে মিল রেখে সাইজ ঠিক করা হয়েছে) */ .buy-now-button.loading::after, .motta-buy-now-button.loading::after { content: "" !important; position: absolute !important; top: 50% !important; left: 50% !important; /* সাইজ ১৬ পিক্সেল করা হয়েছে যাতে বড় না দেখায় */ width: 16px !important; height: 16px !important; /* মাঝখানে রাখার জন্য মার্জিন অ্যাডজাস্ট করা হয়েছে */ margin-top: -8px !important; margin-left: -8px !important; /* বর্ডার ২ পিক্সেল করা হয়েছে যাতে বেশি মোটা না দেখায় */ border: 2px solid rgba(255, 255, 255, 0.3) !important; border-top: 2px solid #ffffff !important; border-radius: 50% !important; animation: aj_loader_spin 0.6s linear infinite !important; display: block !important; visibility: visible !important; /* শুধু স্পিনারটি দেখা যাবে */ text-indent: 0 !important; /* স্পিনার যাতে বাইরে না চলে যায় */ } @keyframes aj_loader_spin { to { transform: rotate(360deg); } /* ঘূর্ণন এনিমেশন */ } /* মোবাইল ভার্সনে ডোকান বাটন ফিক্স */ @media screen and (max-width: 768px) { /* ১. প্রোডাক্ট পাবলিশ/সেভ বাটন এর পজিশন ঠিক করা */ .dokan-dashboard-wrap input#publish.dokan-btn-lg, .dokan-dashboard-wrap button#publish.dokan-btn-lg { width: 100% !important; float: none !important; margin-top: 20px !important; /* ওপর থেকে গ্যাপ বাড়াবে */ margin-bottom: 20px !important; /* নিচে চেপে যাওয়া রোধ করবে */ padding: 12px 20px !important; height: auto !important; display: block !important; } /* ২. বাটন কন্টেইনার ফিক্স */ .dokan-product-edit-form .dokan-form-group.dokan-right { float: none !important; text-align: center !important; width: 100% !important; display: block !important; clear: both !important; } /* ৩. নিচের কোনো এলিমেন্টের সাথে লেগে থাকা রোধ করতে */ .dokan-dashboard-content { padding-bottom: 50px !important; } } /* WooCommerce Order Table Actions & View Button */ @media (max-width: 768px) { /* অর্ডার টেবিলের অ্যাকশন সেল ঠিক করা */ .woocommerce-orders-table__cell-order-actions { display: table-cell !important; text-align: right !important; width: auto !important; padding: 10px !important; } /* মোবাইল ভিউতে View বাটন স্টাইল */ .woocommerce-button.view, a.button.view { display: inline-block !important; background-color: #1e2124 !important; color: #fff !important; padding: 8px 25px !important; border-radius: 50px !important; width: auto !important; min-width: 80px !important; height: auto !important; line-height: normal !important; font-size: 14px !important; font-weight: 500 !important; text-decoration: none !important; border: none !important; } } /* ১. সাব-অর্ডার এবং জেনারেল ইনফো বক্সের ব্যাকগ্রাউন্ড (কালো ও রাউন্ড) */ body:not(.woocommerce-checkout) .woocommerce-info, .dokan-info { background-color: #000000 !important; /* ফুল ব্ল্যাক ব্যাকগ্রাউন্ড */ color: #ffffff !important; /* সাদা লেখা */ border: none !important; /* নীল বা অন্য বর্ডার রিমুভ */ border-radius: 10px !important; /* চারদিকের কোণা রাউন্ড */ padding-left: 60px !important; /* আইকনের জন্য জায়গা */ } /* ২. আইকন বক্সের ব্যাকগ্রাউন্ড (লাল) */ body:not(.woocommerce-checkout) .woocommerce-info::before, .dokan-info::before { background-color: #ff0000 !important; /* আইকন বক্স লাল */ color: #ffffff !important; /* আইকন সাদা */ border-radius: 4px !important; /* আইকন বক্স হালকা রাউন্ড */ padding: 5px !important; } /* টেবিলের ভেতরের সব ছোট ছোট লাইন বা বর্ডার রিমুভ */ .woocommerce-orders-table th, .woocommerce-orders-table td, .woocommerce-orders-table tr, .woocommerce-orders-table { border-top: 0 !important; border-bottom: 0 !important; border: none !important; outline: none !important; box-shadow: none !important; } /* বিশেষভাবে 'Total' কলামের বর্ডার রিমুভ */ .woocommerce-orders-table__cell-order-total, .woocommerce-orders-table__header-order-total { border: none !important; } /* টেবিলের মাঝখানের লাইন (Border Collapse) বন্ধ করা */ .woocommerce-table--order-details, .shop_table { border-collapse: collapse !important; border-spacing: 0 !important; } /* শুধুমাত্র বাম পাশের ক্যাটাগরি মেনুর (যেমন: Deals) মেগা মেনু কন্টেইনারের জন্য */ /* স্ক্রল করলে Motta sticky হেডারে মেনুর কপি বানায় যার id হয় menu-category-menu-1, তাই id-এর শুরু ধরে মেলানো হয়েছে যাতে দুই অবস্থাতেই একই ৫৫৩px লাগে */ [id^="menu-category-menu"].menu .mega-menu-container.container-custom { box-sizing: border-box !important; height: 553px !important; min-height: 553px !important; max-height: 553px !important; overflow: hidden !important; } /* শুধু মোবাইল ভার্সনে View Order Message বাটন ঠিক করা */ @media (max-width: 768px) { /* আপনার বাটনের ক্লাস অনুযায়ী নিচের কোডটি কাজ করবে */ .woocommerce-orders-table__cell-order-actions a.button, .woocommerce-button.view, a.button.view { height: auto !important; /* বাটনের ফিক্সড উচ্চতা থাকলে তা রিমুভ করবে */ line-height: 1.4 !important; /* টেক্সট কেটে যাওয়া বন্ধ করবে */ padding: 10px 20px !important; /* চারদিকে পর্যাপ্ত জায়গা দেবে */ display: inline-block !important; text-align: center !important; color: #ffffff !important; /* লেখার রঙ একদম সাদা করবে */ font-size: 13px !important; /* লেখার সাইজ মোবাইলের জন্য পারফেক্ট করবে */ margin-top: 5px !important; /* ওপরের বাটন থেকে একটু দূরত্ব বজায় রাখবে */ } } /* যেকোনো হেডার/মেনুতে href = /pages/ এমন লিংকসহ li হাইড করবে */ li:has(> a[href*="/pages/"]) { display: none !important; } /* মোবাইল মেনু / off-canvas মেনুর জন্য অতিরিক্ত নিশ্চয়তা */ .menu-item:has(a[href*="/pages/"]) { display: none !important; } /* ফলব্যাক: যদি :has() সাপোর্ট না করে বা মার্কআপ ভিন্ন হয় */ a[href*="/pages/"] { display: none !important; } div.motta-single-product-sale { border-radius: 30px; } div.motta-single-product-sale { display: none !important; } .page-header__image { border-radius: 20px; overflow: hidden; /* ভিতরের ছবি যেন কোণা থেকে বের না হয়ে যায় */ } .page-header__image img { border-radius: 20px; } /* ডেক্সটপ (768px এর বেশি স্ক্রিন) এর জন্য শুধু */ @media (min-width: 768px) { .page-header__image { margin-top: 20px; } } /* =========================== AJExpress Mega Menu Fix =========================== */ .header-category, .header-category__content, [id^="menu-category-menu"], .mega-menu, .sub-menu.mega-menu { overflow: visible !important; } .header-category { position: relative !important; z-index: 999999 !important; } [id^="menu-category-menu"] > li { position: static !important; } /* সবগুলো মেগা মেনুর ফিক্সড হাইট ও সঠিক বক্স মডেল */ [id^="menu-category-menu"] > li > .mega-menu-container.container-custom { position: absolute !important; top: 0 !important; left: 100% !important; margin: 0 !important; width: 873px !important; /* ৫৫৩px নিখুঁত রাখতে গুরুত্বপূর্ণ পরিবর্তন */ box-sizing: border-box !important; height: 553px !important; min-height: 553px !important; max-height: 553px !important; padding: 20px 25px !important; overflow: hidden !important; display: block !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; transition: opacity .25s ease !important; z-index: 999999 !important; } [id^="menu-category-menu"] > li:hover > .mega-menu-container.container-custom { visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; } /* Elementor-এর ভেতরের অতিরিক্ত হাইট ও মার্জিন কন্ট্রোল */ .mega-menu-container .elementor, .mega-menu-container .elementor-section-wrap, .mega-menu-container .elementor-section, .mega-menu-container .elementor-container { box-sizing: border-box !important; height: 100% !important; max-height: 100% !important; } /* Deals-এর ভেতরের বড় ছবি ও কন্টেন্ট যেন হাইট ৫৬২ পিক্সেল করতে না পারে */ .mega-menu-container .elementor-widget { margin-bottom: 5px !important; } .mega-menu-container img { max-height: auto !important; /* ছবি বড় হয়ে কন্টেইনার ঠেলে দেওয়া বন্ধ করবে */ object-fit: contain !important; } /* ========================================================= AJ EXPRESS - CART & WISHLIST COUNTER Perfect 20x20 Circle Hide Completely When Empty / Hidden ========================================================= */ /* ---------- Counter Base ---------- */ .header-cart__counter, .header-wishlist__counter, .header-cart-counter, .header-wishlist-counter, span.counter.cart-counter, span.counter.wishlist-counter, .cart-counter, .wishlist-counter, span.cart-counter, span.wishlist-counter { width: 20px !important; height: 20px !important; min-width: 20px !important; min-height: 20px !important; max-width: 20px !important; max-height: 20px !important; padding: 0 !important; margin: 0 !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; aspect-ratio: 1 / 1 !important; background-color: #ff0000 !important; color: #ffffff !important; font-family: "Open Sans", sans-serif !important; font-size: 9px !important; font-weight: 600 !important; line-height: 20px !important; text-align: center !important; box-sizing: border-box !important; flex: 0 0 20px !important; flex-shrink: 0 !important; white-space: nowrap !important; overflow: hidden !important; } /* ========================================================= IMPORTANT: When Theme Adds "hidden" Class Counter MUST Completely Disappear ========================================================= */ .header-cart__counter.hidden, .header-wishlist__counter.hidden, .header-cart-counter.hidden, .header-wishlist-counter.hidden, span.counter.cart-counter.hidden, span.counter.wishlist-counter.hidden, .cart-counter.hidden, .wishlist-counter.hidden, span.cart-counter.hidden, span.wishlist-counter.hidden { display: none !important; width: 0 !important; height: 0 !important; min-width: 0 !important; min-height: 0 !important; max-width: 0 !important; max-height: 0 !important; padding: 0 !important; margin: 0 !important; } /* ========================================================= Empty Counter ========================================================= */ .header-cart__counter:empty, .header-wishlist__counter:empty, .header-cart-counter:empty, .header-wishlist-counter:empty, span.counter.cart-counter:empty, span.counter.wishlist-counter:empty, .cart-counter:empty, .wishlist-counter:empty { display: none !important; } /* ========================================================= Data Count = 0 ========================================================= */ .header-cart__counter[data-count="0"], .header-wishlist__counter[data-count="0"], .header-cart-counter[data-count="0"], .header-wishlist-counter[data-count="0"], .cart-counter[data-count="0"], .wishlist-counter[data-count="0"] { display: none !important; } /* ==================== WCBOOST WISHLIST ==================== */ .wcboost-wishlist,.wcboost-wishlist-items,.wcboost-wishlist .wishlist-items,.wcboost-wishlist .wishlist-products,.wcboost-wishlist .products{width:auto!important;max-width:none;} .wcboost-wishlist .wishlist-item,.wcboost-wishlist-items .wishlist-item,.wcboost-wishlist .wishlist-items>li,.wcboost-wishlist .wishlist-products>.product,.wcboost-wishlist .products>.product{border-radius:16px!important;overflow:hidden!important;} .wcboost-wishlist .wishlist-item,.wcboost-wishlist-items .wishlist-item,.wcboost-wishlist .wishlist-items>li,.wcboost-wishlist .wishlist-products>.product,.wcboost-wishlist .products>.product{background-clip:padding-box!important;} .wcboost-wishlist img,.wcboost-wishlist-items img{border-radius:0!important;} .wcboost-wishlist .remove,.wcboost-wishlist .remove-item,.wcboost-wishlist .wishlist-item-remove{border-radius:50%!important;} .wcboost-wishlist .quantity{width:auto!important;} @media (min-width:769px){ .wcboost-wishlist .wishlist-item,.wcboost-wishlist-items .wishlist-item,.wcboost-wishlist .wishlist-items>li,.wcboost-wishlist .wishlist-products>.product,.wcboost-wishlist .products>.product{border-radius:16px!important;} } @media (max-width:768px){ .wcboost-wishlist .wishlist-item,.wcboost-wishlist-items .wishlist-item,.wcboost-wishlist .wishlist-items>li,.wcboost-wishlist .wishlist-products>.product,.wcboost-wishlist .products>.product{border-radius:14px!important;} } /* ==================== WOOCOMMERCE CART ==================== */ /* DESKTOP */ @media only screen and (min-width:1025px){ body.woocommerce-cart .woocommerce-cart-form, body.woocommerce-cart .woocommerce-cart-form table.shop_table, body.woocommerce-cart table.shop_table.cart{ border-radius:16px!important; background-clip:padding-box!important; } body.woocommerce-cart .cart-collaterals{ border-radius:16px!important; background-clip:padding-box!important; } body.woocommerce-cart .cart-collaterals .cart_totals, body.woocommerce-cart .cart_totals{ border-radius:16px!important; background-clip:padding-box!important; } body.woocommerce-cart .cart_totals table.shop_table{ border-radius:16px!important; } } /* TABLET + MOBILE */ @media only screen and (max-width:1024px){ body.woocommerce-cart .woocommerce-cart-form{ position:relative!important; width:100%!important; max-width:100%!important; box-sizing:border-box!important; border:1px solid #e5e8ec!important; border-radius:16px!important; background:#ffffff!important; overflow:visible!important; } body.woocommerce-cart .woocommerce-cart-form table.shop_table, body.woocommerce-cart .woocommerce-cart-form table.shop_table.cart, body.woocommerce-cart table.shop_table.cart{ width:100%!important; max-width:100%!important; box-sizing:border-box!important; border-left:0!important; border-right:0!important; border-top:0!important; border-bottom:0!important; border-radius:0!important; margin-left:0!important; margin-right:0!important; overflow:visible!important; } body.woocommerce-cart .woocommerce-cart-form table.shop_table.cart tr.cart_item{ position:relative!important; box-sizing:border-box!important; padding-right:46px!important; } body.woocommerce-cart .woocommerce-cart-form table.shop_table.cart tr.cart_item td.product-remove{ position:absolute!important; right:12px!important; left:auto!important; top:50%!important; transform:translateY(-50%)!important; width:28px!important; min-width:28px!important; max-width:28px!important; height:32px!important; padding:0!important; margin:0!important; display:flex!important; align-items:center!important; justify-content:center!important; box-sizing:border-box!important; z-index:5!important; } body.woocommerce-cart .woocommerce-cart-form table.shop_table.cart tr.cart_item td.product-remove a{ position:static!important; right:auto!important; left:auto!important; top:auto!important; transform:none!important; margin:0!important; display:flex!important; align-items:center!important; justify-content:center!important; } body.woocommerce-cart .woocommerce-cart-form table.shop_table.cart td.actions{ width:100%!important; max-width:100%!important; box-sizing:border-box!important; padding-left:14px!important; padding-right:14px!important; overflow:visible!important; } body.woocommerce-cart .woocommerce-cart-form .actions .coupon{ width:100%!important; max-width:100%!important; display:flex!important; align-items:center!important; flex-wrap:nowrap!important; gap:12px!important; box-sizing:border-box!important; float:none!important; margin-left:0!important; margin-right:0!important; } body.woocommerce-cart .woocommerce-cart-form .actions .coupon #coupon_code, body.woocommerce-cart .woocommerce-cart-form .actions .coupon .input-text{ flex:1 1 0!important; width:0!important; min-width:0!important; max-width:none!important; box-sizing:border-box!important; margin:0!important; } body.woocommerce-cart .woocommerce-cart-form .actions .coupon button, body.woocommerce-cart .woocommerce-cart-form .actions .coupon .button{ flex:0 0 auto!important; width:auto!important; min-width:0!important; max-width:48%!important; box-sizing:border-box!important; margin:0!important; white-space:nowrap!important; } body.woocommerce-cart .cart-collaterals{ width:100%!important; max-width:100%!important; box-sizing:border-box!important; border-radius:16px!important; background-clip:padding-box!important; overflow:visible!important; } body.woocommerce-cart .cart-collaterals .cart_totals, body.woocommerce-cart .cart_totals{ width:100%!important; max-width:100%!important; box-sizing:border-box!important; border-radius:16px!important; background-clip:padding-box!important; overflow:visible!important; } body.woocommerce-cart .cart_totals table.shop_table{ width:100%!important; max-width:100%!important; box-sizing:border-box!important; border-radius:16px!important; } } /* MOBILE */ @media only screen and (max-width:767px){ body.woocommerce-cart .woocommerce-cart-form{ border-radius:14px!important; } body.woocommerce-cart .woocommerce-cart-form table.shop_table.cart tr.cart_item{ padding-right:42px!important; } body.woocommerce-cart .woocommerce-cart-form table.shop_table.cart tr.cart_item td.product-remove{ right:10px!important; width:26px!important; min-width:26px!important; max-width:26px!important; } body.woocommerce-cart .woocommerce-cart-form table.shop_table.cart td.actions{ padding-left:12px!important; padding-right:12px!important; } body.woocommerce-cart .woocommerce-cart-form .actions .coupon{ width:100%!important; gap:10px!important; } body.woocommerce-cart .woocommerce-cart-form .actions .coupon #coupon_code, body.woocommerce-cart .woocommerce-cart-form .actions .coupon .input-text{ flex:1 1 0!important; width:0!important; min-width:0!important; margin:0!important; } body.woocommerce-cart .woocommerce-cart-form .actions .coupon button, body.woocommerce-cart .woocommerce-cart-form .actions .coupon .button{ flex:0 0 auto!important; width:auto!important; min-width:0!important; max-width:48%!important; margin:0!important; white-space:nowrap!important; } body.woocommerce-cart .cart-collaterals, body.woocommerce-cart .cart-collaterals .cart_totals, body.woocommerce-cart .cart_totals{ border-radius:14px!important; } } /* ==================== WCBOOST COMPARE ==================== */ /* * Keep WCBoost's native table layout intact. * Previous custom rules converted compare elements to flex rows and hid * empty cells. That breaks column alignment and can collapse product * columns for cached/logged-out visitors. * * Do not override table/row/cell widths or display modes here. */ /* ========================================================= AJExpress Mobile / Tablet Menu ONLY Rounded Corners Scroll + Layout + Position 100% Unchanged ========================================================= */ @media only screen and (max-width: 1024px) { /* পুরো Menu panel */ .offscreen-panel:not(#cart-panel) > .panel__container { border-radius: 18px !important; } /* উপরের দুই কোণা */ .offscreen-panel:not(#cart-panel) .panel__header { border-top-left-radius: 18px !important; border-top-right-radius: 18px !important; } /* নিচের দুই কোণা */ .offscreen-panel:not(#cart-panel) .panel__content { border-bottom-left-radius: 18px !important; border-bottom-right-radius: 18px !important; } } /* MOBILE */ @media only screen and (max-width: 767px) { .offscreen-panel:not(#cart-panel) > .panel__container { border-radius: 16px !important; } .offscreen-panel:not(#cart-panel) .panel__header { border-top-left-radius: 16px !important; border-top-right-radius: 16px !important; } .offscreen-panel:not(#cart-panel) .panel__content { border-bottom-left-radius: 16px !important; border-bottom-right-radius: 16px !important; } } /* ========================================================= AJExpress - Sidebar Cart ONLY Four Corners Rounded No Internal Layout Changes ========================================================= */ /* Main off-canvas cart */ #cart-panel.offscreen-panel.cart-panel { border-radius: 18px !important; overflow: hidden !important; } /* Actual white container */ #cart-panel.offscreen-panel.cart-panel > .panel__container { border-radius: 18px !important; overflow: hidden !important; background-clip: padding-box !important; } /* Top header যেন upper rounded corners cover না করে */ #cart-panel .panel__header { border-radius: 18px 18px 0 0 !important; } /* Bottom section যেন lower rounded corners ঠিক থাকে */ #cart-panel .panel__content { border-radius: 0 0 18px 18px !important; } /* Tablet */ @media only screen and (max-width: 1024px) { #cart-panel.offscreen-panel.cart-panel, #cart-panel.offscreen-panel.cart-panel > .panel__container { border-radius: 16px !important; } #cart-panel .panel__header { border-radius: 16px 16px 0 0 !important; } #cart-panel .panel__content { border-radius: 0 0 16px 16px !important; } } /* Mobile */ @media only screen and (max-width: 767px) { #cart-panel.offscreen-panel.cart-panel, #cart-panel.offscreen-panel.cart-panel > .panel__container { border-radius: 14px !important; } #cart-panel .panel__header { border-radius: 14px 14px 0 0 !important; } #cart-panel .panel__content { border-radius: 0 0 14px 14px !important; } } /* ========================================================= AJExpress - Mobile / Tablet Menu ONLY Four Corners Rounded Position / Width / Height / Layout Unchanged ========================================================= */ @media only screen and (max-width: 1024px) { /* Main menu panel */ .offscreen-panel:has(.panel__content.open-submenus-icon) { border-radius: 18px !important; overflow: hidden !important; background-clip: padding-box !important; } /* Inner white container */ .offscreen-panel:has(.panel__content.open-submenus-icon) > .panel__container { border-radius: 18px !important; overflow: hidden !important; background-clip: padding-box !important; } /* Top-left + Top-right */ .offscreen-panel:has(.panel__content.open-submenus-icon) .panel__header { border-radius: 18px 18px 0 0 !important; background-clip: padding-box !important; } /* Bottom-left + Bottom-right */ .offscreen-panel:has(.panel__content.open-submenus-icon) .panel__content.open-submenus-icon { border-radius: 0 0 18px 18px !important; background-clip: padding-box !important; } } /* ================= MOBILE ================= */ @media only screen and (max-width: 767px) { .offscreen-panel:has(.panel__content.open-submenus-icon), .offscreen-panel:has(.panel__content.open-submenus-icon) > .panel__container { border-radius: 16px !important; } .offscreen-panel:has(.panel__content.open-submenus-icon) .panel__header { border-radius: 16px 16px 0 0 !important; } .offscreen-panel:has(.panel__content.open-submenus-icon) .panel__content.open-submenus-icon { border-radius: 0 0 16px 16px !important; } } /* ========================================= Hide Breadcrumb - Blog + WooCommerce ========================================= */ nav.site-breadcrumb, nav.woocommerce-breadcrumb.site-breadcrumb { display: none !important; } /* ===================================================== AJExpress - Motta Mobile/Tablet Category Icon Fix Desktop unaffected ===================================================== */ @media (max-width: 1024px) { .offscreen-panel .menu-item, .offscreen-panel .menu-item > a, .offscreen-panel .menu-item img, .offscreen-panel .menu-item svg, .offscreen-panel .menu-item [class*="icon"] { overflow: visible !important; max-height: none !important; } } /* WooCommerce Checkout - Rounded Fix */ .woocommerce-checkout form.checkout :is( #customer_details .col-1, #customer_details .col-2, #order_review ){ border:1px solid #e5e5e5!important; border-radius:24px!important; padding:25px!important; box-sizing:border-box!important; background:#fff!important; } .woocommerce-checkout form.checkout #customer_details .col-1{ margin-bottom:24px!important; } .woocommerce-checkout form.checkout :is( .woocommerce-billing-fields, .woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields, .woocommerce-shipping-fields__field-wrapper, .woocommerce-additional-fields, .woocommerce-additional-fields__field-wrapper, #customer_details .form-row ){ border:0!important; outline:0!important; box-shadow:none!important; } .woocommerce-checkout form.checkout :is( input.input-text, input[type="text"], input[type="email"], input[type="tel"], input[type="password"], select, .select2-selection ){ border-radius:30px!important; } .woocommerce-checkout form.checkout .select2-selection--single{ overflow:hidden!important; } .woocommerce-checkout form.checkout #order_comments{ border-radius:22px!important; } .woocommerce-checkout form.checkout{ border:0!important; box-shadow:none!important; } .woocommerce-checkout form.checkout :is( .woocommerce-shipping-fields, .woocommerce-shipping-fields h3, #ship-to-different-address ){ border-top:0!important; border-bottom:0!important; box-shadow:none!important; } .woocommerce-checkout form.checkout :is( .woocommerce-shipping-fields, #ship-to-different-address )::before, .woocommerce-checkout form.checkout :is( .woocommerce-shipping-fields, #ship-to-different-address )::after{ display:none!important; content:none!important; } .woocommerce-checkout form.checkout #payment{ width:100%!important; max-width:100%!important; margin:0!important; padding:20px 30px!important; box-sizing:border-box!important; overflow:hidden!important; } .woocommerce-checkout form.checkout #payment :is( .wc_payment_methods, .payment_methods ){ max-width:100%!important; box-sizing:border-box!important; } .woocommerce-checkout form.checkout #payment .wc_payment_methods{ margin:0!important; padding-left:0!important; padding-right:0!important; } .woocommerce-checkout form.checkout #payment :is(ul,div){ margin-left:0!important; margin-right:0!important; } @media(max-width:991px){ .woocommerce-checkout form.checkout #customer_details .col-2{ margin-top:0!important; } } /* ========================================= Dokan Vendor Onboarding - Unified Style ========================================= */ /* All Login + Registration fields */ .dokan-onboarding-container input[type="text"], .dokan-onboarding-container input[type="email"], .dokan-onboarding-container input[type="tel"], .dokan-onboarding-container input[type="password"], .dokan-onboarding-container input[type="number"], .dokan-onboarding-container select, .dokan-onboarding-container .dokan-form-control, .dokan-onboarding-container .select2-selection { width: 100% !important; min-height: 50px !important; padding: 12px 22px !important; border: 1px solid #d9d9d9 !important; border-radius: 30px !important; background: #fff !important; box-shadow: none !important; outline: none !important; box-sizing: border-box !important; } /* Focus */ .dokan-onboarding-container input:focus, .dokan-onboarding-container select:focus, .dokan-onboarding-container .dokan-form-control:focus, .dokan-onboarding-container .select2-selection:focus { border-color: #bfc5ca !important; box-shadow: none !important; } /* LOGIN button = REGISTER button */ .dokan-onboarding-container button.woocommerce-button.woocommerce-form-login__submit, .dokan-onboarding-container .woocommerce-form-login__submit { width: 160px !important; height: 60px !important; min-height: 60px !important; padding: 0 28px !important; border: 0 !important; border-radius: 30px !important; background: #000 !important; color: #fff !important; font-weight: 600 !important; line-height: 60px !important; text-align: center !important; box-shadow: none !important; } /* Register button same styling */ .dokan-onboarding-container input.woocommerce-Button.woocommerce-button.button, .dokan-onboarding-container button[name="register"] { width: 160px !important; height: 60px !important; min-height: 60px !important; padding: 0 28px !important; border: 0 !important; border-radius: 30px !important; background: #000 !important; color: #fff !important; font-weight: 600 !important; box-shadow: none !important; } /* Button hover */ .dokan-onboarding-container :is( .woocommerce-form-login__submit, input.woocommerce-Button, button[name="register"] ):hover { background: #111 !important; color: #fff !important; } /* Select2 full round */ .dokan-onboarding-container .select2-container .select2-selection--single { height: 50px !important; border-radius: 30px !important; } .dokan-onboarding-container .select2-selection__rendered { line-height: 48px !important; } /* ========================================= WooCommerce Thank You Page - Rounded Boxes ========================================= */ /* Order summary box */ body.woocommerce-order-received .woocommerce-order-overview { border: 1px solid #e5e5e5 !important; border-radius: 24px !important; padding: 24px !important; box-sizing: border-box !important; overflow: hidden !important; } /* Order overview-এর ভেতরের extra border remove */ body.woocommerce-order-received .woocommerce-order-overview li { border: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } /* Order details full box */ body.woocommerce-order-received .woocommerce-order-details { border: 1px solid #e5e5e5 !important; border-radius: 24px !important; padding: 24px !important; margin-top: 28px !important; box-sizing: border-box !important; overflow: hidden !important; } /* Order details table */ body.woocommerce-order-received .woocommerce-order-details table { width: 100% !important; border: 0 !important; margin: 0 !important; } /* Table cells যেন outer border-এর সাথে conflict না করে */ body.woocommerce-order-received .woocommerce-order-details th, body.woocommerce-order-received .woocommerce-order-details td { border-left: 0 !important; border-right: 0 !important; } /* Mobile */ @media (max-width: 767px) { body.woocommerce-order-received .woocommerce-order-overview, body.woocommerce-order-received .woocommerce-order-details { border-radius: 20px !important; padding: 20px !important; } } /* My Account Login/Register outer box - all devices */ body.woocommerce-account #customer_login{ border:1px solid #e5e5e5 !important; border-radius:24px !important; overflow:hidden !important; box-sizing:border-box !important; } /* Tablet */ @media (max-width:1024px){ body.woocommerce-account #customer_login{ border:1px solid #e5e5e5 !important; border-radius:24px !important; overflow:hidden !important; } } /* Mobile */ @media (max-width:767px){ body.woocommerce-account #customer_login{ border:1px solid #e5e5e5 !important; border-radius:20px !important; overflow:hidden !important; } } /* AJExpress page 12 mobile/tablet header logo alignment */ @media (max-width:1024px){ body.page-id-12:not(.logged-in) .site-header__mobile .header-left-items > .header-logo{ position:relative!important; left:-19px!important; margin:0!important; transform:none!important; } } /* ========================================================= AJEXPRESS CHECKOUT — Town/City + Zone/Upazila Unified Style Visual-only: Billing + Shipping ========================================================= */ body.woocommerce-checkout :is( #billing_state_field, #shipping_state_field, #billing_city_field, #shipping_city_field ){ width:100%!important; max-width:100%!important; } body.woocommerce-checkout :is( #billing_state_field, #shipping_state_field, #billing_city_field, #shipping_city_field ) .select2-container{ width:100%!important; max-width:100%!important; display:block!important; } /* Keep Town/City and Zone/Upazila exactly the same control size. Existing theme colors/focus states are intentionally left untouched. */ body.woocommerce-checkout :is( #billing_state_field, #shipping_state_field, #billing_city_field, #shipping_city_field ) .select2-selection--single{ width:100%!important; min-height:58px!important; height:58px!important; padding:0 22px!important; border-radius:30px!important; display:flex!important; align-items:center!important; box-sizing:border-box!important; } body.woocommerce-checkout :is( #billing_state_field, #shipping_state_field, #billing_city_field, #shipping_city_field ) .select2-selection__rendered{ width:100%!important; height:56px!important; line-height:56px!important; padding:0 38px 0 0!important; font:inherit!important; box-sizing:border-box!important; } body.woocommerce-checkout :is( #billing_state_field, #shipping_state_field, #billing_city_field, #shipping_city_field ) .select2-selection__arrow{ height:56px!important; top:0!important; right:16px!important; } /* Native-select fallback: same size/roundness if SelectWoo is unavailable. */ body.woocommerce-checkout :is( #billing_state, #shipping_state, #billing_city, #shipping_city ){ width:100%!important; max-width:100%!important; min-height:58px!important; height:58px!important; padding-left:22px!important; padding-right:48px!important; border-radius:30px!important; box-sizing:border-box!important; } /* Town/City and Zone/Upazila dropdown panels: rounded on all four corners. */ body.woocommerce-checkout .select2-container--open .select2-dropdown{ border-radius:24px!important; overflow:hidden!important; } body.woocommerce-checkout .select2-container--open .select2-search--dropdown{ padding:10px!important; } body.woocommerce-checkout .select2-container--open .select2-search__field{ width:100%!important; min-height:46px!important; height:46px!important; padding:0 16px!important; border-radius:23px!important; box-shadow:none!important; outline:0!important; box-sizing:border-box!important; } /* ========================================================= AJEXPRESS CHECKOUT — Billing/Shipping Field Alignment Final Visual-only. No checkout data/logic changes. ========================================================= */ /* Billing fields: remove theme's extra inner horizontal spacing so they match the Shipping field width/position. */ body.woocommerce-checkout form.checkout #customer_details .woocommerce-billing-fields__field-wrapper{ width:100%!important; max-width:100%!important; padding-left:0!important; padding-right:0!important; margin-left:0!important; margin-right:0!important; box-sizing:border-box!important; } body.woocommerce-checkout form.checkout #customer_details :is( .woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper ) .form-row{ width:100%!important; max-width:100%!important; padding-left:0!important; padding-right:0!important; margin-left:0!important; margin-right:0!important; box-sizing:border-box!important; } /* Billing + Shipping text fields use one consistent control size. */ body.woocommerce-checkout form.checkout #customer_details :is( .woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper ) :is( input.input-text, input[type="text"], input[type="email"], input[type="tel"], input[type="password"] ){ width:100%!important; max-width:100%!important; min-height:58px!important; height:58px!important; box-sizing:border-box!important; } /* Town/City + Zone/Upazila selected text: true vertical centering. */ body.woocommerce-checkout :is( #billing_state_field, #shipping_state_field, #billing_city_field, #shipping_city_field ) .select2-selection--single{ display:flex!important; align-items:center!important; } body.woocommerce-checkout :is( #billing_state_field, #shipping_state_field, #billing_city_field, #shipping_city_field ) .select2-selection__rendered{ display:flex!important; align-items:center!important; width:100%!important; height:100%!important; min-height:0!important; line-height:1.2!important; padding-top:0!important; padding-bottom:0!important; margin:0!important; box-sizing:border-box!important; } body.woocommerce-checkout :is( #billing_state_field, #shipping_state_field, #billing_city_field, #shipping_city_field ) .select2-selection__arrow{ top:50%!important; transform:translateY(-50%)!important; height:28px!important; margin-top:0!important; } /* Remove the faint/double red glow around Billing/Shipping phone controls. Validation may still change the border color; only the extra shadow/glow is removed. */ body.woocommerce-checkout form.checkout :is(#billing_phone,#shipping_phone), body.woocommerce-checkout form.checkout :is(#billing_phone,#shipping_phone):focus, body.woocommerce-checkout form.checkout :is(#billing_phone,#shipping_phone):active, body.woocommerce-checkout form.checkout :is(#billing_phone,#shipping_phone):invalid{ box-shadow:none!important; -webkit-box-shadow:none!important; outline:none!important; background-image:none!important; filter:none!important; } #motta-popup-add-to-cart .modal__notices{ border-radius:15px!important; overflow:hidden!important; } .motta-icon-box-widget, .woocommerce-tabs.wc-tabs-wrapper{ border:1px solid #e5e5e5!important; border-radius:15px!important; overflow:hidden!important; } .elementor-element-d75fac5{ border-radius:15px!important; overflow:hidden!important; } .motta-articles-grid__wrapper{ border-radius:15px!important; overflow:hidden!important; } .ajr-customer-review-summary, .ajr-review-list-toolbar, .woocommerce-message, .woocommerce-error{ border-radius:20px!important; overflow:hidden!important; } /* WCBoost Compare Popup - rounded */ .wcboost-products-compare-popup__body{ border-radius:20px!important; overflow:hidden!important; } /* WCBoost Compare Counter - round + red */ .header-counter.header-compare__counter{ width:20px!important; min-width:20px!important; max-width:20px!important; height:20px!important; min-height:20px!important; padding:0!important; margin:0!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; background:#ff0000!important; color:#fff!important; border:0!important; border-radius:50%!important; box-sizing:border-box!important; font-size:11px!important; line-height:20px!important; text-align:center!important; white-space:nowrap!important; flex:0 0 20px!important; } /* */ /* ========================================================= AJExpress WCBoost Compare - Mobile/Tablet alignment only Keeps the desktop layout and all existing compare behavior unchanged. ========================================================= */ @media only screen and (max-width: 1024px) { /* Allow the native comparison table to scroll instead of squeezing rows. */ .wcboost-products-compare-popup__body { overflow-x: auto !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; } /* Restore real table semantics if theme/mobile CSS changes them. */ .wcboost-products-compare-popup__body table { display: table !important; width: max-content !important; min-width: 100% !important; table-layout: fixed !important; border-collapse: separate !important; border-spacing: 0 !important; } .wcboost-products-compare-popup__body thead { display: table-header-group !important; } .wcboost-products-compare-popup__body tbody { display: table-row-group !important; } .wcboost-products-compare-popup__body tfoot { display: table-footer-group !important; } .wcboost-products-compare-popup__body tr { display: table-row !important; width: auto !important; height: auto !important; } .wcboost-products-compare-popup__body th, .wcboost-products-compare-popup__body td { display: table-cell !important; float: none !important; clear: none !important; box-sizing: border-box !important; width: 190px !important; min-width: 190px !important; max-width: 190px !important; height: auto !important; padding: 12px 14px !important; vertical-align: middle !important; text-align: center !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: normal !important; } /* Feature-name column: Rating, Price, Availability, SKU, etc. */ .wcboost-products-compare-popup__body tr > th:first-child, .wcboost-products-compare-popup__body tr > td:first-child { width: 118px !important; min-width: 118px !important; max-width: 118px !important; text-align: left !important; vertical-align: middle !important; white-space: normal !important; } /* Do not let product media/text overflow into the next column. */ .wcboost-products-compare-popup__body img { max-width: 100% !important; height: auto !important; } .wcboost-products-compare-popup__body .price, .wcboost-products-compare-popup__body .stock, .wcboost-products-compare-popup__body .woocommerce-Price-amount, .wcboost-products-compare-popup__body .star-rating { max-width: 100% !important; box-sizing: border-box !important; } } @media only screen and (max-width: 767px) { .wcboost-products-compare-popup__body th, .wcboost-products-compare-popup__body td { width: 175px !important; min-width: 175px !important; max-width: 175px !important; padding: 10px 12px !important; } .wcboost-products-compare-popup__body tr > th:first-child, .wcboost-products-compare-popup__body tr > td:first-child { width: 105px !important; min-width: 105px !important; max-width: 105px !important; } } /* ========================================================= AJExpress WCBoost Compare - remove duplicate row pseudo labels Mobile/Tablet only. Keeps the real table labels/values unchanged. ========================================================= */ @media only screen and (max-width: 1024px) { .wcboost-products-compare-popup__body table.compare_table tr[data-title]::before { content: none !important; display: none !important; } } /* ========================================================= AJExpress WCBoost Compare - fixed feature labels Mobile/Tablet only. Keep Rating/Price/Availability/SKU etc. in place while product columns scroll horizontally. ========================================================= */ @media only screen and (max-width: 1024px) { .wcboost-products-compare-popup__body table.compare_table tr[data-title]:not([data-title=""]) > th:first-child { position: sticky !important; left: 0 !important; z-index: 6 !important; background: #fff !important; box-shadow: none !important; } } /* ========================================================= AJExpress WCBoost Compare - Full Compare Page Final Full page only. Popup compare remains untouched. ========================================================= */ /* Rounded compare frame on the normal Compare page - all devices. */ #site-content .wcboost-products-compare__table{ border:1px solid #e5e5e5!important; border-radius:20px!important; overflow:auto!important; -webkit-overflow-scrolling:touch!important; box-sizing:border-box!important; } #site-content .wcboost-products-compare__table > table.compare_table{ margin-bottom:0!important; } /* Tablet/Mobile: use the same stable table behaviour as the fixed popup. */ @media only screen and (max-width:1024px){ #site-content .wcboost-products-compare__table table.compare_table{ display:table!important; width:max-content!important; min-width:100%!important; table-layout:fixed!important; border-collapse:separate!important; border-spacing:0!important; } #site-content .wcboost-products-compare__table table.compare_table thead{ display:table-header-group!important; } #site-content .wcboost-products-compare__table table.compare_table tbody{ display:table-row-group!important; } #site-content .wcboost-products-compare__table table.compare_table tfoot{ display:table-footer-group!important; } #site-content .wcboost-products-compare__table table.compare_table tr{ display:table-row!important; width:auto!important; height:auto!important; } #site-content .wcboost-products-compare__table table.compare_table th, #site-content .wcboost-products-compare__table table.compare_table td{ display:table-cell!important; float:none!important; clear:none!important; box-sizing:border-box!important; width:190px!important; min-width:190px!important; max-width:190px!important; height:auto!important; padding:12px 14px!important; vertical-align:middle!important; text-align:center!important; white-space:normal!important; overflow-wrap:anywhere!important; word-break:normal!important; } /* Feature names stay fixed while the product columns scroll. */ #site-content .wcboost-products-compare__table table.compare_table tr > th:first-child, #site-content .wcboost-products-compare__table table.compare_table tr > td:first-child{ width:118px!important; min-width:118px!important; max-width:118px!important; text-align:left!important; vertical-align:middle!important; white-space:normal!important; } #site-content .wcboost-products-compare__table table.compare_table tr[data-title]:not([data-title=""]) > th:first-child{ position:sticky!important; left:0!important; z-index:6!important; background:#fff!important; box-shadow:none!important; } /* Remove the mobile pseudo-labels so Rating/Price/etc. appear only once. */ #site-content .wcboost-products-compare__table table.compare_table tr[data-title]::before{ content:none!important; display:none!important; } #site-content .wcboost-products-compare__table img{ max-width:100%!important; height:auto!important; } #site-content .wcboost-products-compare__table .price, #site-content .wcboost-products-compare__table .stock, #site-content .wcboost-products-compare__table .woocommerce-Price-amount, #site-content .wcboost-products-compare__table .star-rating{ max-width:100%!important; box-sizing:border-box!important; } } @media only screen and (max-width:767px){ #site-content .wcboost-products-compare__table table.compare_table th, #site-content .wcboost-products-compare__table table.compare_table td{ width:175px!important; min-width:175px!important; max-width:175px!important; padding:10px 12px!important; } #site-content .wcboost-products-compare__table table.compare_table tr > th:first-child, #site-content .wcboost-products-compare__table table.compare_table tr > td:first-child{ width:105px!important; min-width:105px!important; max-width:105px!important; } } /* ========================================================= AJExpress WCBoost Compare - Desktop rounded-frame spacing Desktop full Compare page only. Keeps mobile/tablet and popup untouched. ========================================================= */ @media only screen and (min-width:1025px){ #site-content .wcboost-products-compare__table{ padding-left:28px!important; padding-right:28px!important; padding-bottom:24px!important; } } /* ========================================================= AJExpress WCBoost Compare - Desktop fixed feature labels Desktop only. Keep Rating/Price/Availability/SKU/etc. fixed while product/value columns scroll horizontally. ========================================================= */ @media only screen and (min-width:1025px){ .wcboost-products-compare-popup__body table.compare_table tr[data-title]:not([data-title=""]) > th:first-child, #site-content .wcboost-products-compare__table table.compare_table tr[data-title]:not([data-title=""]) > th:first-child{ position:sticky!important; left:0!important; z-index:6!important; background:#fff!important; box-shadow:none!important; } } /* ========================================================= AJExpress Final Visual Fixes 1) Desktop full Compare page: keep feature labels fully opaque/fixed at the same inner edge as the rounded frame spacing. 2) Mobile/Tablet: make AJExpress Commitment border clearer. 3) Mobile/Tablet: add clean inner spacing for WooCommerce tabs/Description. ========================================================= */ /* Desktop full Compare page only — popup remains untouched. */ @media only screen and (min-width:1025px){ #site-content .wcboost-products-compare__table table.compare_table tr[data-title]:not([data-title=""]) > th:first-child{ position:sticky!important; left:28px!important; z-index:30!important; background:#fff!important; background-clip:padding-box!important; box-shadow:none!important; } } /* Mobile + Tablet single-product visual cleanup only. */ @media only screen and (max-width:1024px){ /* AJExpress Commitment: retain the existing shape, make the outline visible. */ .single-product #icon-box-1 .motta-icon-box-widget{ border:1px solid #d6d6d6!important; border-radius:15px!important; overflow:hidden!important; box-shadow:none!important; } /* Description / Additional information / Reviews / Q&A wrapper. */ .single-product .woocommerce-tabs.wc-tabs-wrapper{ border-color:#d6d6d6!important; border-radius:15px!important; overflow:hidden!important; } /* Keep tab/accordion text comfortably away from the outer border. */ .single-product .woocommerce-tabs.wc-tabs-wrapper > .wc-tabs > li > a{ padding-left:18px!important; padding-right:18px!important; box-sizing:border-box!important; } .single-product .woocommerce-tabs.wc-tabs-wrapper > .woocommerce-Tabs-panel{ padding-left:18px!important; padding-right:18px!important; box-sizing:border-box!important; } } /* ========================================================= AJExpress FINAL TARGETED FIX 1) Desktop full Compare page: prevent scrolled product cells from showing beneath the fixed feature-label area / inner border gap. 2) Mobile/Tablet Motta commitment box: keep both side borders visible. ========================================================= */ /* Desktop full Compare page only — popup is intentionally untouched. */ @media only screen and (min-width:1025px){ #site-content .wcboost-products-compare__table table.compare_table tr[data-title]:not([data-title=""]) > th:first-child{ position:sticky!important; left:28px!important; z-index:60!important; background:#fff!important; background-clip:border-box!important; box-shadow:-28px 0 0 #fff!important; isolation:isolate!important; } } /* Mobile + Tablet single-product commitment box only. */ @media only screen and (max-width:1024px){ .single-product #icon-box-1 .motta-icon-box-widget{ margin-left:0!important; margin-right:0!important; box-sizing:border-box!important; border-left:1px solid #d6d6d6!important; border-right:1px solid #d6d6d6!important; } } /* ========================================================= AJExpress FINAL TWO FIXES 1) Desktop full Compare page: keep all scrolling product/value cells behind the fixed feature-label column, exactly like the popup. 2) Mobile/Tablet Motta icon box: force both side borders visible. ========================================================= */ /* Desktop full Compare page only — popup remains untouched. */ @media only screen and (min-width:1025px){ #site-content .wcboost-products-compare__table table.compare_table{ border-collapse:separate!important; border-spacing:0!important; } #site-content .wcboost-products-compare__table table.compare_table tr[data-title]:not([data-title=""]) > td{ position:relative!important; z-index:1!important; } #site-content .wcboost-products-compare__table table.compare_table tr[data-title]:not([data-title=""]) > th:first-child{ position:sticky!important; left:0!important; z-index:100!important; background:#fff!important; background-clip:border-box!important; box-shadow:-28px 0 0 28px #fff!important; isolation:isolate!important; transform:translateZ(0)!important; } } /* Mobile + Tablet single-product Motta commitment box only. */ @media only screen and (max-width:1024px){ .single-product #icon-box-1 > .motta-icon-box-widget, .single-product #icon-box-1 .motta-icon-box-widget{ margin-left:0!important; margin-right:0!important; width:100%!important; max-width:100%!important; box-sizing:border-box!important; border:1px solid #d0d0d0!important; border-radius:15px!important; overflow:hidden!important; background:#fff!important; box-shadow:inset 1px 0 0 #d0d0d0, inset -1px 0 0 #d0d0d0!important; } } /* ========================================================= AJExpress FINAL DESKTOP FULL-COMPARE LABEL RESTORE Restore the real feature labels while keeping the 28px inner gap opaque. Popup / mobile / tablet remain untouched. ========================================================= */ @media only screen and (min-width:1025px){ #site-content .wcboost-products-compare__table table.compare_table tr[data-title]:not([data-title=""]) > th:first-child{ position:sticky!important; left:28px!important; z-index:120!important; background:#fff!important; background-clip:border-box!important; box-shadow:none!important; isolation:isolate!important; transform:none!important; overflow:visible!important; color:#7c818b!important; opacity:1!important; visibility:visible!important; text-indent:0!important; } #site-content .wcboost-products-compare__table table.compare_table tr[data-title]:not([data-title=""]) > th:first-child::after{ content:""!important; position:absolute!important; top:0!important; right:100%!important; bottom:0!important; width:28px!important; background:#fff!important; pointer-events:none!important; z-index:-1!important; } } /* ========================================================= AJExpress FINAL DESKTOP FULL-COMPARE STACKING FIX Match the working desktop popup: the real feature-name stays above normal/static product cells while scrolling. Existing mobile/tablet and popup rules remain untouched. ========================================================= */ @media only screen and (min-width:1025px){ #site-content .wcboost-products-compare__table table.compare_table tr[data-title]:not([data-title=""]) > td{ position:static!important; z-index:auto!important; } #site-content .wcboost-products-compare__table table.compare_table tr[data-title]:not([data-title=""]) > th:first-child{ position:sticky!important; left:28px!important; z-index:999!important; background:#fff!important; background-clip:border-box!important; box-shadow:none!important; isolation:auto!important; transform:none!important; overflow:visible!important; opacity:1!important; visibility:visible!important; } /* Cover only the 28px inner frame gap; never cover the label text. */ #site-content .wcboost-products-compare__table table.compare_table tr[data-title]:not([data-title=""]) > th:first-child::before{ content:""!important; position:absolute!important; top:0!important; right:100%!important; bottom:0!important; width:28px!important; display:block!important; background:#fff!important; pointer-events:none!important; z-index:0!important; } #site-content .wcboost-products-compare__table table.compare_table tr[data-title]:not([data-title=""]) > th:first-child::after{ content:none!important; display:none!important; } } /* ========================================================= AJExpress DESKTOP FULL COMPARE - TRUE FIXED FEATURE COLUMN Full compare page only. Popup/mobile/tablet are untouched. Give the real feature-name column an opaque fixed width so horizontally-scrolling product cells can never bleed under it. ========================================================= */ @media only screen and (min-width:1025px){ #site-content .wcboost-products-compare__table table.compare_table{ border-collapse:separate!important; border-spacing:0!important; isolation:isolate!important; } #site-content .wcboost-products-compare__table table.compare_table tr[data-title]:not([data-title=""]) > th:first-child{ position:sticky!important; left:28px!important; z-index:1000!important; width:170px!important; min-width:170px!important; max-width:170px!important; box-sizing:border-box!important; background:#fff!important; background-clip:border-box!important; box-shadow:-28px 0 0 #fff!important; opacity:1!important; visibility:visible!important; overflow:hidden!important; isolation:isolate!important; } #site-content .wcboost-products-compare__table table.compare_table tr[data-title]:not([data-title=""]) > td{ position:relative!important; z-index:1!important; } } /* ========================================================= AJExpress FINAL TARGETED UI FIXES 1) WCBoost Wishlist Mobile/Tablet: keep Simple/Variable action buttons visible. 2) Checkout: remove faint red left-edge validation artefact from name/address/email. ========================================================= */ @media only screen and (max-width:1024px){ .wcboost-wishlist :is( .product-add-to-cart, .add-to-cart, .product-actions, .aj-wishlist-cart-action ){ display:block!important; visibility:visible!important; opacity:1!important; height:auto!important; max-height:none!important; overflow:visible!important; position:relative!important; transform:none!important; width:100%!important; box-sizing:border-box!important; } .wcboost-wishlist :is( .add_to_cart_button, .product_type_simple, .product_type_variable, .product_type_grouped, .product_type_external, .aj-wishlist-add-to-cart, .aj-wishlist-cart-action > .button ){ display:flex!important; visibility:visible!important; opacity:1!important; align-items:center!important; justify-content:center!important; width:100%!important; max-width:100%!important; height:auto!important; min-height:44px!important; margin-top:12px!important; position:relative!important; inset:auto!important; transform:none!important; box-sizing:border-box!important; } } /* Remove only the faint red left edge on the requested checkout fields. Existing normal/focus border behaviour remains intact. */ body.woocommerce-checkout form.checkout :is( #billing_first_name, #billing_address_1, #billing_email, #shipping_first_name, #shipping_address_1, #shipping_email ), body.woocommerce-checkout form.checkout :is( #billing_first_name, #billing_address_1, #billing_email, #shipping_first_name, #shipping_address_1, #shipping_email ):is(:focus,:active,:invalid){ box-shadow:none!important; -webkit-box-shadow:none!important; background-image:none!important; filter:none!important; } /* Full Name / Address / Email now use the theme's native border on all four sides, exactly like the Phone field. No custom left-edge override is applied. */ /* ========================================================= AJEXPRESS FINAL TARGETED CHECKOUT + WISHLIST UI FIXES 2026-09-24 Only the specifically requested visual states are touched. ========================================================= */ /* Place Order: keep the same black button while the existing OTP/loading animation is active. */ body.woocommerce-checkout #place_order.aj-btn-loading, body.woocommerce-checkout #place_order.aj-btn-loading:disabled{ background:#000!important; background-color:#000!important; border-color:#000!important; color:#fff!important; opacity:1!important; } /* Checkout OTP verification: same centered-spinner behaviour as the Forgot Password Verify Code button. */ #ajVerifyBtn.aj-btn-loading{ position:relative!important; background:#000!important; background-color:#000!important; border-color:#000!important; color:transparent!important; opacity:1!important; cursor:wait!important; } #ajVerifyBtn.aj-btn-loading::before{ content:""!important; position:absolute!important; top:50%!important; left:50%!important; width:20px!important; height:20px!important; margin:-10px 0 0 -10px!important; border:2px solid rgba(255,255,255,.40)!important; border-top-color:#fff!important; border-right-color:#fff!important; border-radius:50%!important; box-sizing:border-box!important; animation:ajBtnSpin .75s linear infinite!important; } /* Wishlist mobile/tablet: do not let responsive theme rules hide the same WooCommerce action area that is visible on desktop. */ @media only screen and (max-width:1024px){ .wcboost-wishlist :is(.product-add-to-cart,.add-to-cart,.product-actions,.wishlist-item-actions,.wishlist-actions,.aj-wishlist-cart-action,.aj-wishlist-mobile-action), .wcboost-wishlist-items :is(.product-add-to-cart,.add-to-cart,.product-actions,.wishlist-item-actions,.wishlist-actions,.aj-wishlist-cart-action,.aj-wishlist-mobile-action), .wishlist-items :is(.product-add-to-cart,.add-to-cart,.product-actions,.wishlist-item-actions,.wishlist-actions,.aj-wishlist-cart-action,.aj-wishlist-mobile-action), .wishlist-products :is(.product-add-to-cart,.add-to-cart,.product-actions,.wishlist-item-actions,.wishlist-actions,.aj-wishlist-cart-action,.aj-wishlist-mobile-action), .wishlist_table :is(.product-add-to-cart,.add-to-cart,.product-actions,.wishlist-item-actions,.wishlist-actions,.aj-wishlist-cart-action,.aj-wishlist-mobile-action){ display:block!important; visibility:visible!important; opacity:1!important; height:auto!important; max-height:none!important; overflow:visible!important; position:relative!important; transform:none!important; width:100%!important; max-width:100%!important; box-sizing:border-box!important; } .wcboost-wishlist :is(.add_to_cart_button,.product_type_simple,.product_type_variable,.product_type_grouped,.product_type_external,.aj-wishlist-add-to-cart,.aj-wishlist-mobile-action > .button), .wcboost-wishlist-items :is(.add_to_cart_button,.product_type_simple,.product_type_variable,.product_type_grouped,.product_type_external,.aj-wishlist-add-to-cart,.aj-wishlist-mobile-action > .button), .wishlist-items :is(.add_to_cart_button,.product_type_simple,.product_type_variable,.product_type_grouped,.product_type_external,.aj-wishlist-add-to-cart,.aj-wishlist-mobile-action > .button), .wishlist-products :is(.add_to_cart_button,.product_type_simple,.product_type_variable,.product_type_grouped,.product_type_external,.aj-wishlist-add-to-cart,.aj-wishlist-mobile-action > .button), .wishlist_table :is(.add_to_cart_button,.product_type_simple,.product_type_variable,.product_type_grouped,.product_type_external,.aj-wishlist-add-to-cart,.aj-wishlist-mobile-action > .button){ display:flex!important; visibility:visible!important; opacity:1!important; align-items:center!important; justify-content:center!important; width:100%!important; max-width:100%!important; min-height:44px!important; height:auto!important; margin-top:12px!important; position:relative!important; inset:auto!important; transform:none!important; box-sizing:border-box!important; } } /* ========================================================= AJEXPRESS LOCATION SELECT — My Account + Checkout Final targeted fix: account control size + connected open dropdown. ========================================================= */ /* My Account: Town/City + Zone/Upazila keep the exact compact height used by the existing address inputs. Checkout keeps its existing 58px sizing. */ body.woocommerce-account :is( #billing_state_field, #shipping_state_field, #billing_city_field, #shipping_city_field ){ width:100%!important; max-width:100%!important; } body.woocommerce-account :is( #billing_state_field, #shipping_state_field, #billing_city_field, #shipping_city_field ) .select2-container{ width:100%!important; max-width:100%!important; display:block!important; } body.woocommerce-account :is( #billing_state_field, #shipping_state_field, #billing_city_field, #shipping_city_field ) .select2-selection--single{ width:100%!important; min-height:50px!important; height:50px!important; padding:0 22px!important; border-radius:30px!important; display:flex!important; align-items:center!important; box-sizing:border-box!important; } body.woocommerce-account :is( #billing_state_field, #shipping_state_field, #billing_city_field, #shipping_city_field ) .select2-selection__rendered{ display:flex!important; align-items:center!important; width:100%!important; height:100%!important; min-height:0!important; line-height:1.2!important; padding:0 38px 0 0!important; margin:0!important; font:inherit!important; box-sizing:border-box!important; } body.woocommerce-account :is( #billing_state_field, #shipping_state_field, #billing_city_field, #shipping_city_field ) .select2-selection__arrow{ top:50%!important; right:16px!important; transform:translateY(-50%)!important; height:28px!important; margin-top:0!important; } /* Native-select fallback. */ body.woocommerce-account :is( #billing_state, #shipping_state, #billing_city, #shipping_city ){ width:100%!important; max-width:100%!important; min-height:50px!important; height:50px!important; padding-left:22px!important; padding-right:48px!important; border-radius:30px!important; box-sizing:border-box!important; } /* Selected control and its dropdown become one continuous shape when opened below, exactly like the original District field shown in the reference. */ :is(body.woocommerce-checkout,body.woocommerce-account) :is(#billing_state,#shipping_state,#billing_city,#shipping_city) + .select2-container.select2-container--open.select2-container--below .select2-selection--single, :is(body.woocommerce-checkout,body.woocommerce-account) .aj-location-select2.select2-container--open.select2-container--below .select2-selection--single{ border-bottom-left-radius:0!important; border-bottom-right-radius:0!important; } :is(body.woocommerce-checkout,body.woocommerce-account) :is(#billing_state,#shipping_state,#billing_city,#shipping_city) + .select2-container.select2-container--open.select2-container--above .select2-selection--single, :is(body.woocommerce-checkout,body.woocommerce-account) .aj-location-select2.select2-container--open.select2-container--above .select2-selection--single{ border-top-left-radius:0!important; border-top-right-radius:0!important; } :is(body.woocommerce-checkout,body.woocommerce-account).aj-location-select-open .select2-container--open .select2-dropdown--below, :is(body.woocommerce-checkout,body.woocommerce-account) .aj-location-dropdown.select2-dropdown--below{ margin-top:-1px!important; border-top:0!important; border-radius:0 0 24px 24px!important; overflow:hidden!important; } :is(body.woocommerce-checkout,body.woocommerce-account).aj-location-select-open .select2-container--open .select2-dropdown--above, :is(body.woocommerce-checkout,body.woocommerce-account) .aj-location-dropdown.select2-dropdown--above{ margin-bottom:-1px!important; border-bottom:0!important; border-radius:24px 24px 0 0!important; overflow:hidden!important; } :is(body.woocommerce-checkout,body.woocommerce-account).aj-location-select-open .select2-container--open .select2-search--dropdown, :is(body.woocommerce-checkout,body.woocommerce-account) .aj-location-dropdown .select2-search--dropdown{ padding:10px!important; } :is(body.woocommerce-checkout,body.woocommerce-account).aj-location-select-open .select2-container--open .select2-search__field, :is(body.woocommerce-checkout,body.woocommerce-account) .aj-location-dropdown .select2-search__field{ width:100%!important; min-height:46px!important; height:46px!important; padding:0 16px!important; border-radius:23px!important; box-shadow:none!important; outline:0!important; box-sizing:border-box!important; } /* ========================================================= AJ My Account address-only finishing fix - Match Town/City + Zone/Upazila height to the normal account inputs. - Keep dropdown-below visually joined exactly like dropdown-above. Checkout is intentionally untouched by this block. ========================================================= */ body.woocommerce-account :is( #billing_state_field, #shipping_state_field, #billing_city_field, #shipping_city_field ) .select2-selection--single{ min-height:44px!important; height:44px!important; } body.woocommerce-account :is( #billing_state, #shipping_state, #billing_city, #shipping_city ){ min-height:44px!important; height:44px!important; } /* My Account dropdown-below must mirror the already-correct drop-up junction. Keep the selected control's bottom rule visible, then start the results panel immediately after it. The previous negative overlap covered this rule. */ body.woocommerce-account .aj-location-select2.select2-container--open.select2-container--below .select2-selection--single{ position:relative!important; border-bottom-width:2px!important; border-bottom-style:solid!important; border-bottom-color:#1d2329!important; box-shadow:none!important; } body.woocommerce-account.aj-location-select-open .aj-location-dropdown.select2-dropdown--below{ margin-top:0!important; border-top:0!important; } /* ========================================================= AJ My Account dropdown-below mirror fix Make Billing/Shipping Town/City and Zone/Upazila opened-below look visually identical to the correct opened-above style. ========================================================= */ body.woocommerce-account .aj-location-select2.select2-container--open.select2-container--below .select2-selection--single{ border:2px solid #1d2329!important; border-bottom-left-radius:0!important; border-bottom-right-radius:0!important; box-shadow:none!important; overflow:hidden!important; } body.woocommerce-account.aj-location-select-open .aj-location-dropdown.select2-dropdown--below{ margin-top:0!important; border:2px solid #1d2329!important; border-top:0!important; border-radius:0 0 24px 24px!important; box-shadow:none!important; overflow:hidden!important; } /* ========================================================= AJ My Account dropdown-below FINAL mirror correction Mirror the already-correct drop-up appearance: - selected control keeps the single black joining rule - dropdown panel itself has no hard outer black frame - lower corners remain rounded Checkout is not affected. ========================================================= */ body.woocommerce-account .aj-location-select2.select2-container--open.select2-container--below .select2-selection--single{ border:2px solid #1d2329!important; border-bottom-left-radius:0!important; border-bottom-right-radius:0!important; box-shadow:none!important; overflow:hidden!important; } body.woocommerce-account.aj-location-select-open .aj-location-dropdown.select2-dropdown--below{ margin-top:0!important; border:0!important; border-radius:0 0 24px 24px!important; overflow:hidden!important; box-shadow:0 6px 14px rgba(0,0,0,.14)!important; } .motta-store-locations__item{ border-radius:24px!important; overflow:hidden!important; clip-path:inset(0 round 20px)!important; isolation:isolate!important; } .motta-store-locations__item::before, .motta-store-locations__item::after{ border-radius:20px!important; } .motta-store-locations__item img, .motta-store-locations__item .motta-store-locations__content{ border-radius:0!important; } .motta-store-locations__item, .motta-store-locations__item img{ border-radius:20px!important; overflow:hidden!important; }