/**
 * Signal Pack Global Components — Request Quote
 * Uses existing brand CSS variables with safe fallbacks (same pattern
 * as the other components in this plugin). Depends on forms.css and
 * buttons.css — this component reuses those field/button styles.
 */

.spgc-quote-form-card {
	background: var(--paper, #ffffff);
	border: 1px solid var(--line, rgba(23, 22, 46, 0.10));
	border-radius: 12px;
	padding: 32px;
	max-width: 720px;
}

.spgc-quote-progress { display: flex; align-items: center; gap: 6px; margin-bottom: 8px; }
.spgc-quote-progress .spgc-step { flex: 1; height: 4px; border-radius: 999px; background: var(--line, rgba(23, 22, 46, 0.10)); }
.spgc-quote-progress .spgc-step.spgc-is-complete,
.spgc-quote-progress .spgc-step.spgc-is-active { background: var(--red, #E31E2A); }
.spgc-quote-progress-labels { display: flex; justify-content: space-between; font-size: 11px; color: var(--grey-text, #55536b); margin-bottom: 24px; }

.spgc-quote-step { display: none; }
.spgc-quote-step.spgc-is-active { display: block; }
.spgc-quote-nav-row { display: flex; justify-content: space-between; margin-top: 24px; }

.spgc-quote-product-preview {
	display: flex; gap: 14px; align-items: center;
	background: var(--grey-bg, #f6f6f9); border-radius: 8px; padding: 14px; margin-bottom: 20px;
}
.spgc-quote-product-preview img { width: 56px; height: 56px; border-radius: 6px; object-fit: cover; }
.spgc-quote-product-preview h5 { font-size: 13.5px; margin: 0 0 3px; }
.spgc-quote-product-preview p { font-size: 11.5px; color: var(--grey-text, #55536b); margin: 0; }

.spgc-quote-success-panel { text-align: center; padding: 40px 20px; }
.spgc-quote-success-panel .spgc-check-circle {
	width: 64px; height: 64px; border-radius: 50%;
	background: #e9f7ef; color: #1e8e5a;
	display: flex; align-items: center; justify-content: center;
	margin: 0 auto 18px; font-size: 30px;
}
.spgc-quote-success-panel h3 { margin: 0 0 8px; }
.spgc-quote-success-panel p { color: var(--grey-text, #55536b); max-width: 420px; margin: 0 auto; }

@media (max-width: 560px) {
	.spgc-quote-form-card { padding: 22px; }
}