/* WC Custom Color → Quote — scoped, light styles */
.wcccq-container {
  max-width: var(--wcccq-max-width, 960px);
  margin: 0 auto 2rem;
}
.wcccq-heading { margin-bottom: 1rem; }

.wcccq-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
@media (min-width: 992px) {
  .wcccq-grid {
    grid-template-columns: 1fr 1fr; /* summary | form */
    align-items: start;
  }
}

/* Notice styles */
.wcccq-error {
  border: 1px solid #d63638;
  background: #fdeaea;
  color: #7a0b0c;
  padding: 10px 12px;
  margin: 0 0 16px;
  border-radius: 4px;
}

/* Summary table (uses Woo's shop_table as base, keep minimal overrides) */
table.wcccq-summary {
  width: 100%;
  border-collapse: collapse;
}
.wcccq-summary th,
.wcccq-summary td {
  border: 1px solid var(--wcccq-border, #e8e8e8);
  padding: 10px 12px;
  vertical-align: top;
}
.wcccq-summary th {
  width: 30%;
  background: var(--wcccq-th-bg, #fafafa);
  font-weight: 600;
  text-align: left;
}
.wcccq-summary .wcccq-product {
  display: flex;
  gap: 10px;
  align-items: center;
}
.wcccq-thumb {
  width: 68px;
  height: auto;
  border: 1px solid #eee;
  border-radius: 4px;
}

/* Form */
.wcccq-form .input-text,
.wcccq-form textarea {
  width: 100%;
  box-sizing: border-box;
}
.wcccq-form .wcccq-field {
  margin: 0 0 14px;
}
.wcccq-form label { display: block; margin-bottom: 6px; }
.wcccq-form .wcccq-optional { opacity: .7; font-weight: normal; }
.wcccq-actions { margin-top: 6px; }

/* Honeypot */
.wcccq-honeypot {
  position: absolute !important;
  left: -9999px !important;
  width: 1px; height: 1px; overflow: hidden;
}

/* Let theme buttons shine; minimal spacing only */
.wcccq-form .button { display: inline-block; }

/* Safety: prevent odd theme tables collapsing */
.wcccq-summary td, .wcccq-summary th { word-break: break-word; }