/* TWM Services LLC - Free Facility Review form, results call to action, trust strip.
   Uses the color and radius variables defined in style.css. */

/* Results box on calculator pages */
.lead-box {
  margin-top: 18px; padding: 16px 18px; border-radius: var(--radius-sm, 10px);
  background: var(--accent-soft, #e8eff6); border: 1px solid var(--line, #dde4ec);
  border-left: 4px solid var(--brand-orange, var(--accent, #245781));
}
.lead-box .lead-title { margin: 0 0 4px; font-weight: 700; color: var(--ink, #14202c); }
.lead-box .lead-text { margin: 0 0 12px; color: var(--ink-2, #2b3a48); font-size: .95rem; }
.lead-box .btn { width: 100%; justify-content: center; text-align: center; }
@media (min-width: 861px) { .lead-box .btn { width: auto; } }

/* Review page */
.review-layout { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 22px; align-items: start; margin: 8px 0 28px; }
@media (max-width: 860px) { .review-layout { grid-template-columns: 1fr; } }
.review-form .rf-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 16px; }
@media (max-width: 560px) { .review-form .rf-grid { grid-template-columns: 1fr; } }
.review-form .rf-full { grid-column: 1 / -1; }
.review-form label { display: block; font-weight: 600; font-size: .92rem; margin-bottom: 5px; color: var(--ink, #14202c); }
.review-form .opt { font-weight: 400; color: var(--muted, #5a6878); }
.review-form input, .review-form select, .review-form textarea {
  width: 100%; font: inherit; color: var(--ink, #14202c); background: var(--surface, #fff);
  border: 1px solid var(--line, #dde4ec); border-radius: var(--radius-sm, 10px); padding: 10px 12px;
}
.review-form textarea { min-height: 96px; resize: vertical; }
.review-form textarea.numbers { min-height: 200px; font-family: var(--mono, monospace); font-size: .85rem; line-height: 1.45; }
.review-form input:focus, .review-form select:focus, .review-form textarea:focus {
  outline: none; border-color: var(--accent, #245781); box-shadow: 0 0 0 3px var(--accent-glow, rgba(45, 106, 153, .18));
}
.review-form .rf-actions { margin-top: 18px; display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.review-form .rf-actions .btn { min-width: 220px; justify-content: center; }
.review-form .hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.review-form .form-status { margin: 0 0 14px; }
.review-form .form-status .btn { margin: 6px 6px 6px 0; }
.rf-from { margin: 0 0 14px; }

/* Trust strip (home page and review page) */
.trust { display: grid; grid-template-columns: auto minmax(0, 1.3fr) minmax(0, 1fr); gap: 22px; align-items: start; margin: 28px 0; }
@media (max-width: 860px) { .trust { grid-template-columns: 1fr; } }
.trust-photo {
  width: 112px; height: 112px; border-radius: 50%; overflow: hidden; flex: none;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, var(--accent-2, #2d6a99), var(--accent-deep, #173b59));
  color: #fff; font-weight: 800; font-size: 2rem; letter-spacing: .02em;
  border: 4px solid var(--surface, #fff); box-shadow: var(--shadow, 0 8px 24px -8px rgba(16, 32, 48, .1));
}
.trust-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.trust h2 { margin-top: 0; }
.trust-points { list-style: none; padding: 0; margin: 12px 0 0; }
.trust-points li { position: relative; padding-left: 26px; margin: 6px 0; }
.trust-points li::before {
  content: ""; position: absolute; left: 4px; top: .5em; width: 10px; height: 6px;
  border-left: 2px solid var(--good, #1e7a3c); border-bottom: 2px solid var(--good, #1e7a3c); transform: rotate(-45deg);
}
.trust-sample { background: var(--surface-2, #f7f9fc); border: 1px solid var(--line, #dde4ec); border-radius: var(--radius-sm, 10px); padding: 14px 16px; }
.trust-sample h3 { margin: 0 0 6px; font-size: 1rem; }
.trust-sample ol { margin: 0; padding-left: 20px; }
.trust-sample li { margin: 4px 0; font-size: .95rem; }
.review-side .trust { grid-template-columns: 1fr; margin: 0; }