/* Additions for the live site. style.css is the theme file, kept unmodified
   so a new theme version can be dropped in. */

/* Five or more plans (the theme lays out 1-4): rows of three, two on tablets, the last row centred. */
.plans:has(.plan:nth-child(5)){display:flex;flex-wrap:wrap;justify-content:center;max-width:1120px}
.plans:has(.plan:nth-child(5))>.plan{flex:0 1 calc((100% - 48px) / 3)}
@media(max-width:850px){.plans:has(.plan:nth-child(5))>.plan{flex-basis:calc((100% - 24px) / 2)}}
@media(max-width:600px){.plans:has(.plan:nth-child(5))>.plan{flex-basis:100%}}

/* Real QR: SVG drawn in the browser, or the gateway's image; fills the white frame. */
.qr-paper>svg,.qr-paper>img{display:block;width:100%;height:100%;object-fit:contain}

/* No-sharing consent (checkout and renewal): required checkbox. */
.consent-field{margin-top:4px}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.6;color:var(--text);cursor:pointer}
.consent input{flex:0 0 auto;width:16px;height:16px;margin:3px 0 0;accent-color:var(--blue)}
.consent input[aria-invalid="true"]{outline:2px solid var(--red);outline-offset:2px}
.consent-field .field-error{margin-top:6px}
#checkout-form .consent-field{margin:18px 0 14px}
#renew-form .consent-field{margin:0 0 16px}
.device-limits{margin-top:16px;line-height:1.7}
.login-policy{margin-top:14px;color:var(--yellow)}

/* Purchase history: the order page needs the buyer's order token, so the reference is plain text. */
.history-ref{font:13px monospace;color:var(--text)}

/* Several devices / orders in a row. */
.device-row+.device-row,.history-row+.history-row{margin-top:18px}

/* Credit line under the footer. */
.footer-credit{border-top:1px solid #ffffff0f;padding-block:14px 26px}
.footer-credit p{font-size:10px;color:#a1a1a6;letter-spacing:.02em}
.footer-credit strong{color:#f5f5f7;font-weight:600}
@media(max-width:600px){
  .footer-inner{min-height:0;padding-block:22px 18px}
  .footer-credit{padding-block:14px 32px}
  .footer-credit p{font-size:9px;line-height:1.8}
}