/* Jobpage Job Poster — front-end form (matches the Jobpage.lk theme) */
.jpjp-wrap{max-width:760px;margin:0 auto;}

.jpjp-alert{border-radius:8px;padding:14px 18px;margin:0 0 22px;font-size:14px;line-height:1.5;}
.jpjp-alert.jpjp-success{background:#e7f7ed;border-left:4px solid #16a34a;color:#15803d;}
.jpjp-alert.jpjp-error{background:#fdecec;border-left:4px solid #dc2626;color:#b91c1c;}
.jpjp-alert ul{margin:8px 0 0;padding-left:20px;}
.jpjp-alert li{margin:3px 0;}

.jpjp-form{
  background:#fff;border:1px solid #eef0f2;border-radius:12px;padding:32px 30px;position:relative;overflow:hidden;
  box-shadow:0 10px 30px rgba(17,24,39,.06);
}
.jpjp-form:before{
  content:"";position:absolute;top:0;left:0;right:0;height:5px;
  background:linear-gradient(90deg,#5b0ea6 0%,#1e40af 26%,#0e7490 48%,#15803d 62%,#eab308 80%,#dc2626 100%);
}

.jpjp-form-head{text-align:center;margin:6px 0 26px;}
.jpjp-form-head .jpjp-icon{
  display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;
  background:#f1ecff;color:#6d28d9;margin-bottom:12px;
}
.jpjp-form-head .jpjp-icon svg{width:28px;height:28px;}
.jpjp-form-head h2{font-family:'Poppins','Segoe UI',sans-serif;font-size:26px;font-weight:800;color:#111827;margin:0 0 6px;}
.jpjp-form-head p{color:#6b7280;font-size:14px;margin:0;}

.jpjp-field{margin-bottom:18px;}
.jpjp-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.jpjp-field label{display:block;font-weight:600;font-size:14px;color:#374151;margin-bottom:7px;}
.jpjp-field .req{color:#dc2626;}
.jpjp-field small{display:block;color:#9aa1ab;font-size:12px;margin-top:5px;}

.jpjp-form input[type=text],
.jpjp-form input[type=file],
.jpjp-form select,
.jpjp-form textarea{
  width:100%;border:1px solid #d8dbe0;border-radius:8px;padding:12px 14px;font-size:15px;
  font-family:inherit;color:#374151;background:#fff;outline:0;transition:border-color .15s,box-shadow .15s;
}
.jpjp-form textarea{resize:vertical;min-height:150px;}
.jpjp-form input[type=text]:focus,
.jpjp-form select:focus,
.jpjp-form textarea:focus{
  border-color:#6d28d9;box-shadow:0 0 0 3px rgba(109,40,217,.15);
}
.jpjp-form input[type=file]{padding:10px 12px;background:#fafafa;cursor:pointer;}

.jpjp-check label{display:flex;align-items:center;gap:10px;font-weight:500;color:#374151;cursor:pointer;}
.jpjp-check input[type=checkbox]{width:18px;height:18px;accent-color:#16a34a;}

.jpjp-hp{position:absolute;left:-9999px;height:0;overflow:hidden;}

.jpjp-submit{
  display:inline-block;width:100%;border:0;cursor:pointer;margin-top:8px;
  background:#16a34a;color:#fff;font-weight:700;font-size:15px;letter-spacing:.4px;text-transform:uppercase;
  padding:14px 24px;border-radius:8px;box-shadow:0 4px 14px rgba(22,163,74,.35);transition:background .15s,transform .05s;
}
.jpjp-submit:hover{background:#15803d;}
.jpjp-submit:active{transform:translateY(1px);}
.jpjp-note{text-align:center;color:#9aa1ab;font-size:13px;margin:14px 0 0;}
.jpjp-note a{color:#6d28d9;font-weight:600;}

@media(max-width:640px){.jpjp-row{grid-template-columns:1fr;}}

/* Single job page: company + urgent badges injected by the plugin */
.jpjp-jobmeta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 22px;}
.jpjp-urgent{
  display:inline-flex;align-items:center;background:#dc2626;color:#fff;font-size:12px;font-weight:700;
  letter-spacing:.5px;text-transform:uppercase;padding:6px 12px;border-radius:4px;
}
.jpjp-company{
  display:inline-flex;align-items:center;gap:7px;background:#f1f3f5;color:#374151;font-weight:600;
  font-size:14px;padding:6px 14px;border-radius:4px;
}

/* Single job page: image carousel (replaces the single featured image) */
.jpjp-carousel{margin:0 0 24px;}
.jpjp-car-stage{position:relative;background:#0f172a;border-radius:0;overflow:hidden;aspect-ratio:16/10;}
.jpjp-car-track{position:relative;width:100%;height:100%;}
.jpjp-car-slide{margin:0;position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .25s ease;}
.jpjp-car-slide.is-active{opacity:1;visibility:visible;}
.jpjp-carousel .jpjp-car-slide img{width:100%;height:100%;object-fit:cover;display:block;}
.jpjp-car-nav{
  position:absolute;top:50%;transform:translateY(-50%);z-index:2;
  width:44px;height:44px;border:0;border-radius:50%;cursor:pointer;
  background:rgba(255,255,255,.85);color:#111827;font-size:26px;line-height:1;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 2px 10px rgba(0,0,0,.25);transition:background .15s;
}
.jpjp-car-nav:hover{background:#fff;}
.jpjp-car-nav.prev{left:14px;}
.jpjp-car-nav.next{right:14px;}
.jpjp-car-thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap;}
.jpjp-car-thumb{
  width:84px;height:60px;padding:0;border:2px solid transparent;border-radius:0;
  overflow:hidden;cursor:pointer;background:#f1f3f5;transition:border-color .15s,opacity .15s;opacity:.7;
}
.jpjp-carousel .jpjp-car-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.jpjp-car-thumb:hover{opacity:1;}
.jpjp-car-thumb.is-active{border-color:#16a34a;opacity:1;}
@media(max-width:640px){
  .jpjp-car-nav{width:38px;height:38px;font-size:22px;}
  .jpjp-car-thumb{width:64px;height:46px;}
}