/* jc-jobs.css */


#jc-form-loader {
  padding: 10px;
  background: #fff8e1;
  color: #ff9800;
  text-align: center;
  border-radius: 5px;
  margin-bottom: 10px;
}

.jc-msg {
  padding: 10px;
  text-align: center;
  border-radius: 5px;
}
.jc-msg.success {
  background: #e8f5e9;
  color: #2e7d32;
}
.jc-msg.error {
  background: #ffebee;
  color: #c62828;
}



.jc-job-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 28px;
  margin: 40px auto;
  max-width: 1100px;
  padding: 0 20px;
}
.jc-job-card {
  background: linear-gradient(#0b4b10, #0a3d0d);
  color: #fff;
  border-radius: 18px;
  padding: 34px 24px;
  text-align: center;
  cursor: pointer;
  box-shadow: 0 6px 18px rgba(0,0,0,0.15);
  transition: transform .15s ease, box-shadow .15s ease;
}
.jc-job-card:hover { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(0,0,0,0.2); }
.jc-job-title { font-weight:700; font-size:1.25rem; margin-bottom:10px; line-height:1.2; }
.jc-job-count { font-size:0.95rem; opacity:0.95; }

.jc-overlay { position: fixed; inset:0; display:flex; align-items:center; justify-content:center; background: rgba(0,0,0,0.55); opacity:0; pointer-events:none; transition: opacity .2s ease; z-index:9999; }
.jc-overlay.open { opacity:1; pointer-events:auto; }
.jc-modal { background:#fff; border-radius:14px; padding:28px; width:420px; max-width:92%; box-shadow:0 18px 60px rgba(0,0,0,0.4); text-align:center; position:relative; }
.jc-modal h2 { color:#0b5a14; font-size:1.35rem; margin:0 0 8px; }
.jc-sub { color:#777; margin-bottom:12px; }

.jc-location-list { list-style:none; padding:0; margin:8px 0 18px; display:flex; flex-direction:column; gap:12px; }
.jc-loc-label { display:flex; align-items:center; gap:12px; cursor:pointer; font-weight:600; }
.jc-loc-label input[type="radio"] { width:22px; height:22px; accent-color:#0b5a14; }

.jc-apply-btn, .jc-submit-btn { background: #0b5a14; color:#fff; border:none; padding:12px 26px; border-radius:10px; font-weight:700; cursor:pointer; margin-top:8px; }
.jc-modal-close { position:absolute; top:8px; right:10px; border:none; background:transparent; font-size:22px; cursor:pointer; }

.jc-form-modal label { display:block; text-align:left; margin-top:10px; font-weight:600; color:#222; }
.jc-form-modal input[type="text"], .jc-form-modal input[type="email"], .jc-form-modal input[type="file"] { width:100%; padding:10px 12px; margin-top:6px; border:1px solid #ddd; border-radius:8px; box-sizing:border-box; }