/* base layout */
.container{max-width:1100px;margin:0 auto;padding:20px}
.site-header,.site-footer{color:#fff}
.header-inner{display:flex;gap:16px;align-items:center;justify-content:space-between}
.brand{color:#fff;text-decoration:none;font-weight:700}
.site-footer p{margin:0;padding:10px 0}
/* dashboard layout */
.dash-wrap{display:flex;align-items:flex-start;gap:24px}
.dash-sidebar{width:260px;flex:0 0 260px}
.dash-content{flex:1 1 auto;min-width:0}
.tab-panel{display:none}
.tab-panel.active{display:block}
.dash-nav .nav-link{display:block;padding:8px 0;text-decoration:none}
.dash-nav .nav-link.is-active{font-weight:700}
/* forms */
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-field label{display:block;margin:6px 0 6px;font-weight:600}
.form-field input,.form-field select,.form-field textarea{width:100%;padding:8px}
.form-field select{cursor:pointer}
/* buttons */
.btn-primary{background:#2563eb;color:#fff;border:0;padding:8px 14px;border-radius:6px;cursor:pointer}
.btn-light{background:#e5e7eb;color:#111;border:0;padding:8px 14px;border-radius:6px;cursor:pointer}
.btn-danger{background:#ef4444;color:#fff;border:0;padding:6px 10px;border-radius:6px;cursor:pointer}
/* states */
.notice.success{color:#0a7}
.notice.error{color:#d33}
.muted{color:#06923E}
.badge{color:#6b7280}
/* cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px}
.card-title{font-weight:600}
.card-value{font-size:24px;margin-top:6px}
.listing-card{display:flex;gap:12px;border:1px solid #e5e7eb;border-radius:10px;padding:12px;margin-bottom:12px;background:#fff}
.listing-card .thumb{width:160px;flex:0 0 100px}
.listing-card .thumb .ph{width:100%;height:70px;background:#f3f4f6;border-radius:8px}
.listing-card .actions{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap}
button.btn-danger.listing-delete {
    background: #005E9E;
    border: none;
    color: #fff;
    padding: 5px 10px;
    margin: 0 0;
}
.brx-popup {
    text-align: center;
    margin: 0 auto;
    font-size: 30px;
}
body{
    padding: 0;
    margin: 0;
}
/* wizard overlay fix */
/* ---- Wizard: make sure nothing blocks the form ---- */
#wizard-wrap { position: relative; margin-top: 16px; }

/* Progress bar style + spacing */
.wizard-progress {
  position: relative;
  background: #2e9b45;
  padding: 16px 24px 30px;
  border-radius: 6px;
  margin-bottom: 18px;
  /* absolutely disable all clicks on progress to avoid overlay issues */
  pointer-events: none !important;
}
.wizard-progress * { pointer-events: none !important; }

/* visual line and steps (purely decorative) */
.wizard-progress .wp-line {
  position: absolute;
  left: 120px;
  right: 120px;
  top: 38px;
  height: 8px;
  background: #fff;
  border-radius: 5px;
}
.wizard-progress .wp-step {
  position: relative;
  display: inline-flex;
  width: 25%;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  z-index: 1;
}
.wizard-progress .wp-step .num {
  width: 34px; height: 34px; border-radius: 50%;
  border: 4px solid #fff;
  display: flex; align-items: center; justify-content: center;
  background: rgba(255,255,255,.55);
  color: #1c6b2d; font-weight: 700;
}
.wizard-progress .wp-step.is-active .num { background: #fff; }
.wizard-progress .wp-step .lbl { color: #fff; font-weight: 700; }
/* ==== HARD FIX: Wizard must never block the form ==== */

/* progress bar  */
.wizard-progress {
  position: static !important;
  z-index: 0 !important;
  margin: 0 0 22px 0 !important; 
  padding-bottom: 10px;
}

/* progress- */
.wizard-progress, .wizard-progress * {
  pointer-events: none !important;
}


/* .wizard-progress .wp-line { display: none !important; } */

.w-panel {
  position: relative;
  z-index: 10 !important;
}
.form-field select {
  cursor: pointer;
}

/* Panels are above the progress (no overlap) */
.w-panel { position: relative; z-index: 2; display: none; }
.w-panel.active { display: block; }
.form-field select { cursor: pointer; }

/* auth card */
.auth-card{max-width:460px;padding:24px;border:1px solid #e5e7eb;border-radius:12px;background:#fff}
/* single property */

.prop-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.prop-video{margin-top:16px}
.sidebar-card{border:1px solid #e5e7eb;border-radius:10px;padding:12px;background:#fff;margin-bottom:12px}
.modal{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}
.modal-content{background:#fff;padding:16px;border-radius:12px;max-width:560px;width:96%;position:relative}
.modal-close{position:absolute;right:12px;top:8px;font-size:20px;background:transparent;border:0;cursor:pointer}
/* === Hard fix: progress bar will never block the form === */
.wizard-progress {
  position: static !important;
  z-index: 0 !important;
  margin: 0 0 22px 0 !important;   /* give space above fields */
  padding-bottom: 0 !important;
}
.wizard-progress, .wizard-progress * {
  pointer-events: none !important;  /* disable clicks on progress entirely */
}
/* If still any overlay, kill the line completely */
.wizard-progress .wp-line { 
  display: none !important; 
}

/* Ensure the form is above everything */
#wizard-wrap, .w-panel {
  position: relative;
  z-index: 10 !important;
}
.form-field select,
.form-field input,
.form-field textarea {
  pointer-events: auto !important;  /* explicitly clickable */
}
.bx-success {
  background:#ecfdf5;
  border:1px solid #10b981;
  color:#065f46;
  padding:14px;
  border-radius:10px;
  font-weight:600;
  margin-bottom:16px;
}
.bx-success .actions {
  margin-top:10px;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.listing-card h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
/*
Galler preview
*/

/* Gallery thumb wrapper + remove button */
#gallery-preview {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
  gap: 10px;
}

.bx-thumb-wrap {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
}

.bx-thumb-wrap .bx-thumb {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bx-thumb-remove {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  border: none;
  background: rgba(0,0,0,.65);
  color: #fff;
  cursor: pointer;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

.bx-thumb-remove:hover {
  background: rgba(0,0,0,.85);
}

.bx-step select {
    color: #777;
}
form#brokerage-profile-form button {
    margin-top: 10px;
}
form#brokerage-profile-form input {
  border: 1px solid #e5e7eb;
  padding-right: 0;
}