/* ---- 2026-10-10 fixes (owner review) ---- */

/* Welcome / create-password page: the Benefits box stays to the RIGHT of the password card at any
   normal desktop width instead of wrapping underneath. The card is ~30% narrower (376px -> 272px),
   inner margins are tiny, the outer gaps are a few pixels, the Benefits box takes whatever is left
   (its font sizes are unchanged), and the Create button is allowed to wrap onto two lines. Below
   760px (phones/small tablets) the two blocks stack again. */
.fg4ua-onboarding-row{flex-wrap:nowrap;gap:8px;padding:0 2px;}
.fg4ua-onboarding-row .fg4ua-password-card{flex:0 0 272px;width:272px;max-width:272px;padding:20px 6px 5px;}
.fg4ua-onboarding-row .fg4ua-benefits-block{flex:1 1 0;min-width:0;max-width:none;}
.fg4ua-onboarding-row .fg4ua-generate-pw-btn{padding-left:6px;padding-right:6px;white-space:nowrap;}
.fg4ua-onboarding-row .fg4ua-generate-pw-note{font-weight:800;}
.fg4ua-onboarding-row .fg4ua-password-submit{white-space:normal;line-height:1.25;}
@media (max-width:760px){
  .fg4ua-onboarding-row{flex-wrap:wrap;}
  .fg4ua-onboarding-row .fg4ua-password-card,
  .fg4ua-onboarding-row .fg4ua-benefits-block{flex:1 1 100%;width:100%;max-width:100%;}
}

/* Confirmation page: the orange "Member Area" button text was EDD-link blue on orange. */
.fg4ua-member-area-cta a,
.fg4ua-member-area-cta a:visited,
.fg4ua-member-area-cta a:hover{color:#fff !important;text-decoration:none;}

/* Order History: each order in its own orange-bordered box so they are easy to tell apart. */
.edd-blocks-orders__order{border:4px solid var(--orange);border-radius:16px;padding:14px 18px;
  background:var(--card);box-sizing:border-box;margin-bottom:16px;}