/* Plan landing pages — feature grid + locked checkout */

/* Homepage FUNDED40 bar is stripped from these pages. Shared
   v2-final-fixes.css still offsets .nav when #ac-promo-bar exists;
   keep the nav flush at the top even if stale translated HTML
   still carries the button. */
html.plan-lock .ac-promo-bar,
body.plan-lock .ac-promo-bar {
  display: none !important;
}

html.plan-lock .nav,
html.plan-lock .nav.w-nav,
body.plan-lock .nav,
body.plan-lock .nav.w-nav {
  top: 0 !important;
}


.plan-features-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 1rem;
  overflow: hidden;
  background:
    linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
  background-size: calc(100% / 4) 100%, 100% calc(100% / 2);
}

.plan-feature {
  padding: 1.75rem 1.5rem;
  border-right: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.plan-feature:nth-child(4n) {
  border-right: none;
}

.plan-feature:nth-last-child(-n + 4) {
  border-bottom: none;
}

.plan-feature_icon {
  width: 1.75rem;
  height: 1.75rem;
  margin-bottom: 1rem;
  color: #fff;
}

.plan-feature_icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

.plan-feature_title {
  margin: 0 0 0.5rem;
  font-size: 1.125rem;
  line-height: 1.3;
}

.plan-feature_desc {
  margin: 0;
}

@media screen and (max-width: 991px) {
  .plan-features-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    background-size: calc(100% / 2) 100%, 100% calc(100% / 4);
  }

  .plan-feature:nth-child(4n) {
    border-right: 1px solid rgba(255, 255, 255, 0.06);
  }

  .plan-feature:nth-child(2n) {
    border-right: none;
  }

  .plan-feature:nth-last-child(-n + 4) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  }

  .plan-feature:nth-last-child(-n + 2) {
    border-bottom: none;
  }
}

@media screen and (max-width: 767px) {
  .plan-features-grid {
    grid-template-columns: 1fr;
    background-size: 100% calc(100% / 8);
  }

  .plan-feature {
    border-right: none;
  }

  .plan-feature:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  }
}

html.plan-lock .section_checkout .steps,
body.plan-lock .section_checkout .steps {
  display: none !important;
}

html.plan-lock .section_checkout .step_1-wrapper > .steps + .checkout_devider,
body.plan-lock .section_checkout .step_1-wrapper > .steps + .checkout_devider {
  display: none !important;
}

/* Account cards: hide non-matching when a specific account is locked
   (data-plan-lock-account). Step-only locks omit the attribute so Alpha One
   variants / Pro + Swing stay visible. Rules are static here so Cookiebot
   delaying checkout-lock.js cannot leave Swing on the Pro page. Exact match
   plus "AccountName …" variants so Alpha Pro keeps 6%/8%/10% cards. */
html.plan-lock[data-plan-lock-account="Alpha Pro"] .section_checkout [data-account]:not([data-account="Alpha Pro"]):not([data-account^="Alpha Pro "]),
body.plan-lock[data-plan-lock-account="Alpha Pro"] .section_checkout [data-account]:not([data-account="Alpha Pro"]):not([data-account^="Alpha Pro "]),
html.plan-lock[data-plan-lock-account="Swing"] .section_checkout [data-account]:not([data-account="Swing"]):not([data-account^="Swing "]),
body.plan-lock[data-plan-lock-account="Swing"] .section_checkout [data-account]:not([data-account="Swing"]):not([data-account^="Swing "]),
html.plan-lock[data-plan-lock-account="Alpha Direct"] .section_checkout [data-account]:not([data-account="Alpha Direct"]):not([data-account^="Alpha Direct "]),
body.plan-lock[data-plan-lock-account="Alpha Direct"] .section_checkout [data-account]:not([data-account="Alpha Direct"]):not([data-account^="Alpha Direct "]) {
  display: none !important;
}

/* Alpha Three / 3-step is retired on these landing pages. Hide the step card
   and any Three account cards if checkout.js still renders them. */
html.plan-lock .section_checkout [data-step="3"],
body.plan-lock .section_checkout [data-step="3"],
html.plan-lock .section_checkout [data-account="Alpha Three"],
body.plan-lock .section_checkout [data-account="Alpha Three"] {
  display: none !important;
}