/* Seller signup ("Become a Seller") page — additive stylesheet.
   .none/.hidden/.opacity-0/.opacity-75/.bg-overlay are utility classes the
   reused JS (seller.js, seller-register.js) toggles directly via jQuery
   addClass/removeClass — they must exist here since this theme doesn't carry
   the old Tailwind-esque utility set the original page relied on. */

.none{display:none!important}
.hidden{display:none!important}
.opacity-0{opacity:0}
.opacity-75{opacity:.75}

.ssu-loader{position:fixed;inset:0;z-index:2000;background:#111;display:flex;align-items:center;justify-content:center;transition:opacity .2s}
.ssu-loader.bg-overlay{background:rgba(20,20,28,.4)}
.ssu-loader-spinner{width:48px;height:48px;border:4px solid #e0e0e0;border-top-color:var(--orange);border-radius:50%;animation:ssuSpin .8s linear infinite}
@keyframes ssuSpin{to{transform:rotate(360deg)}}

.ssu-card{max-width:820px;margin:24px auto 60px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:32px}
.ssu-eyebrow{text-align:center;font-size:12.5px;color:var(--muted)}
.ssu-title{text-align:center;font-size:22px;font-weight:800;color:var(--ink);text-transform:uppercase;letter-spacing:.3px;margin-top:4px}
.ssu-note{text-align:center;font-size:12px;color:var(--muted);max-width:560px;margin:14px auto 0}

.ssu-flash{text-align:center;font-size:12.5px;font-weight:700;padding:10px;border-radius:8px;margin-top:14px}
.ssu-flash.is-ok{background:rgba(18,183,106,.1);color:#12b76a}
.ssu-flash.is-error{background:rgba(230,58,46,.1);color:var(--red)}

.ssu-steps{display:flex;justify-content:center;gap:10px;margin:24px 0;flex-wrap:wrap}
.ssu-steps span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:var(--muted);padding:8px 16px;border-radius:20px;background:var(--bg);border:1px solid var(--line)}
.ssu-steps span.is-active{background:var(--orange);color:#fff;border-color:var(--orange)}

.ssu-section-title{font-size:15px;font-weight:800;color:var(--ink);text-transform:uppercase;letter-spacing:.3px;margin:20px 0 14px;padding-bottom:10px;border-bottom:1px solid var(--line)}

.odp-field{margin-bottom:16px}
.odp-field label{display:block;font-size:12px;font-weight:700;color:var(--ink);margin-bottom:6px}
.ssu-req::after{content:' *';color:var(--red)}
.qa-field{width:100%;height:46px;border:1.5px solid var(--line);border-radius:10px;padding:0 14px;font-size:13.5px;font-family:'Inter',sans-serif;color:var(--ink);background:#fff}
.qa-field:focus{outline:none;border-color:var(--orange)}
.qa-field[readonly]{background:var(--bg);color:var(--muted)}
.ssu-err{display:block;font-size:11px;color:var(--red);margin-top:5px}

.ssu-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ssu-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}

.ssu-verify-row{display:flex;align-items:center;gap:8px}
.ssu-verify-row .qa-field{flex:1}
.ssu-verify-check{flex-shrink:0;background:none;border:none;cursor:default;display:flex;align-items:center;padding:0}

.ssu-upload{display:flex;align-items:center;justify-content:center;gap:8px;border:1.5px dashed var(--line);border-radius:var(--radius-sm);padding:12px;cursor:pointer;color:var(--muted);font-size:12.5px;position:relative}
.ssu-upload-input{position:absolute;inset:0;opacity:0;cursor:pointer}
.ssu-preview{display:block;width:120px;height:120px;object-fit:cover;border-radius:8px;margin-top:8px;background:var(--bg)}

.ssu-checkbox-label{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--body);cursor:pointer;margin-right:16px;margin-bottom:8px}
.ssu-checkbox-label input{width:16px;height:16px;accent-color:var(--orange);flex-shrink:0}
.ssu-check-grid{display:flex;flex-wrap:wrap}
.ssu-radio-row{display:flex;gap:20px}
.ssu-terms{display:flex;align-items:flex-start;margin-bottom:12px;text-align:left}
.ssu-terms input{margin-top:2px}
.ssu-terms a{color:var(--orange);text-decoration:underline}

.ssu-map{margin-top:10px;height:280px;border-radius:var(--radius-sm);overflow:hidden}

.ssu-actions{display:flex;justify-content:center;gap:12px;margin:28px 0 12px}

@media(max-width:760px){
  .ssu-card{padding:18px;margin-top:12px}
  .ssu-title{font-size:18px}
  .ssu-grid-2,.ssu-grid-3{grid-template-columns:1fr}
  .ssu-steps span{font-size:9px;padding:6px 10px}
  .ssu-actions{flex-direction:column}
  .ssu-actions .btn{width:100%}
}