/* NewAsNew BNPL 1.0.0
   Deliberately close to the theme's existing .product-emi styling so the block
   reads as part of the page, not as a plugin bolted on. */

.nan-bnpl-block {
	margin-top: 10px;
	padding: 10px 13px;
	border-radius: 10px;
	background: linear-gradient(135deg, #ecfdf5, #d1fae5);
	border: 1px solid #6ee7b7;
	line-height: 1.45;
	font-size: 13.5px;
	color: #065f46;
}

.nan-bnpl-head {
	display: flex;
	align-items: center;
	gap: 7px;
	font-size: 12.5px;
	letter-spacing: .01em;
}

.nan-bnpl-head strong { font-weight: 800; color: #064e3b; }

.nan-bnpl-chip {
	background: #059669;
	color: #fff;
	font-weight: 900;
	font-size: 11px;
	line-height: 1;
	padding: 4px 7px;
	border-radius: 5px;
	letter-spacing: .02em;
}

.nan-bnpl-main {
	margin-top: 5px;
	font-size: 15px;
	font-weight: 800;
	color: #064e3b;
}

.nan-bnpl-sub { margin-top: 2px; font-size: 12px; color: #047857; }

.nan-bnpl-bank {
	margin-top: 7px;
	padding-top: 6px;
	border-top: 1px dashed #6ee7b7;
	font-size: 11.5px;
	color: #4b5563;
}

/* Card line. The theme already sets nowrap + ellipsis at <=600px; we only
   change colour and weight so the 0% reads as a benefit, not as fine print. */
.pcard-emi.nan-bnpl-card {
	color: #047857 !important;
	font-weight: 700;
}

@media (max-width: 480px) {
	.nan-bnpl-block { font-size: 12.5px; padding: 9px 11px; }
	.nan-bnpl-main { font-size: 14px; }
}

/* The element we take over.
   Measured on the live site: setting style.display='none' inline does NOT hold —
   the theme's own variation script calls .show() on page load, which clears the
   inline style and the old EMI line reappears alongside ours. A stylesheet rule
   marked !important beats a non-important inline style, so the hiding survives.
   Removing the class restores the theme's own line exactly as it was. */
.nan-bnpl-was {
	display: none !important;
}