/* Kitchenu - Product title card (soft yellow) */

.single-product .product-title-container {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 0 16px !important;
	padding: 0 !important;
}

.single-product .product-title-container.is-uppercase {
	text-transform: none !important;
}

.single-product h1.product-title.product_title.entry-title {
	position: relative !important;
	overflow: hidden !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 18px 22px 18px 26px !important;
	border: 1px solid rgba(251, 191, 36, 0.38) !important;
	border-radius: 18px !important;
	background:
		radial-gradient(circle at 100% 50%, rgba(253, 230, 138, 0.55) 0%, transparent 42%),
		linear-gradient(135deg, #fffdf7 0%, #fff9eb 42%, #fef3c7 100%) !important;
	backdrop-filter: blur(14px) saturate(1.2) !important;
	-webkit-backdrop-filter: blur(14px) saturate(1.2) !important;
	box-shadow:
		0 1px 2px rgba(146, 64, 14, 0.04),
		0 10px 28px rgba(245, 158, 11, 0.1),
		inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
	color: #1c1917 !important;
	font-family: 'Vazirmatn', Tahoma, sans-serif !important;
	font-size: clamp(18px, 2.4vw, 24px) !important;
	font-weight: 800 !important;
	line-height: 1.55 !important;
	text-align: center !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	transition: box-shadow 0.2s ease, border-color 0.2s ease, transform 0.2s ease !important;
}

.single-product h1.product-title.product_title.entry-title::before {
	content: '' !important;
	position: absolute !important;
	top: 14px !important;
	bottom: 14px !important;
	right: 0 !important;
	width: 4px !important;
	border-radius: 4px 0 0 4px !important;
	background: linear-gradient(180deg, #f59e0b 0%, #fbbf24 100%) !important;
	box-shadow: 0 0 12px rgba(245, 158, 11, 0.35) !important;
}

.single-product h1.product-title.product_title.entry-title::after {
	content: '' !important;
	position: absolute !important;
	inset: 0 !important;
	pointer-events: none !important;
	border-radius: inherit !important;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.55) !important;
}

.single-product .custom-product-page .product-breadcrumb-container + .product-title-container h1.product-title,
.single-product .custom-product-page .product-title-container h1.product-title {
	min-height: 58px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

@media (max-width: 849px) {
	.single-product h1.product-title.product_title.entry-title {
		font-size: 16px !important;
		padding: 14px 16px 14px 20px !important;
		border-radius: 16px !important;
		min-height: 52px !important;
	}

	.single-product h1.product-title.product_title.entry-title::before {
		top: 12px !important;
		bottom: 12px !important;
	}
}

/* Beat theme custom-css + WPCode product title rules */
body.single-product .custom-product-page .product-title-container.is-small.is-uppercase h1.product-title.product_title.entry-title,
body.single-product .product-title-container h1.product-title.product_title.entry-title,
body.single-product h1.product-title.product_title.entry-title {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 18px 22px 18px 26px !important;
	border: 1px solid rgba(251, 191, 36, 0.38) !important;
	border-radius: 18px !important;
	background:
		radial-gradient(circle at 100% 50%, rgba(253, 230, 138, 0.55) 0%, transparent 42%),
		linear-gradient(135deg, #fffdf7 0%, #fff9eb 42%, #fef3c7 100%) !important;
	backdrop-filter: blur(14px) saturate(1.2) !important;
	-webkit-backdrop-filter: blur(14px) saturate(1.2) !important;
	box-shadow:
		0 1px 2px rgba(146, 64, 14, 0.04),
		0 10px 28px rgba(245, 158, 11, 0.1),
		inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
	color: #1c1917 !important;
	font-size: clamp(18px, 2.4vw, 24px) !important;
	font-weight: 800 !important;
	line-height: 1.55 !important;
	text-align: center !important;
	text-transform: none !important;
}

/* Soft amber — replaces legacy white/orange title overrides */
body.single-product h1.product-title.product_title.entry-title {
	background-color: #fff9eb !important;
	background-image:
		radial-gradient(circle at 100% 50%, rgba(253, 230, 138, 0.55) 0%, transparent 42%),
		linear-gradient(135deg, #fffdf7 0%, #fff9eb 42%, #fef3c7 100%) !important;
	color: #1c1917 !important;
	box-shadow:
		0 1px 2px rgba(146, 64, 14, 0.04),
		0 10px 28px rgba(245, 158, 11, 0.1),
		inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
	border: 1px solid rgba(251, 191, 36, 0.38) !important;
	width: 100% !important;
	max-width: 100% !important;
}