/* Homepage Info responsive styles (desktop vs mobile) */

.jbd-jobinfo{
  display:flex;
  flex-wrap:wrap;
  gap:10px; /* distance between pills */
  align-items:center;
  margin-top:10px;
}

/* pill style updated */
.jbd-pill{
  background: #f3f4f6; /* light gray */
  border-radius: 10px;
  padding: 6px 12px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}

.jbd-jobinfo .jbd-item{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:15px;
  line-height:1.35;
}

.jbd-jobinfo .jbd-label{ font-weight:700; }
.jbd-jobinfo .jbd-deadline-date{ color:#ef4444; font-weight:800; }

/* Desktop: side-by-side (chips) */
@media (min-width: 992px){
  .jbd-jobinfo{
    flex-direction:row;
    gap:10px;
  }
}

/* Mobile: stacked and compact */
@media (max-width: 767.98px){
  .jbd-jobinfo{
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
    margin-top:8px;
  }
  .jbd-jobinfo .jbd-item{
    font-size:13px;
    gap:6px;
    padding: 4px 10px;
  }
}

/* === ABSOLUTE FIX: NBSP + NEVE === */
.job-deadline, .job-deadline *{
    white-space:nowrap !important;
    word-break:normal !important;
}