/* b360-region.css  INTL360-GEO-01: switcher, waitlist, mismatch banner */
#b360-switch{display:flex;align-items:center;gap:10px;padding:16px 5vw;
  border-top:1px solid rgba(255,255,255,.09);font-family:'Space Mono',ui-monospace,monospace}
#b360-switch label{font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:#8E939E}
#b360-switch select{appearance:none;-webkit-appearance:none;background:transparent;color:#f5f5f7;
  border:1px solid rgba(255,255,255,.16);border-radius:0;padding:9px 30px 9px 12px;min-height:40px;
  font-family:inherit;font-size:10px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,#86868b 50%),linear-gradient(135deg,#86868b 50%,transparent 50%);
  background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
#b360-switch select:focus{outline:none;border-color:rgba(255,92,34,.7)}
[data-theme=day] #b360-switch{border-top-color:rgba(20,20,22,.10)}
[data-theme=day] #b360-switch select{color:#1d1d1f;border-color:rgba(20,20,22,.18)}
/* removed: assumed a light footer. The footer is #131315 in every mood, so
   this read at 2.51:1. The unscoped rule above is correct for all moods. */

#b360-waitlist{position:fixed;left:0;right:0;bottom:0;z-index:1500;background:rgba(8,8,10,.94);
  -webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);
  border-top:1px solid rgba(255,92,34,.42);padding-bottom:env(safe-area-inset-bottom,0px)}
#b360-waitlist::before{content:'';position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(96deg,#ff9d45 0%,#ff5c22 42%,#e8490f 100%);opacity:.9}
.b360-wl-in{max-width:760px;margin:0 auto;padding:20px 5vw 22px;text-align:center}
.b360-wl-k{margin:0 0 8px;font-family:'Space Mono',ui-monospace,monospace;font-size:9px;
  letter-spacing:.26em;color:#ffb58a}
.b360-wl-t{margin:0 0 14px;font-size:1.05rem;line-height:1.4;color:#f5f5f7;font-weight:400}
.b360-wl-f{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.b360-wl-f input{flex:1 1 240px;max-width:320px;min-height:48px;box-sizing:border-box;
  background:transparent;border:1px solid rgba(255,255,255,.16);border-radius:0;color:#f5f5f7;
  padding:0 14px;font-family:'Space Mono',ui-monospace,monospace;font-size:13px;letter-spacing:.04em}
.b360-wl-f input::placeholder{color:#6e6e73}
.b360-wl-f input:focus{outline:none;border-color:#ff5c22;background:rgba(255,92,34,.05)}
.b360-wl-f button{min-height:48px;padding:0 22px;border:0;border-radius:0;cursor:pointer;
  background:linear-gradient(96deg,#ff9d45 0%,#ff5c22 42%,#e8490f 100%);background-color:#e8490f;
  color:#0b0b0d;font-family:'Space Mono',ui-monospace,monospace;font-size:10.5px;font-weight:700;
  letter-spacing:.2em;text-transform:uppercase;transition:box-shadow .25s,transform .25s}
.b360-wl-f button:hover{box-shadow:0 12px 32px rgba(232,73,15,.34);transform:translateY(-1px)}
.b360-wl-n{margin:12px 0 0;font-family:'Space Mono',ui-monospace,monospace;font-size:8.5px;
  letter-spacing:.18em;text-transform:uppercase;color:#7c7f86}
[data-theme=day] #b360-waitlist{background:rgba(245,245,247,.96);border-top-color:rgba(232,73,15,.4)}
[data-theme=day] .b360-wl-t{color:#1d1d1f}
[data-theme=day] .b360-wl-k{color:#b23a0b}
[data-theme=day] .b360-wl-n{color:#55555b}
[data-theme=day] .b360-wl-f input{background:#fff;border-color:rgba(20,20,22,.18);color:#1d1d1f}

#b360-regionbar{position:fixed;left:0;right:0;top:0;z-index:1600;display:flex;align-items:center;
  justify-content:center;gap:14px;flex-wrap:wrap;padding:11px 16px;background:#101012;
  border-bottom:1px solid rgba(255,92,34,.4);font-family:'Space Mono',ui-monospace,monospace;
  font-size:10px;letter-spacing:.1em;color:#f5f5f7}
#b360-regionbar button{background:transparent;color:#ffb58a;cursor:pointer;
  border:1px solid rgba(255,92,34,.55);border-radius:0;min-height:34px;padding:0 12px;
  font-family:inherit;font-size:9px;letter-spacing:.18em;text-transform:uppercase;
  transition:background .25s,color .25s}
#b360-regionbar button:hover{background:linear-gradient(96deg,#ff9d45,#ff5c22 42%,#e8490f);color:#0b0b0d}
#b360-regionbar button[data-x]{border:0;color:#86868b;font-size:16px;letter-spacing:0;padding:0 6px;min-width:34px}
[data-theme=day] #b360-regionbar{background:#f5f5f7;color:#1d1d1f;border-bottom-color:rgba(232,73,15,.35)}
[data-theme=day] #b360-regionbar button{color:#b23a0b;border-color:rgba(232,73,15,.5)}

@media (max-width:760px){
  .b360-wl-in{padding:16px 1.15rem 18px}
  .b360-wl-t{font-size:.95rem}
  .b360-wl-f input{flex:1 1 100%;max-width:100%}
  .b360-wl-f button{width:100%}
  #b360-regionbar{font-size:9px;gap:9px;padding:9px 12px}
  #b360-switch{padding:14px 1.15rem}
}
[data-b360-gated="1"]{display:none !important}

/* INTL360-COMP-06 #4 -- pre-order material info block. Rendered directly before
   the pay button for GB visitors, per CCR 2013 reg 14(2). Neutral styling so it
   sits inside the drawer without competing with the primary CTA. */
.b360-preorder{margin:1.1rem 0 .8rem;padding:12px 14px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(255,255,255,.02);font-size:12px;line-height:1.55;color:#dcdce0}
.b360-preorder .po-row{display:flex;justify-content:space-between;gap:12px;padding:3px 0}
.b360-preorder .po-row b{font-weight:600;color:#f5f5f7}
.b360-preorder .po-cra{margin:.7rem 0 0;padding-top:.6rem;border-top:1px solid rgba(255,255,255,.08);font-size:11px;color:#a0a0a6}
.b360-preorder .po-cra a{color:#dcdce0;text-decoration:underline}
[data-theme=day] .b360-preorder{border-color:rgba(20,20,22,.14);color:#3a3a3c;background:rgba(20,20,22,.02)}
[data-theme=day] .b360-preorder .po-row b{color:#111}
[data-theme=day] .b360-preorder .po-cra{border-top-color:rgba(20,20,22,.08);color:#666}
[data-theme=day] .b360-preorder .po-cra a{color:#111}