/* ─── Custom price blocks (SRP card + VDP detail) ──────────────────────────────
   Toggled by PriceBreakdown in dealerinfo.aspx: 0 = normal price, 1 = breakdown.
   Markup lives in components/srp-custom-pricing.aspx and components/vdp-block-price.aspx.
   Loaded on both inventory.aspx and for-sale.aspx via components/inventory-head.aspx.
   ──────────────────────────────────────────────────────────────────────────── */

/* SRP layout */
.srp-price-cta { display: flex; align-items: flex-start; gap: 12px; }
.srp-price-cta .p1-block { flex: 1; min-width: 0; }
.srp-cta-block { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 8px; }

/* SRP normal price (PriceBreakdown = 0) */
.srp-price-cta .p1-block .p1price { font-size: 24px; font-weight: 800; color: var(--heading-color); line-height: 1.1; }
.srp-price-cta .p1-block .p1text { display: block; margin-top: 2px; font-size: 11px; font-weight: 500; color: var(--neutral-500); text-transform: uppercase; letter-spacing: 0.4px; line-height: 1.15; }

/* SRP breakdown (PriceBreakdown = 1) */
.srp-pb, .srp-pb-row-total { max-width: 240px; }
.srp-pb-row { display: flex; justify-content: space-between; align-items: baseline; padding: 2px 0; font-size: 12px; line-height: 1.3; }
.srp-pb-label { color: var(--neutral-500); font-weight: 500; }
.srp-pb-value { color: var(--heading-color); font-weight: 700; }
.srp-pb-row-total { margin-top: 6px; padding-top: 6px; border-top: 1px solid var(--neutral-200); align-items: center; }
.srp-pb-row-total .srp-pb-label { color: var(--heading-color); font-weight: 800; text-transform: uppercase; letter-spacing: 0.4px; font-size: 13px; }
.srp-pb-row-total .srp-pb-value { color: var(--primary); font-weight: 800; font-size: 24px; line-height: 1.1; }

/* SRP message button */
.srp-message-btn { display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #16a34a; color: white; text-decoration: none; padding: 10px 20px; border-radius: 8px; cursor: pointer; transition: background-color 0.2s ease; line-height: 1.3; text-align: center; width: 100%; }
.srp-message-btn:hover { background-color: #15803d; color: white; }
.srp-message-top { font-size: 10px; font-weight: 600; letter-spacing: 0.5px; opacity: 0.9; }
.srp-message-bottom { font-size: 16px; font-weight: 800; letter-spacing: 0.5px; }

/* VDP breakdown (PriceBreakdown = 1) */
.vdp-pb { max-width: 280px; border-bottom: 1px solid #e5e7eb; padding-bottom: 10px; margin-bottom: 12px; }
.vdp-pb-row { display: flex; justify-content: space-between; align-items: baseline; padding: 4px 0; font-size: 14px; line-height: 1.3; }
.vdp-pb-label { color: #6b7280; font-weight: 500; }
.vdp-pb-value { color: #111827; font-weight: 700; }

/* Mobile: stack the SRP breakdown over the button and center it. Scoped to the
   --pb modifier so normal-price cards keep their existing mobile layout. */
@media (max-width: 640px) {
	.srp-price-cta--pb { flex-direction: column; align-items: stretch; }
	.srp-price-cta--pb .p1-block { display: block !important; }
	.srp-price-cta--pb .srp-pb,
	.srp-price-cta--pb .srp-pb-row-total { margin-left: auto; margin-right: auto; }
}
