/**
 * ============================================================
 * Shared CTA Block — OutlandMiniatures
 * Used on: FAQ page (.faq-cta) + About Us page (.om-cta)
 *
 * Add via WPCode → CSS Snippet → Location: Site Wide Header
 *
 * This single snippet controls the contact CTA on both pages
 * so they always look identical. To change the style sitewide,
 * edit only this file.
 * ============================================================
 */

/* ── SHARED BASE — applies to both .faq-cta and .om-cta ────── */
.faq-cta,
.om-cta {
  margin-top: 80px;
  text-align: center;
  padding: 56px 32px;
  background: #EEE8DF;                  /* --parchment */
  border: 1px solid #DDD4C6;            /* --warm-border */
  border-radius: 4px;
}

/* Title */
.faq-cta-title,
.om-cta-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: 32px;
  font-weight: 500;
  color: #3D2E24;                        /* --deep-brown */
  margin-bottom: 12px;
  line-height: 1.15;
}

/* Sub text */
.faq-cta-sub,
.om-cta-sub {
  font-size: 14px;
  font-weight: 300;
  color: #7A6352;                        /* --earth */
  margin-bottom: 28px;
  line-height: 1.65;
}

.faq-cta-sub a,
.om-cta-sub a {
  color: #9C6F4B;                        /* --accent */
  text-decoration: none;
}
.faq-cta-sub a:hover,
.om-cta-sub a:hover {
  text-decoration: underline;
}

/* Button */
.faq-cta-btn,
.om-cta-btn {
  display: inline-block;
  background: #9C6F4B;                   /* --accent */
  color: #fff;
  font-family: 'Jost', sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .15em;
  text-transform: uppercase;
  text-decoration: none;
  padding: 14px 34px;
  border-radius: 2px;
  transition: background .2s ease;
}
.faq-cta-btn:hover,
.om-cta-btn:hover {
  background: #7A6352;                   /* --earth */
}