/* ============================================================
   Home page — WhatsApp quote CTA (fragment/quote.php)
   Simple centered call-to-action band: title, short description,
   and a WhatsApp button, in the site's pine/brass palette.
   Relies on the shared theme variables (--bg, --ink, --pine, etc.)
   declared in index.php's own <style> block, with hardcoded
   fallbacks so this still renders correctly on its own.
   ============================================================ */

.qt-section {
  padding: 64px 0;
  background: var(--pine, #17402e);
}

.qt-box {
  max-width: 640px;
  margin: 0 auto;
  text-align: center;
}

.qt-box h2 {
  color: #fff;
  font-weight: 800;
  font-size: clamp(1.5rem, 3.2vw, 2.1rem);
  margin-bottom: 14px;
}

.qt-box p {
  color: rgba(255, 255, 255, .78);
  font-size: .95rem;
  line-height: 1.7;
  margin-bottom: 28px;
}

.qt-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--brass, #b98a2f);
  color: var(--pine, #17402e);
  font-weight: 700;
  font-size: .95rem;
  text-decoration: none;
  border-radius: 999px;
  padding: .8rem 1.9rem;
  transition: background-color .15s ease, transform .15s ease;
}
.qt-btn i { font-size: 1.15rem; }
.qt-btn:hover {
  background: #f1d894;
  color: #0a1f16;
  transform: translateY(-2px);
}

@media (max-width: 575.98px) {
  .qt-section { padding: 48px 0; }
  .qt-btn { width: 100%; justify-content: center; }
}