/* ==========================================================================
   PRICING PAGE — tweaks on top of pricing.css + faq.css for /pricing.html
   Single centered Enterprise card (no dollar amounts), a two-column
   feature list, a "no credit card" note, a 6-item FAQ and a support card
   with the 24/7 phone + email line.
   ========================================================================== */

/* ---------------- heading ---------------- */

.mia-pricing--page .mia-pricing__title em { font-style: normal; }

/* "No credit card required" pill under the intro */
.mia-pricing-page__note {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 8px 16px;
  border-radius: 999px;
  font-family: 'Outfit', 'Inter', sans-serif;
  font-weight: 400;
  font-size: clamp(12.5px, 1.05vw, 14.5px);
  color: #1f9d5f;
  background: rgba(46, 204, 113, 0.1);
  border: 1px solid rgba(46, 204, 113, 0.25);
}

.mia-pricing-page__note svg { flex: 0 0 auto; }

/* fourth copy item joins the stagger */
.mia-pricing.is-in .mia-pricing__copy > :nth-child(4) { transition-delay: 0.24s; }

/* ---------------- single card ---------------- */

.mia-pricing-page__single {
  width: 100%;
  max-width: 760px;
  margin: clamp(14px, 2.4vh, 26px) auto 0;   /* room for the ribbon band */
}

.mia-pricing--page .mia-pricing__card {
  gap: clamp(15px, 2vh, 20px);
  padding: clamp(22px, 2.8vw, 34px);
}

/* two CTAs side by side, wrapping on narrow screens */
.mia-pricing-page__buy {
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 12px;
}

.mia-pricing--page .mia-pricing__cta {
  padding: 13px 24px;
  font-size: clamp(13.5px, 1.1vw, 15px);
}

/* 12 features in two columns */
.mia-pricing-page__list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: clamp(16px, 2.4vw, 32px);
  row-gap: 11px;
}

.mia-pricing--page .mia-pricing__list li {
  font-size: clamp(13px, 1.1vw, 15px);
}

/* ---------------- FAQ ---------------- */

/* sixth item joins the stagger */
.mia-faq.is-in .mia-faq__item:nth-child(6) { transition-delay: 0.35s; }

.mia-faq__link {
  color: #006994;
  font-weight: 400;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: rgba(0, 105, 148, 0.35);
  transition: text-decoration-color 0.25s ease;
}

.mia-faq__link:hover { text-decoration-color: currentColor; }

/* support line: "24/7 Support: phone | email" */
.mia-faq__card-support {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  margin-top: 8px;
}

.mia-faq__card-support strong {
  font-weight: 500;
  color: #16324f;
}

.mia-faq__card-sep { color: rgba(22, 50, 79, 0.3); }

/* ---------------- responsive ---------------- */

@media (max-width: 560px) {
  .mia-pricing-page__list { grid-template-columns: 1fr; }

  /* pricing.css flips the row to column-reverse under 520px — keep
     "Book a demo" first on the page */
  .mia-pricing-page__buy { flex-direction: column; align-items: stretch; }
  .mia-pricing-page__buy .mia-pricing__cta { flex: 1 1 100%; }

  .mia-faq__card-sep { display: none; }
  .mia-faq__card-support { flex-direction: column; align-items: flex-start; }
}

/* ---------------- dark theme ---------------- */

[data-theme="dark"] .mia-pricing-page__note {
  color: #4fce8d;
  background: rgba(46, 204, 113, 0.1);
  border-color: rgba(46, 204, 113, 0.28);
}

[data-theme="dark"] .mia-faq__link {
  color: #7db8e8;
  text-decoration-color: rgba(125, 184, 232, 0.4);
}

[data-theme="dark"] .mia-faq__card-support strong { color: #e6eef7; }
[data-theme="dark"] .mia-faq__card-sep { color: rgba(230, 238, 247, 0.25); }