/* Ordering uses its own scope so public pages and article editing are unaffected. */
.orders-shell{max-width:1100px;margin:auto;padding:40px 24px 90px}.orders-shell h1{font-family:'Archivo Black',sans-serif;font-size:clamp(2rem,5vw,4rem);line-height:1.1}.orders-shell .orders-intro{max-width:700px;color:#c4ccda;line-height:1.7;margin:24px 0 36px}.orders-area{color:#f7f8fb;font-family:Inter,sans-serif;line-height:1.6;min-width:0}.orders-area [hidden]{display:none!important}.orders-area h2,.orders-area h3{margin:0 0 16px;line-height:1.3}.orders-area p{margin:12px 0 20px}.orders-card{padding:clamp(18px,3vw,30px);margin:22px 0;border:1px solid #34445c;background:#0d192a;border-radius:12px;min-width:0}.orders-card.accent{border-top:4px solid #00b9e8}.orders-area label{display:block;font-weight:600;margin-bottom:18px}.orders-area input:not([type=checkbox]),.orders-area select,.orders-area textarea{display:block;width:100%;min-width:0;margin-top:8px;border:1px solid #6b7b93;border-radius:5px;background:#0b1222;color:white;padding:13px 16px;min-height:48px;font:inherit;color-scheme:dark;box-sizing:border-box}.orders-area select{padding-right:40px}.orders-area input[type=checkbox]{width:20px;height:20px;vertical-align:middle;margin:0 10px 0 0;accent-color:#00b9e8}.orders-area input:focus-visible,.orders-area select:focus-visible,.orders-area textarea:focus-visible,.orders-area button:focus-visible,.orders-area a:focus-visible{outline:3px solid #ffea00;outline-offset:4px}.orders-area button,.orders-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;background:#142441;color:#fff;border:2px solid #81d9f1;border-radius:4px;font:600 1rem 'Space Grotesk',sans-serif;cursor:pointer;text-decoration:none;transition:background .2s,color .2s,transform .2s}.orders-area button:hover{background:#81d9f1;color:#0c1424;transform:translateY(-2px)}.orders-area button.primary{border-color:#ffea00;background:#ffea00;color:#10131c}.orders-area button:disabled{opacity:.5;cursor:not-allowed;transform:none}.orders-actions,.orders-tabs{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:20px 0}.orders-tabs button[aria-pressed=true]{border-color:#ffea00;color:#ffea00;background:#171b1b}.orders-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.orders-grid>*{min-width:0}.orders-muted{color:#bcc8da;font-size:.95rem}.orders-status{padding:14px 18px;border-left:4px solid #00b9e8;background:#102133;overflow-wrap:anywhere;margin:20px 0}.orders-status.error{border-color:#ff8585}.orders-table-scroll{overflow-x:auto;max-width:100%;margin:20px 0}.orders-area table{width:100%;border-collapse:collapse;font-size:.95rem}.orders-area td,.orders-area th{text-align:left;padding:14px;border-bottom:1px solid #34445c;vertical-align:top}.orders-area th{color:#81d9f1}.orders-area td{overflow-wrap:anywhere}.orders-area code{overflow-wrap:anywhere;white-space:pre-wrap;color:#ffea00}.orders-entry{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #34445c;padding:18px 0}.orders-entry>span{overflow-wrap:anywhere;min-width:0}.orders-summary{font-size:1.2rem}.orders-area progress{width:100%;height:14px;accent-color:#00b9e8}.orders-product{border-bottom:1px solid #34445c;margin-bottom:24px;padding-bottom:24px}.orders-step{font-family:'JetBrains Mono',monospace;font-size:.85rem;letter-spacing:.12em;color:#81d9f1}.orders-area details{margin:20px 0}.orders-area summary{cursor:pointer;color:#81d9f1}.orders-area pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.85rem}.orders-area .orders-file{max-width:100%}#staff-orders{margin:32px 0;padding-top:30px;border-top:1px solid #34445c}#staff-orders-toggle{flex-shrink:1}.orders-area fieldset{border:0;margin:0;padding:0;min-width:0}.orders-area fieldset:disabled{opacity:.65}@media(max-width:640px){.orders-grid{grid-template-columns:1fr;gap:0}.orders-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.orders-tabs button{padding:10px 6px;overflow-wrap:anywhere;font-size:.9rem}.orders-actions>*{flex:1 1 180px}.orders-entry{align-items:flex-start}.orders-shell{padding:24px 16px 50px}.orders-area th,.orders-area td{padding:10px}.orders-area button{white-space:normal}.orders-area input:not([type=checkbox]),.orders-area select,.orders-area textarea{font-size:16px}}@media(prefers-reduced-motion:reduce){.orders-area button{transition:none;transform:none!important}}

@media(max-width:640px){.orders-page .site-feedback-tab{position:static;display:block;width:max-content;max-width:calc(100% - 32px);margin:16px auto calc(24px + env(safe-area-inset-bottom,0px));min-height:44px;transform:none}.orders-page .site-feedback-tab:hover,.orders-page .site-feedback-tab:focus-visible{transform:none}}

.orders-shell #orders-workspace{padding:0}.orders-area .orders-check{display:flex;gap:12px;align-items:flex-start}.orders-area .orders-check input[type=checkbox]{flex:0 0 20px;margin:3px 0 0;color-scheme:dark}.orders-area .orders-check span{min-width:0}

/* Consistent controls and compact, aligned product setup. */
html body .orders-area input:not([type=checkbox]):not([type=file]),html body .orders-area select:not([multiple]){height:48px;min-height:48px;box-sizing:border-box;padding-top:10px;padding-bottom:10px;margin-top:8px;line-height:1.4;}
.orders-area .orders-grid{align-items:start;gap:24px;}
.orders-area .orders-grid>label{margin:0;}
.orders-area .orders-wide{grid-column:1 / -1;}
.orders-area .orders-product-flags{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:stretch;padding:0;max-width:100%;overflow-x:auto;}
.orders-area .orders-product-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:end;}
.orders-area .orders-product-metrics>label{min-width:0;margin:0;}
.orders-area .orders-product-flags .orders-check{margin:0;}
.orders-area .orders-size-picker{margin-top:8px;border-top:1px solid #34445c;padding-top:24px;}
.orders-area .orders-size-picker>legend{font-size:1.1rem;font-weight:700;padding-right:16px;}
.orders-area .orders-size-group{margin:20px 0 0;}
.orders-area .orders-size-group legend{font-weight:600;color:#81d9f1;margin-bottom:12px;}
.orders-area .orders-size-options{display:flex;gap:10px;flex-wrap:wrap;}
@media(max-width:640px){.orders-area .orders-product-flags{padding-top:0;}.orders-area .orders-grid{gap:20px;}}

.orders-area .orders-print-name{padding:12px 16px;background:#1b3451;border-left:3px solid #81d9f1;color:#a6ebff;}

/* One checkbox treatment throughout staff ordering and the parent workflow. */
.orders-area .orders-check{display:flex;gap:12px;align-items:center;min-height:48px;padding:10px 14px;border:1px solid #34445c;border-radius:5px;background:#10182c;box-sizing:border-box;cursor:pointer;}
.orders-area .orders-check input[type=checkbox]{width:20px;height:20px;flex:0 0 20px;margin:0;accent-color:#00b9e8;color-scheme:dark;}
.orders-area .orders-check:focus-within{border-color:#81d9f1;}
.orders-area .orders-size-options .orders-check{margin:0;}
.orders-area .orders-grid>.orders-active-field{align-self:end;}
.orders-area .orders-product-flags{align-items:stretch;}
.orders-area .orders-product-flags .orders-check{flex:1 0 auto;min-width:max-content;height:auto;white-space:nowrap;}
.orders-area .orders-product-flags .orders-check span{white-space:nowrap;}
@media(max-width:640px){.orders-area .orders-product-metrics{grid-template-columns:1fr;gap:16px;}.orders-area .orders-product-flags{gap:16px;}.orders-area .orders-product-flags .orders-check{flex-basis:100%;}}

.orders-area .orders-kit-preview{margin:28px 0;padding:24px;border:1px solid #34445c;border-radius:8px;background:#0a1423;}
.orders-kit-illustrations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:680px;margin:20px auto;}
.orders-kit-illustrations figure{margin:0;min-width:0;text-align:center;}
.orders-kit-illustrations svg{display:block;width:100%;height:auto;max-height:300px;}
.orders-kit-illustrations figcaption{margin-top:12px;color:#a6ebff;font-weight:600;}
.orders-garment-outline{fill:#142741;stroke:#81d9f1;stroke-width:2.5;stroke-linejoin:round;}
.orders-garment-seam{fill:none;stroke:#557590;stroke-width:1.5;stroke-linecap:round;}
.orders-jersey-name{fill:#fff;font:700 15px Inter,sans-serif;}
.orders-jersey-number{fill:#fff;font:700 76px 'Space Grotesk',sans-serif;}
.orders-shorts-number{fill:#fff;font:700 40px 'Space Grotesk',sans-serif;}
@media(max-width:480px){.orders-area .orders-kit-preview{padding:16px;}.orders-kit-illustrations{grid-template-columns:1fr;gap:24px;}.orders-kit-illustrations svg{max-height:240px;}}

.orders-area .orders-cost-summary{margin:24px 0;padding:20px 0;border-top:1px solid #34445c;border-bottom:1px solid #34445c;}
.orders-area .orders-cost-total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0;font-size:1.2rem;}
.orders-cost-total strong{color:#a6ebff;}
.orders-area .orders-payment-note{margin:12px 0 0;color:#c4ccda;line-height:1.6;}

.orders-area button.orders-danger{border-color:#ff9292;color:#ffb4b4;background:#2a1823;margin:8px 0;}.orders-area button.orders-danger:hover{background:#ffb4b4;color:#10131c;}

/* Keep each record's actions together and anchored to the right at every width. */
.orders-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;}
.orders-entry-actions{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:10px;}
.orders-area .orders-entry-actions button{flex:0 0 auto;min-width:78px;min-height:48px;margin:0;padding:12px 18px;white-space:nowrap;}
@media(max-width:640px){
 .orders-entry{gap:12px;padding:16px 0;}
 .orders-entry-actions{gap:8px;}
 .orders-area .orders-entry-actions button{min-width:62px;min-height:44px;padding:10px 12px;font-size:14px;}
}

.orders-area .orders-access-card h3{margin:0 0 16px;}
.orders-area .orders-access-card p{margin:0 0 20px;}
.orders-access-code-row{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin:24px 0;}
.orders-area .orders-access-code-row code{display:block;min-width:0;max-width:100%;padding:16px 20px;border:1px solid #34445c;border-radius:6px;background:#0a1423;overflow-wrap:anywhere;user-select:all;line-height:1.6;}
.orders-area .orders-access-code-row button{margin:0;}
@media(max-width:480px){.orders-access-code-row{align-items:stretch;flex-direction:column;gap:16px;}.orders-area .orders-access-code-row button{width:100%;}}

/* Section titles and their actions share a centered row, without heading margins. */
#staff-orders .orders-tabs{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #34445c;}
.orders-section-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 24px;margin:0 0 24px;min-width:0;}
.orders-area .orders-section-heading h3{margin:0;line-height:1.3;min-width:0;overflow-wrap:anywhere;}
.orders-heading-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin-left:auto;max-width:100%;}
.orders-area .orders-heading-actions button{margin:0;min-height:48px;}
@media(max-width:640px){.orders-section-heading{gap:16px;margin-bottom:20px;}.orders-heading-actions{gap:10px;}#staff-orders .orders-tabs{margin-bottom:24px;padding-bottom:20px;}}

#staff-orders .orders-table-scroll th,#staff-orders .orders-table-scroll td{vertical-align:middle;padding:16px;}
.orders-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:nowrap;}
#staff-orders .orders-icon{width:44px;min-width:44px;height:44px;min-height:44px;padding:10px;margin:0;flex:0 0 44px;}
.orders-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
#staff-orders td:has(>.orders-row-actions){width:112px;}
#staff-orders .orders-table-scroll .orders-check{margin:0;}
#staff-orders .orders-table-scroll .orders-grid{margin:12px 0;}

#staff-orders table:has(.orders-row-actions){min-width:640px;}
#staff-orders .orders-action-cell{text-align:right;}
@media(max-width:640px){#staff-orders .orders-action-cell{position:sticky;right:0;background:#0d192a;border-left:1px solid #34445c;z-index:1;}#staff-orders .orders-row-actions{gap:8px;}}
#staff-orders table:has(.orders-row-actions) td{overflow-wrap:normal;word-break:normal;}
#staff-orders table:has(.orders-row-actions) th:first-child,#staff-orders table:has(.orders-row-actions) td:first-child{min-width:130px;}
.orders-team-player{border:1px solid #34445c;border-radius:8px;padding:20px;margin:20px 0;background:#0b1525;min-width:0;}
.orders-team-player-heading{margin-bottom:16px;}
.orders-area .orders-team-player-heading .orders-check{margin:0;}
.orders-team-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,140px) minmax(130px,200px);gap:20px;align-items:center;padding:16px 0;border-bottom:1px solid #34445c;}
.orders-area .orders-team-item label{margin:0;min-width:0;}
.orders-team-item strong{overflow-wrap:anywhere;}
@media(max-width:640px){.orders-team-player{padding:16px;}.orders-team-item{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}.orders-team-item strong{grid-column:1/-1;}}

/* Shared spacing for parent checkout and staff ordering forms. */
.orders-area label{margin:0 0 20px;line-height:1.5;}
.orders-area .orders-grid{gap:24px;align-items:start;}
.orders-area .orders-grid>label{margin:0;}
.orders-area form>.orders-grid{margin-bottom:24px;}
.orders-area .orders-product>.orders-grid{margin-top:20px;}
.orders-area .orders-actions{gap:12px;margin:24px 0;}
.orders-area .orders-actions>button{margin:0;}
.orders-area form>.orders-actions:last-child,.orders-area .orders-card>.orders-actions:last-child{margin-bottom:0;}
.orders-area fieldset.orders-card{border:1px solid #34445c;border-radius:8px;background:#0a1423;padding:24px;margin:28px 0;}
.orders-area fieldset.orders-card>legend{font-weight:700;font-size:1.1rem;line-height:1.4;padding:0 8px;}
.orders-area fieldset.orders-card>p{margin:0 0 24px;}
.orders-area fieldset.orders-card>.orders-actions{margin-top:24px;margin-bottom:0;}
.orders-area .orders-card>p:last-child{margin-bottom:0;}
.orders-area textarea{min-height:112px;resize:vertical;}
.orders-area .orders-team-player .orders-team-item:last-child{border-bottom:0;padding-bottom:0;}
.orders-area .orders-team-player-heading{margin-bottom:20px;}
.orders-area .orders-team-item{gap:16px 24px;}
.orders-area .orders-team-item label{margin:0;}
.orders-area .orders-team-player>div>p{margin:20px 0 0;}
@media(max-width:640px){
 .orders-area .orders-grid{gap:20px;}
 .orders-area fieldset.orders-card{padding:18px 16px;margin:24px 0;}
 .orders-area .orders-actions{gap:12px;margin:20px 0;}
 .orders-area .orders-team-item{gap:12px;}
}

.orders-area .orders-import-steps{margin:24px 0;padding:0 0 0 1.75em;list-style:decimal outside;}
.orders-area .orders-import-steps>li{display:list-item;margin:0;padding:0 0 0 .35em;line-height:1.6;}
.orders-area .orders-import-steps>li+li{margin-top:12px;}
.orders-area .orders-import-steps>li::marker{color:#81d9f1;font-weight:600;}

.orders-area .orders-import-preview:not(:empty){margin-top:32px;padding-top:24px;border-top:1px solid #34445c;}
.orders-area .orders-import-preview>h3{margin:0 0 20px;}

/* Team-grouped staff roster: reuse the ordering overview cards and tables. */
.orders-roster-team h4{margin:0 0 12px;font-size:1.2rem;line-height:1.4;overflow-wrap:anywhere}
.orders-roster-team details{margin-top:24px}
.orders-roster-team summary{padding:4px 0;cursor:pointer;color:#81d9f1}
.orders-roster-team summary:focus-visible{outline:3px solid #ffea00;outline-offset:4px}
.orders-roster-team .orders-table-scroll{margin-top:20px}

#staff-orders .orders-order-group{flex-direction:column;align-items:flex-end;gap:16px}
#staff-orders .orders-order-group small{display:block;margin-bottom:6px;color:#bcc8da}

.orders-player-orders>summary{display:list-item;color:#81d9f1;padding:4px 0;cursor:pointer}
.orders-player-orders>summary strong{color:#fff;font-size:1.15rem;overflow-wrap:anywhere}
.orders-player-orders>summary span{display:block;margin:8px 0 0 20px;color:#bcc8da}
.orders-player-orders>summary:focus-visible{outline:3px solid #ffea00;outline-offset:4px}
.orders-player-orders .orders-table-scroll{margin-bottom:0}
.orders-player-orders td:first-child{white-space:nowrap}

/* Invoice settings and results share the order form rhythm. */
.orders-area .orders-invoice-reference{overflow-wrap:anywhere;font-size:.875rem;}
.orders-area .orders-invoice-form{max-width:960px;}
.orders-area .orders-invoice-form h4,.orders-area .orders-invoice-status h4{margin:0 0 20px;}
.orders-area .orders-invoice-preview:not(:empty){margin-top:24px;padding:24px;border:1px solid #34445c;border-radius:10px;background:#0d192a;}
.orders-area .orders-invoice-preview>h4{margin:0 0 20px;}
.orders-area .orders-invoice-preview>button{margin-top:20px;}
.orders-area .orders-invoice-status{border-left:4px solid #81d9f1;}
#staff-orders button:disabled{opacity:.45;cursor:not-allowed;}
@media(max-width:640px){.orders-area .orders-invoice-preview:not(:empty){padding:18px 16px;}}

.orders-area .orders-invoice-description{white-space:pre-line;overflow-wrap:anywhere;line-height:1.6;}

/* Email verification: clear groups and comfortable spacing on every screen. */
.orders-email-gate{max-width:none;margin-inline:0;}
.orders-email-gate>h2{margin-bottom:18px;}
.orders-email-gate>p{margin:0 0 18px;}
.orders-email-gate .orders-email-request{margin-top:28px;}
.orders-email-gate .orders-email-confirm{margin-top:28px;padding-top:24px;border-top:1px solid #34445c;}
.orders-email-gate label{margin:0;}
.orders-email-gate .orders-email-request>label+label{margin-top:18px;}
.orders-email-gate .orders-actions{margin:18px 0 0;gap:14px;}
.orders-email-gate .orders-status{margin-top:22px;padding:16px;line-height:1.6;}
.orders-email-gate input[autocomplete="one-time-code"]{font-size:1.25rem;letter-spacing:.2em;}
.orders-email-support{display:inline-block;margin-top:28px;color:#a5e5f5;text-decoration:underline;text-underline-offset:4px;}
@media(max-width:480px){.orders-email-gate .orders-actions{align-items:stretch;flex-direction:column;}.orders-email-gate .orders-actions button{width:100%;flex:0 0 auto;}.orders-email-gate input[autocomplete="one-time-code"]{max-width:none;}}

.orders-area .orders-check.orders-check-disabled{opacity:.55;cursor:not-allowed;}

/* Keep the two ordering routes in a predictable vertical order on mobile. */
@media(max-width:640px){
 .orders-area .orders-shop-navigation{flex-direction:column;align-items:stretch;}
 .orders-area .orders-shop-navigation>.orders-link{flex:0 0 auto;width:100%;box-sizing:border-box;text-align:center;}
}

/* Support and privacy links stay visibly clickable throughout ordering. */
.orders-shell a[href^="/contact"],
.orders-shell a[href="/privacy"]{
 color:#81d9f1;
 text-decoration:underline;
 text-decoration-thickness:1px;
 text-underline-offset:3px;
 font-weight:600;
}
.orders-shell a[href^="/contact"]:hover,
.orders-shell a[href^="/contact"]:focus-visible,
.orders-shell a[href="/privacy"]:hover,
.orders-shell a[href="/privacy"]:focus-visible{
 color:#ffea00;
 text-decoration-thickness:2px;
}

.orders-history-entry{padding:16px 0;border-bottom:1px solid #30465c}
.orders-history-entry:last-child{border-bottom:0}
.orders-history-entry>strong{display:block;margin-bottom:6px}
.orders-history-entry p{margin:6px 0;overflow-wrap:anywhere}

/* Keep the six verification digits together, including on narrow phones. */
.orders-area .orders-code>legend{font-weight:600;margin-bottom:12px;padding:0;}
.orders-code-digits{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(5px,1.5vw,12px);width:100%;max-width:360px;}
html body .orders-area .orders-code-digits input:not([type=checkbox]):not([type=file]){width:100%;min-width:0;max-width:none;height:56px;margin:0;padding:8px 0;text-align:center;font-size:1.4rem;letter-spacing:0;border-radius:6px;}
.orders-code-digits input:focus-visible{outline:2px solid #81d9f1;outline-offset:2px;}