/**
 * novo-quote-modal.css — S9: Product context display inside #nvoQuoteModal.
 *
 * Adds styles for .nvo-quote-product-ctx — the product name / ref / modality
 * strip that appears between the modal title and the CF7 form when the modal
 * is opened from a spare-parts product page CTA.
 *
 * All core modal chrome (overlay, card, close button, CF7 overrides) lives in
 * novo-cf7.css and novo-main.css. This file only adds the S9 context block.
 *
 * @package novo
 */

/* ── Product context strip ───────────────────────────────── */

.nvo-quote-product-ctx {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  margin: 0 0 20px;
  padding: 10px 14px;
  background: var(--novo-grey-bg, #F5F7FA);
  border-radius: var(--novo-radius-md, 10px);
  font-size: 0.8125rem; /* 13px */
  line-height: 1.4;
  color: var(--novo-grey-tx, #7A90A0);
}

/* Modality badge */
.nvo-qp-modality:not(:empty) {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: var(--novo-radius-pill, 999px);
  background: var(--novo-accent-light, #E6F0FB);
  color: var(--novo-accent, #0E6FC8);
  font-size: 0.75rem; /* 12px */
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* Product name */
.nvo-qp-name:not(:empty) {
  font-weight: 600;
  color: var(--novo-heading, #071F2E);
}

/* Ref number */
.nvo-qp-ref:not(:empty) {
  color: var(--novo-grey-tx, #7A90A0);
}

/* Keep the strip hidden until JS shows it (backup for browsers that
   do not respect the [hidden] attribute inside flex containers). */
.nvo-quote-product-ctx[hidden] {
  display: none !important;
}