/* পণ্যের পেজ — ব্র্যান্ড কালার: নীল #2596be (গাঢ় #176a88), ছাড়ের লাল #f0475e */

/* ছবির উপরের ছাড়ের ব্যাজ লুকানো (দামের পাশে % OFF দেখায়) */
.single-product .woocommerce-product-gallery .product-labels,
.single-product .wd-single-gallery .product-labels {
	display: none !important;
}

/* পাইকারি রেজিস্ট্রেশন ব্যানার */
.cl-wholesale {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 12px 14px;
	border-radius: 10px;
	background: linear-gradient(90deg, #176a88, #2596be);
	color: #fff;
}
.cl-wholesale p {
	margin: 0;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
	color: #fff;
}
.cl-wholesale-btn {
	flex: none;
	background: #fff;
	color: #176a88 !important;
	font-size: 14px;
	font-weight: 700;
	padding: 8px 16px;
	border-radius: 8px;
	text-decoration: none;
	transition: transform .15s;
}
.cl-wholesale-btn:hover { transform: translateY(-1px); }
.cl-wholesale-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
.cl-wholesale-btn svg { width: 18px; height: 18px; color: #25d366; flex: none; }
/* ব্র্যান্ড আর বিবরণের মাঝে খালি ঘর (লুকানো SKU-র container, সব স্ক্রিনে উচ্চতা ০) বাড়তি ২০px ফাঁকা তৈরি করছিল।
   প্রথমে শুধু মোবাইলে সরানো হয়েছিল, পরে ব্যবহারকারীর কথায় ডেস্কটপেও। */
.single-product .elementor-element[data-id="fec49a5"] { display: none; }
@media (max-width: 768px) {
	.cl-wholesale { padding: 10px 12px; gap: 10px; }
	.cl-wholesale p { font-size: 13px; }
	.cl-wholesale-btn { padding: 7px 12px; font-size: 13px; }
}

/* ব্র্যান্ডের সারি */
.cl-pb {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: #2596be !important;
	text-decoration: none;
	font-size: 15px;
	font-weight: 600;
}
.cl-pb-logo {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid #e5e7eb;
	background: #fff;
	display: grid;
	place-items: center;
	overflow: hidden;
	flex: none;
}
.cl-pb-logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	padding: 4px;
}
.cl-pb-mono {
	font-size: 13px;
	font-weight: 800;
	color: #2596be;
}
.cl-pb-arrow {
	width: 16px;
	height: 16px;
	color: #555;
	transition: transform .15s;
}
.cl-pb:hover .cl-pb-arrow { transform: translateX(3px); }
.cl-pb-inline {
	color: #2596be !important;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* দামের উপরে "1 Year Service Warranty" বক্স */
.cl-warranty {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 14px;
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	background: #fff;
	color: #1f2937;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
}
.cl-warranty { white-space: nowrap; }
/* বক্সটা দাম+স্টকের row container-এর বাইরে, ঠিক উপরে বসানো (scripts/product-page-layout.php)।
   সতর্কতা: column flex-এ flex-basis 100% দিলে পুরো উচ্চতা নিয়ে বাকি সব পাশের কলামে ঠেলে দেয় — দেওয়া যাবে না। */
.cl-warranty-shield { width: 20px; height: 20px; color: #2596be; flex: none; }
.cl-warranty-check { width: 20px; height: 20px; color: #2596be; flex: none; }
/* ওয়ারেন্টি + Authenticity: ডেস্কটপে পাশাপাশি, মোবাইলে একটার নিচে আরেকটা */
.cl-trust {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}
.cl-authentic {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	/* ওয়ারেন্টি বক্সের মতো একই বর্ডার/কোনা/প্যাডিং (ব্যবহারকারীর কথায়) */
	padding: 10px 14px;
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	background: #fff;
	color: #1f2937;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	white-space: nowrap;
}
.cl-authentic svg { width: 20px; height: 20px; color: #2596be; flex: none; }
@media (max-width: 768px) {
	.cl-warranty { font-size: 14px; padding: 9px 12px; }
	/* মোবাইলে দুটো বক্স একই চওড়া, ডান দিকের বর্ডার বরাবর (ব্যবহারকারীর কথায়) */
	.cl-trust { display: inline-flex; flex-direction: column; align-items: stretch; gap: 8px; }
	.cl-trust .cl-warranty,
	.cl-trust .cl-authentic { display: flex; }
	.cl-authentic { font-size: 14px; padding: 9px 12px; }
}

/* দামের পাশে "% OFF" (Arogga-র মতো ফিতা) */
.single-product .summary .price,
.single-product .elementor-widget-wd_single_product_price .price {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px 10px;
}
.cl-pp-off {
	position: relative;
	display: inline-flex;
	align-items: center;
	height: 26px;
	padding: 0 12px 0 10px;
	background: #f0475e;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
	border-radius: 4px 0 0 4px;
	white-space: nowrap;
}
/* "Recently viewed"/অন্য কার্ডে একই পণ্য এলে সেখানে ট্যাগ না দেখানো */
.wd-product .cl-pp-off { display: none !important; }
.cl-pp-off::after {
	content: "";
	position: absolute;
	right: -10px;
	top: 0;
	border-style: solid;
	border-width: 13px 0 13px 10px;
	border-color: transparent transparent transparent #f0475e;
}
