/*
 * AuthorityHQ overrides for the Manus pages. Loaded after Manus's own CSS by
 * scripts/import-manus-site.mjs, so a re-import keeps these fixes.
 */

/* Founding-price cards: stack on tablets and phones instead of scrolling
   sideways (waitlist page and share dashboard). */
@media (max-width: 850px) {
  .modal-waitlist-hero .founder-offers,
  .sharing-price-strip .founder-offers {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    overflow-x: visible;
    scroll-snap-type: none;
    padding-bottom: 0;
    gap: 14px;
  }
  .modal-waitlist-hero .founder-offer.enhanced-offer,
  .sharing-price-strip .founder-offer.enhanced-offer {
    width: 100%;
  }
}

/* Primary calls to action: warm gold with deep navy text (Simon, 14 October
   2026; matches Manus's update). Covers every solid primary button. The
   white secondary plan buttons beside the featured plan keep their style. */
.primary-button:not(.plan-button),
.featured-plan .plan-button,
:not(.price-card) > .button,
.price-card.featured > .button {
  background: #F2B544 !important;
  border-color: #F2B544 !important;
  color: #101C2E !important;
}
.primary-button:not(.plan-button):hover,
.featured-plan .plan-button:hover,
:not(.price-card) > .button:hover,
.price-card.featured > .button:hover {
  background: #E5A42F !important;
  border-color: #E5A42F !important;
  color: #101C2E !important;
}
.primary-button:not(.plan-button):focus-visible,
.featured-plan .plan-button:focus-visible,
:not(.price-card) > .button:focus-visible,
.price-card.featured > .button:focus-visible {
  outline: 2px solid #101C2E;
  outline-offset: 2px;
}
