/* Order wizard — premium redesign (matches style.css tokens) */
.wiz-progress{display:flex;justify-content:space-between;gap:6px;margin:10px 0 38px;overflow-x:auto;padding-bottom:6px}
.wiz-step{display:flex;flex-direction:column;align-items:center;gap:7px;flex:1;min-width:64px;position:relative}
.wiz-step .dot{width:36px;height:36px;border-radius:50%;background:#fff;border:2px solid var(--border-strong);
  color:var(--muted);font-weight:680;display:grid;place-items:center;font-size:14px;z-index:1;
  transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast),box-shadow var(--t),transform var(--t)}
.wiz-step .lbl{font-size:12px;color:var(--muted);font-weight:500;white-space:nowrap;transition:color var(--t-fast)}
.wiz-step:not(:last-child):after{content:"";position:absolute;top:18px;left:60%;width:80%;height:2px;background:var(--border-strong);transition:background var(--t)}
.wiz-step.active .dot{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 0 5px var(--accent-ring);transform:scale(1.06)}
.wiz-step.done .dot{background:var(--success);border-color:var(--success);color:#fff}
.wiz-step.done:not(:last-child):after{background:var(--success)}
.wiz-step.active .lbl{color:var(--text);font-weight:600}

.wiz-panel{display:none;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);
  box-shadow:var(--shadow);padding:36px;animation:wiz-fade .45s var(--ease)}
.wiz-panel.active{display:block}
.wiz-panel h2{font-size:26px;font-weight:680;letter-spacing:-.025em;margin-bottom:6px}
@keyframes wiz-fade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

.wiz-nav{display:flex;justify-content:space-between;gap:12px;margin-top:30px}
.wiz-nav .btn{min-width:130px}

.pkg-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}
@media(max-width:640px){.pkg-cards{grid-template-columns:1fr}}
.pkg-card{position:relative}
.pkg-card input{position:absolute;opacity:0;pointer-events:none}
.pkg-card-in{border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:18px;cursor:pointer;height:100%;
  transition:border-color var(--t-fast),background var(--t-fast),box-shadow var(--t),transform var(--t)}
.pkg-card-in:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.pkg-card input:checked + .pkg-card-in{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px var(--accent-ring)}

.addon-row{display:flex;align-items:center;gap:12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:15px;cursor:pointer;
  transition:border-color var(--t-fast),background var(--t-fast),transform var(--t)}
.addon-row:hover{border-color:var(--accent);transform:translateY(-2px)}
.addon-row input{width:18px;height:18px;accent-color:var(--accent)}

.pay-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(max-width:480px){.pay-methods{grid-template-columns:1fr}}

@media(max-width:640px){
  .wiz-step .lbl{display:none}
  .wiz-panel{padding:24px}
}

/* ===== Dark theme override (text white, surfaces charcoal) ===== */
.wiz-panel{background:var(--card)!important;border:1px solid var(--border);color:var(--text)}
.wiz-panel h2,.wiz-panel h3,.wiz-panel label{color:#fff}
.wiz-step .dot{background:#16161C;border:2px solid var(--border-strong);color:var(--muted)}
.wiz-step.active .dot{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 0 5px var(--accent-ring)}
.wiz-step.done .dot{background:var(--success);border-color:var(--success);color:#fff}
.wiz-step small,.wiz-step span{color:var(--muted)}
.wiz-step.active small,.wiz-step.active span{color:#fff}