/* SPDX-License-Identifier: LicenseRef-TigerHosting-Proprietary
 * Copyright (c) 2026 WebTigers. Signup wizard — progress stepper, panes, provisioning checklist. */

/* --- progress stepper ------------------------------------------------------------------------- */
.wiz-steps { display:flex; list-style:none; padding:0; margin:0 0 2rem; counter-reset:step; }
.wiz-steps li { flex:1 1 0; text-align:center; position:relative; color:var(--bs-secondary-color); font-weight:600; font-size:.95rem; }
.wiz-steps li .wiz-num {
    display:inline-flex; align-items:center; justify-content:center; width:2rem; height:2rem; border-radius:50%;
    background:var(--bs-tertiary-bg); color:var(--bs-secondary-color); border:2px solid var(--bs-border-color);
    font-weight:700; margin-bottom:.4rem; transition:all .2s;
}
.wiz-steps li::before { content:""; position:absolute; top:1rem; left:-50%; width:100%; height:2px; background:var(--bs-border-color); z-index:0; }
.wiz-steps li:first-child::before { display:none; }
.wiz-steps li .wiz-num { position:relative; z-index:1; }
.wiz-steps li.is-active { color:var(--bs-body-color); }
.wiz-steps li.is-active .wiz-num { background:var(--bs-primary); color:#fff; border-color:var(--bs-primary); }
.wiz-steps li.is-done .wiz-num { background:var(--bs-success); color:#fff; border-color:var(--bs-success); }
.wiz-steps li.is-done::before, .wiz-steps li.is-active::before { background:var(--bs-primary); }

/* --- panes ------------------------------------------------------------------------------------ */
.wiz-pane[hidden] { display:none; }
.wiz-nav { display:flex; justify-content:space-between; gap:.75rem; margin-top:1.5rem; }
.wiz-nav .btn-next { margin-left:auto; }
/* Payment step: Pay is first in the DOM (tab target after the Stripe zip field) but shown on the right. */
.wiz-nav-pay { flex-direction:row-reverse; }
.wiz-nav-pay .btn-next { margin-left:0; }

/* --- provisioning checklist ------------------------------------------------------------------- */
.wiz-check { list-style:none; padding:0; margin:0; }
.wiz-check li { display:flex; align-items:center; gap:.75rem; padding:.6rem .25rem; border-bottom:1px solid var(--bs-border-color-translucent); font-size:1.05rem; opacity:.45; transition:opacity .25s; }
.wiz-check li:last-child { border-bottom:0; }
.wiz-check li.is-active, .wiz-check li.is-done, .wiz-check li.is-error, .wiz-check li.is-warn { opacity:1; }
.wiz-check li .ck-icon { width:1.5rem; height:1.5rem; flex:0 0 1.5rem; display:inline-flex; align-items:center; justify-content:center; }
.wiz-check li .ck-detail { margin-left:auto; color:var(--bs-success); font-weight:600; font-size:.9rem; }
.wiz-check li.is-error .ck-detail { color:var(--bs-danger); }
.wiz-check li.is-warn .ck-detail { color:var(--bs-warning); }