/* Mini quote form (landmark pages) — single-column variant of the full quote
   form. Loaded after quote-form.css; reuses its cards, pricing and submit styles
   (all scoped under .quote-form-section) minus the location fields and canvas. */

.quote-form-section.qf-mini { background: #A9CDE0; }
.quote-form-section.qf-mini .qf-intro { padding: 48px 24px; }
.quote-form-section.qf-mini .mq-panel {
  max-width: 760px;
  margin: 0 auto;
  padding: 40px 32px 48px;
}
.quote-form-section.qf-mini .form-section { margin-bottom: 32px; }

/* Depth buttons were styled for the dark left panel; restyle for light ground */
.quote-form-section.qf-mini .depth-btn {
  color: var(--walnut);
  background: white;
  border-color: var(--border);
  padding: 10px 4px;
}
.quote-form-section.qf-mini .depth-btn:hover:not(:disabled) { border-color: var(--grain); color: var(--walnut); }
.quote-form-section.qf-mini .depth-btn.active { background: var(--grain); border-color: var(--grain); color: var(--walnut); }
.quote-form-section.qf-mini .thickness-note { color: var(--walnut-mid); }
.quote-form-section.qf-mini .thickness-note.warning { color: #A8501A; }

.quote-form-section.qf-mini .mq-location {
  font-size: 14px;
  color: var(--walnut-mid);
  background: var(--cream);
  border: 1px solid var(--border);
  border-radius: 6px;
  padding: 10px 14px;
  margin-bottom: 20px;
}
.quote-form-section.qf-mini .mq-location strong { color: var(--walnut); }

/* Price card was styled for the dark left panel; give it its own dark ground */
.quote-form-section.qf-mini .mq-price {
  background: var(--walnut);
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 24px;
}
.quote-form-section.qf-mini .price-breakdown,
.quote-form-section.qf-mini .price-sub,
.quote-form-section.qf-mini .custom-note { color: var(--ash); }

@media (max-width: 900px) {
  .quote-form-section.qf-mini .mq-panel { padding: 28px 18px 36px; }
  .quote-form-section.qf-mini .wood-options,
  .quote-form-section.qf-mini .timeline-options,
  .quote-form-section.qf-mini .mount-options { grid-template-columns: 1fr; }
  .quote-form-section.qf-mini .wood-card[style] { grid-column: auto !important; }
}
