/* BLAZIEST LIMITED / ORDERS — PREMIUM STREETWEAR V2
 * Load after style.css and blaziest-v2.css.
 * Scoped to body.bz-orders; zero order, payment or Supabase logic changes.
 */
.bz-orders .bz-orders-main { width:100%; background:#fff; }
.bz-orders .bz-orders-hero { position:relative; overflow:hidden; color:#fff; background:linear-gradient(110deg,#0c0e10 10%,#22282b 75%,#32383b 100%); }
.bz-orders .bz-orders-hero::after { content:"B."; position:absolute; font-family:var(--bz-display); font-size:clamp(230px,26vw,510px); line-height:1; font-weight:900; color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.095); top:-105px; right:2%; transform:rotate(-10deg); pointer-events:none; }
.bz-orders .bz-orders-hero-inner { position:relative; z-index:1; min-height:355px; display:flex; justify-content:space-between; align-items:end; gap:50px; padding-top:80px; padding-bottom:70px; }
.bz-orders .bz-orders-hero-copy { min-width:0; }
.bz-orders .bz-orders-hero h1 { font-family:var(--bz-display); font-size:clamp(69px,7.6vw,123px); line-height:.92; letter-spacing:-.035em; text-transform:uppercase; color:#fff; margin:17px 0 20px; font-weight:900; }
.bz-orders .bz-orders-hero h1 span { color:transparent; -webkit-text-stroke:1.5px #fff; }
.bz-orders .bz-orders-hero-copy > p { color:#d7d9da; font-size:clamp(13px,1.15vw,16px); line-height:1.6; max-width:485px; margin:0; }
.bz-orders .bz-orders-hero-aside { margin-bottom:7px; display:flex; flex-direction:column; gap:14px; min-width:205px; flex-shrink:0; }
.bz-orders .bz-orders-hero-aside > span { font-size:10px; letter-spacing:.14em; color:#aeb4b6; font-weight:800; }
.bz-orders .bz-orders-hero-aside > a { display:flex; justify-content:space-between; align-items:center; gap:17px; border-bottom:1px solid rgba(255,255,255,.8); padding:0 0 8px; color:#fff; text-decoration:none; font-weight:900; font-size:11px; letter-spacing:.07em; }
.bz-orders .bz-orders-hero-aside > a > span { font-size:19px; font-weight:400; }
.bz-orders .bz-orders-section { padding:clamp(60px,6.5vw,104px) 0 100px; background:#fafaf8; }
.bz-orders .bz-orders-content { max-width:1280px; }
.bz-orders .bz-orders-section-head { display:flex; justify-content:space-between; align-items:end; gap:40px; border-bottom:1px solid #d7d9d9; padding-bottom:27px; }
.bz-orders .bz-orders-section-head h2 { font-family:var(--bz-display); color:#141618; font-size:clamp(39px,4.7vw,71px); line-height:1; letter-spacing:-.025em; margin:13px 0 0; font-weight:900; }
.bz-orders .bz-orders-section-head > p { margin:0 0 5px; max-width:345px; line-height:1.65; color:#696c6d; font-size:13px; }
.bz-orders .orders-page { padding:32px 0 0; max-width:none; }
.bz-orders .orders-list { display:flex; flex-direction:column; gap:20px; }
.bz-orders .bz-orders-loading { font-size:14px; color:#61666a; padding:24px 0; }
.bz-orders .order-card { position:relative; background:#fff; border:1px solid #e2e4e4; border-left:4px solid #16191b; border-radius:3px; box-shadow:0 8px 24px rgba(20,21,22,.035); padding:30px clamp(22px,3.6vw,52px); margin:0; min-width:0; }
.bz-orders .order-card.order-highlight { outline:2px solid #1d6b4a; outline-offset:3px; }
.bz-orders .order-header { display:flex; flex-direction:column; align-items:stretch; gap:9px; }
.bz-orders .order-header h3 { font-family:var(--bz-display); font-size:clamp(24px,2.55vw,36px); line-height:1.1; letter-spacing:0; font-weight:900; color:#101214; margin:0 0 10px; }
.bz-orders .order-header h3 .pill { vertical-align:middle; font-family: "Blaziest Switzer", Arial, sans-serif; font-size:10px; font-weight:800; letter-spacing:0; text-transform:none; margin-left:8px; border-radius:2px; }
.bz-orders .order-header > p { color:#54595c; font-size:13px; line-height:1.65; margin:0; }
.bz-orders .order-header > p strong { color:#171a1b; font-weight:900; }
.bz-orders .order-header > p .muted { font-size:11px; color:#8b8f90; }
.bz-orders .order-header > p:has(> strong:first-child) { overflow-wrap:anywhere; }
.bz-orders .order-timeline { display:flex; flex-wrap:wrap; align-items:center; width:100%; gap:10px; margin:18px 0 2px; padding:13px 0 15px; border-top:1px solid #eceeed; border-bottom:1px solid #eceeed; }
.bz-orders .tl-step { display:inline-flex; align-items:center; min-width:0; flex:0 0 auto; gap:8px; }
.bz-orders .tl-dot { width:11px; height:11px; border:2px solid #161a1d; background:#fff; box-shadow:none; flex-shrink:0; }
.bz-orders .tl-step.done .tl-dot { background:#161a1d; }
.bz-orders .tl-step.active .tl-dot { box-shadow:0 0 0 3px rgba(17,17,17,.1); }
.bz-orders .tl-step.current .tl-dot { transform:none; }
.bz-orders .tl-line { flex:0 0 auto; background:#d3d6d7; width:38px; height:1px; }
.bz-orders .tl-line.done { background:#151819; }
.bz-orders .tl-label { white-space:nowrap; font-size:11px; font-weight:800; color:#25292b; }
.bz-orders .tl-step.active .tl-label { text-decoration:none; }
.bz-orders .tl-step.current .tl-label { text-decoration:underline; text-underline-offset:4px; }
.bz-orders .order-timeline-helper { margin:4px 0 15px; opacity:1; background:#f5f5f3; border-left:2px solid #1a1d1e; color:#515657; padding:12px 16px; font-size:12px; line-height:1.7; }
.bz-orders .order-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.bz-orders .order-actions .btn { border-radius:2px; border:1px solid #c4c8ca; background:#fff; color:#181a1c; font-size:11px; font-weight:900; letter-spacing:.04em; padding:11px 14px; }
.bz-orders .order-header .toggle-items { align-self:flex-start; width:auto; display:inline-flex; align-items:center; justify-content:center; margin-top:9px; background:#17191b; border:1px solid #17191b; color:#fff; border-radius:2px; padding:11px 25px; font-size:11px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; min-height:43px; }
.bz-orders .order-header .toggle-items:hover, .bz-orders .order-actions .btn:hover { opacity:.82; }
.bz-orders .order-header .toggle-items:focus-visible { outline:2px solid var(--bz-blue); outline-offset:3px; }
.bz-orders .order-items { margin-top:24px; padding:19px 0 7px; border-top:1px solid #e5e7e7; }
.bz-orders .order-item-row { display:flex; align-items:start; justify-content:space-between; gap:17px; padding:10px 0; font-size:13px; border-bottom:1px solid #eff0ef; }
.bz-orders .order-item-row:last-child { border-bottom:0; }
.bz-orders .order-item-row span:last-child { font-weight:800; color:#16191b; white-space:nowrap; }
.bz-orders .order-item-row .muted { color:#767b7e; font-size:12px; margin-top:3px; line-height:1.5; }
.bz-orders .payment-box { margin-top:24px; padding:23px clamp(17px,2.5vw,28px); background:#f6f6f4; border:1px solid #e6e7e5; border-radius:2px; }
.bz-orders .payment-box > p:first-child { font-size:14px; margin:0 0 7px; text-transform:uppercase; letter-spacing:.07em; font-weight:900; color:#191b1d; }
.bz-orders .payment-box p { font-size:12px; line-height:1.65; }
.bz-orders .payment-box p.muted { color:#686e70; margin:7px 0; }
.bz-orders .payment-box .payment-row { display:flex; align-items:start; justify-content:space-between; flex-wrap:wrap; gap:15px; padding-top:16px; margin-top:13px; border-top:1px solid #e1e3e3; }
.bz-orders .payment-box .payment-row > div { line-height:1.8; font-size:12px; }
.bz-orders .payment-box .proof-status { display:inline-block; font-size:11px; font-weight:900; text-transform:uppercase; letter-spacing:.04em; }
.bz-orders .payment-box .status-none { color:#6f777a; }
.bz-orders .payment-box .status-submitted { color:#9c651f; }
.bz-orders .payment-box .status-approved { color:#176a40; }
.bz-orders .payment-box .status-rejected { color:#a13a32; }
.bz-orders .payment-box .proof-reason { color:#972e24; font-size:12px; line-height:1.6; padding:12px; background:#fef1ef; border-left:3px solid #a43b31; }
.bz-orders .payment-box .proof-msg { opacity:1; color:#697071; line-height:1.6; margin-top:8px; font-size:12px; }
.bz-orders .payment-box .btn { min-height:40px; border:1px solid #17191b; background:#fff; color:#17191b; font-size:10px; font-weight:900; border-radius:2px; padding:9px 15px; text-transform:uppercase; letter-spacing:.06em; }
.bz-orders .payment-box .btn.primary { background:#17191b; color:#fff; }
.bz-orders .payment-upload { gap:12px; align-items:center; margin-top:18px; }
.bz-orders .payment-upload .proof-file { font-family:inherit; font-size:12px; min-width:0; max-width:100%; }
.bz-orders .payment-upload .proof-file::file-selector-button { cursor:pointer; border:1px solid #bfc3c4; background:#fff; color:#181a1a; border-radius:2px; padding:10px 12px; margin-right:10px; font-family:inherit; font-size:11px; font-weight:800; }
.bz-orders .bz-order-success { border:1px solid #adcdbb; border-left:4px solid #186c41; background:#f1f9f3; padding:17px 22px; margin:27px 0 5px; color:#194f32; }
.bz-orders .bz-order-success strong { font-size:13px; letter-spacing:.04em; }
.bz-orders .bz-order-success p { font-size:12px; line-height:1.7; margin:7px 0 0; }
.bz-orders .bz-orders-help { display:flex; align-items:center; justify-content:space-between; gap:30px; margin-top:70px; padding:32px 35px; background:#eaeae6; }
.bz-orders .bz-orders-help h3 { font-family:var(--bz-display); font-size:clamp(30px,3.4vw,51px); letter-spacing:-.018em; margin:9px 0; line-height:1; }
.bz-orders .bz-orders-help p { color:#64686a; font-size:13px; line-height:1.5; margin:0; }
.bz-orders .bz-orders-help a { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:15px 20px; min-width:190px; flex-shrink:0; color:#fff; background:#151718; text-decoration:none; letter-spacing:.08em; font-size:11px; font-weight:900; }
.bz-orders .bz-orders-help a > span { font-size:18px; font-weight:400; }
.bz-orders .bz-modal { background:rgba(9,11,12,.69); }
.bz-orders .bz-modal-card { padding:clamp(20px,3vw,32px); border:1px solid #e9e9e8; border-radius:3px; box-shadow:0 24px 80px rgba(0,0,0,.23); }
.bz-orders .bz-modal-head h3 { font-family:var(--bz-display); font-size:30px; margin:0; text-transform:uppercase; }
.bz-orders .bz-modal-head { padding-bottom:13px; margin-bottom:18px; border-bottom:1px solid #e9e9e8; }
.bz-orders .bz-modal-x { background:transparent; border:0; color:#181a1b; font-size:18px; border-radius:0; }
.bz-orders .bz-modal-label { color:#303537; font-weight:800; font-size:12px; }
.bz-orders .bz-modal-textarea { border-radius:2px; padding:14px; font-family:inherit; font-size:13px; line-height:1.6; }
.bz-orders .bz-modal-actions .btn { border:1px solid #141618; border-radius:2px; padding:11px 16px; font-size:11px; font-weight:900; }
.bz-orders .bz-modal-actions .danger { background:#141618; color:#fff; }
.bz-orders .bz-toast { border-radius:2px; }
.bz-orders .cart-sidebar { z-index:1001; }
.bz-orders #overlay.open { opacity:1; visibility:visible; }
/* Order-page pagination controls generated by js/orders.js */
.bz-orders .orders-list > nav[aria-label="Order history pages"] { border-top:1px solid #e1e3e3; padding-top:23px; margin-top:12px !important; }
.bz-orders .orders-list > nav[aria-label="Order history pages"] .btn { padding:12px 20px; background:#17191b; color:#fff; border:1px solid #17191b; border-radius:2px; font-weight:800; font-size:11px; }
.bz-orders .orders-list > nav[aria-label="Order history pages"] .btn:disabled { opacity:.28; }
.bz-orders .orders-list > nav[aria-label="Order history pages"] span { font-size:12px; font-weight:800; color:#505657; }
/* Empty state and server error message generated by js/orders.js */
.bz-orders .orders-list .empty-orders { background:#fff; text-align:center; padding:70px 24px; border:1px solid #e0e2e1; }
.bz-orders .orders-list .empty-orders h3 { font-family:var(--bz-display); font-size:39px; text-transform:uppercase; margin:0 0 12px; }
.bz-orders .orders-list .empty-orders p { color:#63686a; }
.bz-orders .orders-list .empty-orders .btn { background:#111315; color:#fff; border:1px solid #111315; border-radius:2px; padding:14px 22px; }
.bz-orders .orders-list > [role="alert"] { padding:20px; background:#fff1ef; border-left:3px solid #b34839; color:#9b382d; }
@media(max-width:1000px) {
  .bz-orders .bz-orders-hero-inner { min-height:310px; padding-top:65px; padding-bottom:61px; }
  .bz-orders .bz-orders-hero-aside { display:none; }
  .bz-orders .bz-orders-content { max-width:960px; }
}
@media(max-width:768px) {
  .bz-orders .bz-orders-hero-inner { min-height:270px; padding-top:60px; padding-bottom:52px; }
  .bz-orders .bz-orders-hero::after { right:-25px; top:-50px; }
  .bz-orders .bz-orders-hero h1 { font-size:clamp(53px,10.7vw,80px); }
  .bz-orders .bz-orders-section { padding:55px 0 75px; }
  .bz-orders .bz-orders-section-head { align-items:start; flex-direction:column; gap:16px; padding-bottom:22px; }
  .bz-orders .bz-orders-section-head h2 { font-size:clamp(36px,8.3vw,55px); }
  .bz-orders .bz-orders-section-head > p { max-width:480px; }
  .bz-orders .orders-page { padding-top:20px; }
  .bz-orders .orders-list { gap:15px; }
  .bz-orders .order-card { padding:22px 18px; }
  .bz-orders .order-header h3 { font-size:28px; }
  .bz-orders .order-timeline { flex-wrap:nowrap; width:100%; overflow-x:auto; padding:15px 1px; scrollbar-width:thin; gap:8px; }
  .bz-orders .tl-step, .bz-orders .tl-label { white-space:nowrap; }
  .bz-orders .tl-line { width:28px; }
  .bz-orders .payment-row { flex-direction:column; align-items:stretch; }
  .bz-orders .payment-upload { flex-direction:column; align-items:stretch; }
  .bz-orders .payment-upload .proof-file { width:100%; }
  .bz-orders .payment-upload .upload-proof-btn { width:100%; min-height:45px; }
  .bz-orders .bz-orders-help { margin-top:50px; padding:25px 21px; }
}
@media(max-width:480px) {
  .bz-orders .bz-orders-hero-inner { min-height:238px; padding-top:52px; padding-bottom:41px; }
  .bz-orders .bz-orders-hero h1 { font-size:clamp(50px,13vw,69px); margin:13px 0 17px; }
  .bz-orders .bz-orders-hero-copy > p { font-size:12px; max-width:315px; }
  .bz-orders .bz-orders-hero::after { font-size:240px; top:-29px; right:-115px; }
  .bz-orders .bz-orders-section { padding-top:44px; }
  .bz-orders .bz-orders-section-head h2 { font-size:42px; }
  .bz-orders .order-header h3 { font-size:25px; }
  .bz-orders .order-header > p { font-size:12px; }
  .bz-orders .order-header .toggle-items { width:100%; align-self:stretch; }
  .bz-orders .order-card { padding:21px 15px; }
  .bz-orders .payment-box { padding:19px 14px; }
  .bz-orders .bz-orders-help { flex-direction:column; align-items:stretch; }
  .bz-orders .bz-orders-help a { width:100%; }
  .bz-orders .bz-modal { align-items:flex-end; padding:10px; }
  .bz-orders .bz-modal-card { border-radius:4px; max-height:calc(100dvh - 20px); overflow-y:auto; }
  .bz-orders .bz-modal-actions { display:grid; grid-template-columns:1fr 1fr; }
}
@media(prefers-reduced-motion:reduce) {
  .bz-orders *, .bz-orders *::before, .bz-orders *::after { animation-duration:.01ms !important; transition-duration:.01ms !important; }
}