/* Shared finish for portal actions; purchase behavior remains in jakito-account.js. */
.portal-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .6rem;
  min-height: 48px;
  max-width: 100%;
  padding: 12px 20px;
  border: 1px solid transparent;
  border-radius: 14px;
  font-size: .8125rem;
  font-weight: 800;
  line-height: 1.45;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  overflow-wrap: anywhere;
  vertical-align: middle;
  cursor: pointer;
  transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease, border-color 180ms ease;
}
.portal-cta--gold {
  color: #241800;
  background: linear-gradient(115deg, #ffda72, #ffc329 48%, #f5ad13);
  border-color: #ffdc83;
  box-shadow: inset 0 1px 0 #fff2bb, 0 5px 16px #b779081c;
  text-shadow: none;
}
.portal-cta--green {
  color: #fff;
  background: linear-gradient(115deg, #08684f, #08785a);
  border-color: #228c70;
  box-shadow: inset 0 1px 0 #ffffff14, 0 4px 12px #00000018;
}
.portal-cta--quiet {
  color: #f5f5f4;
  background: #292524;
  border-color: #57534e;
}
.portal-cta:focus-visible,
.pricing-limited-link:focus-visible {
  outline: 3px solid #fcd34d;
  outline-offset: 4px;
}
.portal-cta:is([aria-disabled="true"], :disabled) {
  opacity: .5;
  cursor: not-allowed;
  box-shadow: none;
}
@media (hover: hover) and (pointer: fine) {
  .portal-cta:not([aria-disabled="true"]):not(:disabled):hover {
    transform: translateY(-2px);
    box-shadow: inset 0 1px 0 #ffffff30, 0 8px 22px #00000030;
  }
  .portal-cta--gold:not([aria-disabled="true"]):hover {
    background: linear-gradient(115deg, #ffe49a, #ffd04a 48%, #ffc02b);
  }
  .portal-cta--green:not([aria-disabled="true"]):hover {
    background: linear-gradient(115deg, #08785a, #09835f);
  }
  .portal-cta--quiet:not([aria-disabled="true"]):hover {
    background: #38322f;
    border-color: #78716c;
  }
}
.portal-cta:not([aria-disabled="true"]):not(:disabled):active {
  transform: translateY(0);
  box-shadow: inset 0 2px 4px #00000018;
}

/* Let the body grow so every card's action meets the same lower baseline. */
#view-pricing .pricing-plan-card {
  justify-content: flex-start;
  gap: 16px;
  border-width: 2px;
}
#view-pricing .pricing-plan-card > .space-y-3 { flex: 1; }
#view-pricing .pricing-plan-card > * + * { margin-block: 0; }
#view-pricing .pricing-plan-card > .portal-cta {
  width: 100%;
  min-height: 52px;
  flex: none;
  padding-inline: 12px;
  font-size: .75rem;
}
#view-pricing .checkout-detail { font-size: .75rem; line-height: 1.65; }
#view-pricing .checkout-detail p { margin: 0; }
#view-pricing .checkout-detail p + p { margin-top: 6px; }
#view-pricing .pricing-purchase-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  border-color: #b48b35;
  background: #0c0a09e8;
}
#view-pricing .pricing-purchase-card > * + * { margin-block: 0; }
#view-pricing .pricing-purchase-card .portal-cta { width: 100%; min-height: 52px; }
#view-pricing .pricing-purchase-card [data-gift="1"] {
  min-height: 44px;
  padding: 10px 14px;
  border-color: #a8873f;
  color: #ffe19a;
  background: #fbbf240a;
  font-size: .75rem;
  letter-spacing: normal;
  text-transform: none;
}
#view-pricing .pricing-purchase-card [data-gift="1"]:hover { background: #fbbf241a; }
#view-pricing .pricing-limited-prompt { margin-top: 20px !important; margin-bottom: 28px; }
#view-pricing .pricing-limited-link {
  flex-direction: row;
  justify-content: center;
  min-height: 48px;
  gap: 10px;
  padding: 10px 20px;
  border: 1px solid #a8873f;
  border-radius: 999px;
  background: #fbbf240a;
  font-size: .8125rem;
  line-height: 1.5;
  text-align: center;
}
#view-pricing .pricing-limited-arrow { width: 22px; height: 22px; animation-duration: 4s; }

/* A low-contrast sweep stays behind content and never takes pointer input. */
#view-pricing .pricing-premium-panel {
  position: relative;
  isolation: isolate;
  border: 1px solid #bf963e;
  background: radial-gradient(ellipse at 0 0, #a7771738, transparent 60%), linear-gradient(125deg, #242016, #171816 55%, #082e24);
  box-shadow: inset 0 1px 0 #ffe6a325, 0 12px 35px #00000022;
  scroll-margin-top: 150px;
}
#view-pricing .pricing-premium-panel::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(110deg, transparent 35%, #ffda7d10 44%, #fff1bf26 50%, #ffda7d10 56%, transparent 65%);
  pointer-events: none;
  opacity: 0;
  transform: translateX(-100%);
  animation: portal-gold-sweep 10s ease-in-out infinite;
}
#view-pricing [data-offer="bogactwo-natury"]::before { animation-delay: 2.5s; }
@keyframes portal-gold-sweep {
  0%, 8% { opacity: 0; transform: translateX(-100%); }
  12% { opacity: 1; }
  30% { opacity: 1; transform: translateX(100%); }
  34%, 100% { opacity: 0; transform: translateX(100%); }
}
@media (max-width: 639px) {
  .portal-cta { padding-inline: 16px; }
  #view-pricing .pricing-limited-link { width: 100%; }
  #view-pricing .pricing-purchase-card { padding: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .portal-cta { transition: none; }
  .portal-cta:not([aria-disabled="true"]):not(:disabled):hover,
  .portal-cta:not([aria-disabled="true"]):not(:disabled):active { transform: none; }
  #view-pricing .pricing-premium-panel::before { animation: none; opacity: 0; }
  #view-pricing .pricing-limited-arrow { animation: none; transform: none; }
}