/* Premium plan prices and the plan step before payment (villanytt-members). */

/* The continuation price is as prominent as the introduction price above it. */
.vn-premium-price:has(+ .vn-premium-price--then) { margin-bottom: 0; }
.vn-premium-price--then { margin-top: 0; }
.vn-premium-price-terms { overflow-wrap: anywhere; }

/* Plan step on the account page. */
.vn-plan-summary--start .vn-plan-summary__note { margin: 0 0 14px; font-size: 15px; line-height: 1.5; }
.vn-plan-summary__form { margin: 0; }
.vn-plan-summary__consent { display: flex; align-items: flex-start; gap: 10px; margin: 4px 0 14px; font-size: 16px; line-height: 1.5; cursor: pointer; }
.vn-plan-summary__consent input[type="checkbox"] { flex: none; width: 22px; height: 22px; margin: 2px 0 0; accent-color: var(--vn-account-green, #154936); cursor: pointer; }
.vn-plan-summary__consent span { min-width: 0; overflow-wrap: anywhere; }
.vn-plan-summary__legal { margin: 0 0 16px; font-size: 14px; }
.vn-plan-summary__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin: 0; }
.vn-plan-summary__actions button.vn-membership-action { cursor: pointer; font-family: inherit; font-weight: 600; }
.vn-plan-summary__actions button.vn-membership-action:focus-visible,
.vn-plan-summary__consent input[type="checkbox"]:focus-visible { outline: 3px solid #bd743a; outline-offset: 3px; }

@media (max-width: 640px) {
  .vn-plan-summary__actions { flex-direction: column; align-items: stretch; }
  .vn-plan-summary__actions button.vn-membership-action { width: 100%; }
}