/* ==========================================================================
   FILE: assets/css/product-price.css
   PURPOSE: Styling for the product title + price block
   (template-parts/product/title-price.php) — matches Kicks Mania's
   single-product price layout: sale price big and FIRST (flex "order"),
   struck-through regular price small and second, then the "Save ₹X"
   pill tag (added by assets/js/product-price.js) third. Kicks Mania used
   its green accent colour here — Dapper Cloth keeps strict black/white,
   so the sale price and the save-tag border/text are black instead.
   HTML: template-parts/product/title-price.php | JS: assets/js/product-price.js
   ========================================================================== */

.dc-pp-head {
	margin: 18px 14px 0;
}
@media (min-width: 900px) {
	.dc-pp-head { margin: 0; }
}

.dc-pp-title {
	font-size: 20px;
	font-weight: 700;
	color: #000;
	margin: 0 0 10px;
	line-height: 1.3;
}

.dc-pp-price {
	display: flex !important;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 0 6px !important;
	font-size: 0 !important;
}

/* struck-through regular price — shown SECOND (order:2), small, grey */
.dc-pp-price del {
	order: 2;
	font-size: 15px !important;
	color: #888 !important;
	opacity: 1 !important;
	text-decoration: line-through;
}
.dc-pp-price del .woocommerce-Price-amount {
	color: #888 !important;
	font-weight: 400 !important;
}

/* sale price — shown FIRST (order:1), big, bold, black */
.dc-pp-price ins {
	order: 1;
	text-decoration: none !important;
	background: none !important;
	font-size: 26px !important;
	font-weight: 800 !important;
	color: #000 !important;
}
.dc-pp-price ins .woocommerce-Price-amount {
	color: #000 !important;
}

/* non-sale (regular-price-only) display */
.dc-pp-price > .woocommerce-Price-amount {
	font-size: 26px !important;
	font-weight: 800 !important;
	color: #000 !important;
}

/* "Save ₹X" pill — appended by product-price.js, shown THIRD */
.dc-pp-save-tag {
	order: 3;
	display: inline-block;
	background: #f2f2f2;
	border: 1px solid #000;
	color: #000;
	font-size: 11.5px;
	font-weight: 800;
	letter-spacing: .06em;
	padding: 5px 11px;
	border-radius: 20px;
	white-space: nowrap;
}

.dc-pp-tax {
	font-size: 12px;
	color: #666;
	margin: 0 0 16px;
}

@media (max-width: 749px) {
	.dc-pp-title { font-size: 20px; }
	.dc-pp-price ins,
	.dc-pp-price > .woocommerce-Price-amount { font-size: 23px !important; }
}
@media (min-width: 900px) {
	.dc-pp-title { font-size: 24px; }
}