/* ===== Employer Panel card (editor) ===== */
.wpjb-cm-card{
  background:#777;
  border-radius:6px;
  padding:20px;
  min-height:200px;
  position:relative;
  display:flex;
  align-items:flex-start;
  gap:24px;
  color:#fff;
}

/* Square profile placeholder/preview */
.wpjb-cm-avatar-slot{
  width:150px; height:150px;
  background:#d6d6d6;
  border-radius:6px;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.8);
  display:flex; align-items:center; justify-content:center;
  color:#555; font-weight:600;
  overflow:hidden;
}
.wpjb-cm-avatar-slot img{
  width:100%; height:100%; object-fit:cover; display:block;
}

/* Buttons stack under avatar */
.wpjb-cm-col{ display:flex; flex-direction:column; align-items:flex-start; margin-left:10px !important;}
.wpjb-cm-btn{
  margin-top:10px;
  padding:8px 14px;
  background:#f5f5f5; border:1px solid #ccc;
  border-radius:6px; font-weight:600; color:#111; cursor:pointer;
}
.wpjb-cm-btn:hover{ background:#e9e9e9; }

/* Cover actions (top-right) */
.wpjb-cm-actions{
  position:absolute; top:12px; right:12px;
  display:flex; gap:8px; flex-wrap:wrap;
}
.wpjb-cm-danger{
  background:#f44336; color:#fff; border:none;
  padding:8px 14px; border-radius:6px; font-weight:600; cursor:pointer;
}
.wpjb-cm-danger:hover{ background:#d32f2f; }
.wpjb-cm-secondary{
  background:#ffffff; color:#111; border:1px solid #ccc;
  padding:8px 14px; border-radius:6px; font-weight:600; cursor:pointer;
}

/* Hide default WPJB file chrome we’re replacing (keep inputs alive) */
/*.wpjb-cm-hide, .wpjb-cm-hide * { display:none !important; }*/

/* NEW: visually-hidden but still present/initializable */
.wpjb-cm-vhide{
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.wpjb-element-name-company_cover{
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.wpjb-element-name-company_logo{
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* ===== Front-end render (public) ===== */
.wpjb-cm-front{
  position:relative; margin:18px 0 26px;
}
.wpjb-cm-cover{
  height:220px;
  background:#777 center/cover no-repeat;
  border-radius:10px;
}
.wpjb-cm-avatar{
  width:120px; height:120px; border-radius:10px; overflow:hidden;
  border:3px solid #fff; background:#d6d6d6;
  position:absolute; left:16px; bottom:-60px;
  box-shadow:0 4px 12px rgba(0,0,0,.12);
}
.wpjb-cm-avatar img{ width:100%; height:100%; object-fit:cover; }
.wpjb-cm-empty{ background:#e5e7eb; }


/* keep this helper from earlier */
.wpjb-cm-vhide{
  position:absolute !important; width:1px !important; height:1px !important;
  margin:0 !important; padding:0 !important; overflow:hidden !important;
  clip:rect(0 0 0 0) !important; white-space:nowrap !important; border:0 !important;
}

/* card error area */
.wpjb-cm-errors{
  margin-top:10px;
  color:#b91c1c;   /* red */
  font-weight:600;
}
.wpjb-cm-errors .wpjb-upload-error{ cursor:default !important; }