/* SPOODIES palette: change these values to customise the module colours. */
.ss-page,.ss-box,#ss-account-link{--ss-pink:#e16b90;--ss-light-pink:#f8d4df;--ss-ink:#111}
body#module-spoodiessubscriptions-account #content,
body#module-spoodiessubscriptions-account .page-content{background:#e16b90;color:#111}
.ss-page{background:var(--ss-pink);color:var(--ss-ink);border-radius:12px;padding:20px}
.ss-box{border:2px solid var(--ss-ink);border-radius:12px;padding:22px;margin:20px 0;background:var(--ss-pink);color:var(--ss-ink)}
.ss-page p,.ss-page small,.ss-page h2,.ss-page strong,.ss-page label,
.ss-box strong,.ss-box h2,.ss-box label,.ss-box p,.ss-box small{color:var(--ss-ink)}
.ss-box h2{font-size:1.3rem}
.ss-box label{font-weight:700;margin-top:15px;display:block}
.ss-box .form-control{border:2px solid var(--ss-ink);border-radius:6px;background:var(--ss-light-pink);color:var(--ss-ink);max-width:560px;margin-bottom:12px}
.ss-box .form-control option{background:var(--ss-light-pink);color:var(--ss-ink)}
.ss-box .btn{margin:8px 8px 8px 0;white-space:normal;border:2px solid var(--ss-ink);font-weight:700;border-radius:6px}
.ss-box .btn-primary{background:var(--ss-ink);color:var(--ss-light-pink)}
.ss-box .btn-secondary,.ss-box .btn-outline-danger{background:var(--ss-light-pink);color:var(--ss-ink)}
.ss-box .btn-primary:hover,.ss-box .btn-primary:focus{background:#333;color:var(--ss-light-pink);border-color:var(--ss-ink)}
.ss-box .btn-secondary:hover,.ss-box .btn-secondary:focus,
.ss-box .btn-outline-danger:hover,.ss-box .btn-outline-danger:focus{background:var(--ss-ink);color:var(--ss-light-pink);border-color:var(--ss-ink)}
.ss-page a,.ss-box a:not(.btn){color:var(--ss-ink);text-decoration:underline;font-weight:700}
.ss-page .btn{text-decoration:none}
.ss-page a:focus-visible,.ss-box a:focus-visible,.ss-box button:focus-visible,.ss-box input:focus-visible,.ss-box select:focus-visible{outline:3px solid var(--ss-ink);outline-offset:3px;box-shadow:none}
.ss-box small{display:block;margin-top:10px}
.ss-total{background:var(--ss-light-pink);color:var(--ss-ink);border:2px solid var(--ss-ink);border-radius:6px;padding:15px;margin:20px 0}
.ss-total strong{font-size:1.4rem}
.ss-consent{line-height:1.6}
.ss-consent input{margin-right:8px;accent-color:var(--ss-ink)}
.ss-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.ss-actions label{flex-basis:100%}
.ss-actions select{max-width:220px!important}
.ss-product{margin-top:15px}
.ss-page .alert{background:var(--ss-light-pink);color:var(--ss-ink);border:2px solid var(--ss-ink);border-left-width:6px}
#ss-account-link .link-item{background:var(--ss-pink);color:var(--ss-ink);border:2px solid var(--ss-ink);border-radius:8px}
#ss-account-link .link-item i{color:var(--ss-ink)}
@media(max-width:600px){.ss-page{padding:12px}.ss-box{padding:16px}.ss-actions .btn{width:100%}}

/* Scoped signup layout overrides theme form floats and label alignment. */
.ss-page .ss-signup{max-width:920px;margin:16px auto;padding:28px;box-sizing:border-box;text-align:left}
.ss-signup .ss-signup-heading{display:block;margin:0 0 24px;padding:0 0 20px;border-bottom:1px solid #1116;text-align:left}
.ss-signup .ss-eyebrow{display:block;font-size:12px;font-weight:800;letter-spacing:.12em;margin-bottom:8px;color:#111}
.ss-signup .ss-signup-heading h2{font-size:24px;line-height:1.3;margin:0 0 8px;color:#111}
.ss-signup .ss-signup-heading p{margin:0;line-height:1.5}
.ss-signup .ss-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;margin-bottom:20px}
.ss-signup .ss-field{min-width:0;display:flex;flex-direction:column;gap:8px;text-align:left}
.ss-signup .ss-field-wide{grid-column:1/-1}
.ss-page .ss-signup .ss-field>label{float:none!important;position:static!important;text-align:left!important;display:block!important;width:100%!important;max-width:none;margin:0!important;padding:0!important;line-height:1.4;font-size:14px;font-weight:700;color:#111}
.ss-page .ss-signup .ss-field>.form-control{float:none!important;display:block;width:100%!important;max-width:none!important;min-height:46px;height:auto;margin:0!important;padding:11px 12px;box-sizing:border-box;font-size:15px;line-height:1.4;border:1px solid #111;border-radius:7px;background:#f8d4df;color:#111}
.ss-page .ss-signup select.form-control{padding-right:30px;white-space:nowrap;text-overflow:ellipsis}
.ss-signup .ss-price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0 8px}
.ss-signup .ss-price-card{background:#f8d4df;border:1px solid #111;border-radius:10px;padding:20px;min-width:0}
.ss-signup .ss-price-card>span{display:block;font-size:14px;font-weight:700;color:#111}
.ss-signup .ss-price-card>strong{display:block;font-size:32px;line-height:1.25;margin:8px 0;color:#111}
.ss-signup .ss-price-card p,.ss-signup .ss-price-card small{margin:4px 0;line-height:1.5}
.ss-signup .ss-tax-note{font-size:12px;margin-bottom:22px}
.ss-page .ss-signup .ss-consent{float:none!important;position:static!important;display:flex!important;align-items:flex-start;gap:12px;text-align:left!important;width:100%!important;max-width:none;box-sizing:border-box;background:#f8d4df;border:1px solid #111;border-radius:8px;padding:16px!important;margin:24px 0 14px!important;font-size:14px;line-height:1.6}
.ss-signup .ss-consent input{float:none!important;position:static!important;flex:0 0 18px;width:18px;height:18px;margin:3px 0 0!important;appearance:auto;opacity:1}
.ss-signup .ss-consent span{flex:1;min-width:0}
.ss-page .ss-signup .btn{min-height:44px;padding:11px 18px;margin:0 0 12px;line-height:1.4}
.ss-signup .btn[name="ss_start"]{display:block;width:100%}
.ss-signup .btn:disabled{opacity:.5;cursor:not-allowed}
.ss-signup>p,.ss-signup>small{line-height:1.6}
.ss-signup [hidden]{display:none!important}
@media(max-width:640px){.ss-page .ss-signup{padding:18px}.ss-signup .ss-field-grid,.ss-signup .ss-price-grid{grid-template-columns:minmax(0,1fr);gap:16px}.ss-signup .ss-signup-heading h2{font-size:21px}.ss-signup .ss-price-card{padding:16px}.ss-signup .btn{width:100%}}

/* Keep the module panels pink when a theme overrides form backgrounds. */
body#module-spoodiessubscriptions-account #content,
body#module-spoodiessubscriptions-account .page-content,
body#module-spoodiessubscriptions-subscribe .ss-page,
body#module-spoodiessubscriptions-account .ss-page,
.ss-page form.ss-signup,.ss-page .ss-box{background-color:#e16b90!important;background-image:none!important;color:#111}

/* Centred SPOODIES signup panel with comfortable space around the content. */
body#module-spoodiessubscriptions-subscribe .ss-page{max-width:1040px;margin:24px auto;padding:28px;box-sizing:border-box;text-align:center;border:2px solid #111;border-radius:18px}
.ss-page form.ss-signup{max-width:920px;margin:18px auto 0;padding:32px;border:2px solid #111;border-radius:14px;text-align:center}
.ss-signup .ss-signup-heading,.ss-signup .ss-field,.ss-signup .ss-price-card{text-align:center}
.ss-page .ss-signup .ss-field>label{text-align:center!important}
.ss-page .ss-signup .ss-field>.form-control{text-align:center;text-align-last:center}
.ss-page .ss-signup .ss-consent{text-align:center!important;padding:20px!important}
.ss-signup .ss-price-card{padding:24px}
.ss-page .ss-signup .btn{margin-left:auto;margin-right:auto}
.ss-signup>p,.ss-signup>small{max-width:760px;margin-left:auto;margin-right:auto;text-align:center}
@media(max-width:640px){body#module-spoodiessubscriptions-subscribe .ss-page{margin:12px auto;padding:14px;border-radius:12px}.ss-page form.ss-signup{padding:18px;border-radius:10px}.ss-page .ss-signup .ss-consent{padding:14px!important}.ss-signup .ss-price-card{padding:18px}}

/* Streamlined single-column signup: consistent widths, one outer border. */
body#module-spoodiessubscriptions-subscribe .ss-page{width:100%;max-width:724px;padding:20px;margin:20px auto}
.ss-page form.ss-signup{max-width:100%;padding:0;margin:20px auto 0;border:0;border-radius:0}
.ss-signup .ss-field-grid{grid-template-columns:minmax(0,1fr);gap:18px;max-width:680px;margin:0 auto 22px}
.ss-signup .ss-field-wide{grid-column:auto}
.ss-signup .ss-signup-heading{margin-bottom:22px;padding-bottom:18px}
.ss-page .ss-signup .ss-consent,.ss-signup .btn[name="ss_start"]{max-width:680px;margin-left:auto!important;margin-right:auto!important}
@media(max-width:640px){body#module-spoodiessubscriptions-subscribe .ss-page{padding:16px;margin:12px auto}.ss-page form.ss-signup{padding:0}.ss-signup .ss-field-grid{gap:16px}}

/* Pink belongs inside the bordered card, not the full-width theme wrappers. */
body#module-spoodiessubscriptions-subscribe #content,
body#module-spoodiessubscriptions-subscribe .page-content{background:transparent!important;border:0!important;box-shadow:none!important}

/* Customer account: centred cards with theme background outside the panels. */
body#module-spoodiessubscriptions-account #content,
body#module-spoodiessubscriptions-account .page-content{background:transparent!important;border:0!important;box-shadow:none!important}
body#module-spoodiessubscriptions-account .ss-account-page{width:100%;max-width:780px;margin:20px auto;padding:0 12px;box-sizing:border-box;background:transparent!important;text-align:center}
.ss-account-page>p{color:inherit;line-height:1.6}
.ss-account-page .ss-subscription-card{padding:26px;margin:20px auto;border:2px solid #111;border-radius:14px;text-align:center;box-sizing:border-box}
.ss-account-page .ss-subscription-card h2{margin:0 0 10px;font-size:23px;line-height:1.35}
.ss-account-page .ss-subscription-card p{line-height:1.6;margin:12px 0}
.ss-account-page .ss-account-price{background:#f8d4df;border:1px solid #111;border-radius:9px;padding:14px 18px;margin:20px 0}
.ss-account-page .ss-account-price strong{font-size:22px}
.ss-account-page .ss-history-label{display:block;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.ss-account-page .ss-account-status>strong{display:inline-block;border:1px solid #111;border-radius:20px;padding:5px 14px;margin-bottom:8px;background:#f8d4df}
.ss-account-page .ss-actions{justify-content:center;gap:10px}
.ss-account-page .ss-actions label{float:none!important;width:100%!important;text-align:center!important;margin:12px 0 0!important;padding:0!important}
.ss-account-page .ss-actions .form-control{float:none;margin:0;text-align:center;text-align-last:center;min-height:44px}
.ss-account-page .ss-actions .btn,.ss-account-page .ss-restart .btn{margin:0;min-height:44px;padding:11px 18px;line-height:1.4}
.ss-account-page .ss-restart{border-top:1px solid #1115;margin-top:20px;padding-top:20px}
.ss-account-page .ss-restart .btn{display:inline-block;min-width:220px}
.ss-account-page .ss-restart p{font-size:13px;max-width:560px;margin:12px auto 0}
.ss-account-page .alert{border-radius:8px;padding:14px;text-align:center;overflow-wrap:anywhere}
@media(max-width:600px){.ss-account-page .ss-subscription-card{padding:18px}.ss-account-page .ss-subscription-card h2{font-size:20px}.ss-account-page .ss-account-price{padding:12px}.ss-account-page .ss-restart .btn{width:100%;min-width:0}.ss-account-page .ss-actions .form-control{max-width:100%!important;width:100%}}

.ss-account-page>p{background:#e16b90;color:#111;border:1px solid #111;border-radius:10px;padding:14px 18px;margin:16px auto}

body#module-spoodiessubscriptions-demo #content,body#module-spoodiessubscriptions-demo .page-content{background:transparent!important;border:0!important;box-shadow:none!important}
body#module-spoodiessubscriptions-demo .ss-account-page{max-width:780px;margin:20px auto;padding:0 12px;background:transparent!important;text-align:center;box-sizing:border-box}