/* ==========================================================================
   Hot deals — the archive at /hot-deals and single-hot_deal.php.

   The card itself (.pm-card, .pm-tag--hot) is defined in components.css
   because it is loaded everywhere a card can appear; this file only holds
   what is specific to the hot deals pages themselves.
   ========================================================================== */

.pm-hot-deals__note {
	margin-top: 2.5rem;
	text-align: center;
	font-size: 0.875rem;
	font-style: italic;
	color: var(--text-secondary);
}

/* --------------------------------------------------------------------------
   Detail page — inline tag above the title, and the amber price to match.
   -------------------------------------------------------------------------- */

.pm-tag--inline {
	position: static;
	margin-bottom: 0.75rem;
}

.pm-detail__price-value--hot {
	color: var(--amber-text);
}

/*
 * The showroom/payment-terms notice, sitting between the price and the CTA
 * buttons — visible right after a buyer sees the number, before they act on
 * it. Hot deal only: cars in the main inventory carry no such notice.
 */
.pm-detail__hot-note {
	margin-top: 1rem;
	padding: 0.75rem 1rem;
	border: 1px solid var(--border);
	border-radius: var(--radius);
	background: var(--bg-elevated);
	font-size: 0.875rem;
	line-height: 1.6;
	color: var(--text-secondary);
}