p:empty {
  margin: 0;
  padding: 0; /* Optional: also remove padding */
}
.post-content p {
    margin-bottom: 4px!important;
}

.bjx-app,
.bjx-app * {
  box-sizing: border-box;
}

.bjx-app {
  --bjx-bg: #f4f7fb;
  --bjx-panel: #ffffff;
  --bjx-border: #dbe3ef;
  --bjx-text: #1f2937;
  --bjx-muted: #5b6470;
  --bjx-primary: #1265d7;
  --bjx-primary-dark: #0e4ea8;
  --bjx-chip: #e8f1ff;
  --bjx-primary:#0e5fb6;

  font-family: "Avenir Next", "Segoe UI", sans-serif;
  color: var(--bjx-text);
  background: linear-gradient(180deg, #eff5ff 0, var(--bjx-bg) 180px, var(--bjx-bg) 100%);
  border: 1px solid var(--bjx-border);
  padding: 24px;
}

.bjx-search {
  background: var(--bjx-panel);
  border: 1px solid var(--bjx-border);
  border-radius: 14px;
  padding: 14px;
  box-shadow: 0 16px 28px -24px rgba(10, 48, 102, 0.4);
}

.bjx-search-fields {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr auto;
  align-items: end;
}

.bjx-search label {
  /*display: grid;
  gap: 6px;*/
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.01em;
  color: var(--bjx-muted);
}

.bjx-search input,
.bjx-search select,
.bjx-results-head select {
  width: 100%;
  min-height: 44px;
  border: 1px solid var(--bjx-border);
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 15px;
  background: #fff;
}

.bjx-searchOld button {
  border: 0;
  border-radius: 10px;
  min-height: 44px;
  padding: 0 22px;
  background: linear-gradient(180deg, #1b73e8 0, #145dbf 100%);
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}

.bjx-search button:hover {
  /*background: linear-gradient(180deg, #1c6fdd 0, #104e9e 100%);*/
}

.bjx-layout {
  display: grid;
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
  gap: 18px;
  margin-top: 16px;
}

.bjx-panel,
.bjx-results {
  background: var(--bjx-panel);
  border: 1px solid var(--bjx-border);
  border-radius: 14px;
}

.bjx-filters {
  display: grid;
  align-content: start;
  gap: 12px;
}

.bjx-panel {
  padding: 14px;
}

.bjx-panel h3 {
  margin: 0 0 10px;
  font-size: 15px;
}

.bjx-filter-list {
  display: grid;
  gap: 8px;
}

.bjx-cat-group {
  border: 1px solid var(--bjx-border);
  border-radius: 10px;
  background: #fff;
}

.bjx-cat-summary {
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  cursor: pointer;
}

.bjx-cat-summary::-webkit-details-marker {
  display: none;
}

.bjx-cat-checkbox {
  flex: 1;
}

.bjx-cat-chevron {
  width: 10px;
  height: 10px;
  border-right: 2px solid #6b7280;
  border-bottom: 2px solid #6b7280;
  transform: rotate(45deg);
  transition: transform 0.2s ease;
  margin-right: 3px;
}

.bjx-cat-group[open] .bjx-cat-chevron {
  transform: rotate(225deg);
}

.bjx-subcat-list {
  border-top: 1px solid #edf2fa;
  padding: 8px 12px 10px 30px;
  display: grid;
  gap: 7px;
}

.bjx-subcat {
  font-size: 13px;
  color: var(--bjx-muted);
}

.bjx-checkbox {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 14px;
  color: var(--bjx-text);
  height: 33px;
  border:0;
}

.bjx-checkbox input {
  width: 16px;
  height: 16px;
}

.bjx-muted {
  color: var(--bjx-muted);
  margin: 0;
}

.bjx-visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.bjx-reset {
  border: 1px solid var(--bjx-border);
  border-radius: 10px;
  background: #fff;
  min-height: 40px;
  font-weight: 600;
  cursor: pointer;
}

.bjx-reset:hover {
  background: #f5f8ff;
}

.bjx-results {
  padding: 16px;
}

.bjx-results-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 12px;
}

.bjx-results-head label {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--bjx-muted);
  font-size: 14px;
}

.bjx-results-head select {
  min-height: 38px;
  padding: 6px 10px;
}

.bjx-count {
  margin: 0;
  font-size: 16px;
}

.bjx-result-list {
  display: grid;
  gap: 12px;
  position: relative;
}

.bjx-app.is-loading .bjx-result-list::after {
  content: "Updating jobs...";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  font-weight: 600;
}

.bjx-card {
  border: 1px solid var(--bjx-border);
  border-radius: 12px;
  padding: 14px;
  display: grid;
  gap: 8px;
  background: #fff;
}

.bjx-card-head {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 12px;
}

.bjx-card h3 {
  margin: 0;
  font-size: 18px;
  line-height: 1.3;
  flex: 1 1 auto;
}

.bjx-card h3 a {
  color: #11499a;
  text-decoration: none;
}

.bjx-card h3 a:hover {
  text-decoration: underline;
}

.bjx-save {
  border: 0;
  background: transparent;
  min-height: 24px;
  min-width: 24px;
  width: 24px;
  padding: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 24px;
  transition: transform 0.18s ease, opacity 0.18s ease;
}

.bjx-save::before {
  content: '';
  width: 20px;
  height: 20px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2311499a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3.75h12A1.25 1.25 0 0 1 19.25 5v16l-7.25-4.2L4.75 21V5A1.25 1.25 0 0 1 6 3.75Z'/%3E%3C/svg%3E");
  opacity: 0.88;
}

.bjx-save:hover {
  transform: translateY(-1px);
}

.bjx-save.is-saved::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2311499a' stroke='%2311499a' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3.75h12A1.25 1.25 0 0 1 19.25 5v16l-7.25-4.2L4.75 21V5A1.25 1.25 0 0 1 6 3.75Z'/%3E%3C/svg%3E");
  opacity: 1;
}

.bjx-detail-head-actions {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.bjx-share {
  position: relative;
}

.bjx-share-toggle {
  border: 0;
  background: #f3f4f600;
  min-height: 44px;
  min-width: 44px;
  width: 44px;
  border-radius: 16px;
  padding: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease;
  box-shadow: inset 0 0 0 1px rgba(17, 73, 154, 0.06);
}

.bjx-share-toggle::before {
  content: '';
  width: 22px;
  height: 22px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px 22px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f2937' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V4'/%3E%3Cpath d='m7 9 5-5 5 5'/%3E%3Cpath d='M5 14.5V18a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-3.5'/%3E%3C/svg%3E");
}

.bjx-share-toggle:hover,
.bjx-share.is-open .bjx-share-toggle {
  background: #eceff5;
  transform: translateY(-1px);
}

.bjx-share-menu {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  z-index: 20;
  min-width: 236px;
  padding: 12px;
  display: grid;
  gap: 8px;
  border-radius: 22px;
  background: #fff;
  border: 1px solid #e5e7eb;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.16);
}

.bjx-share-menu[hidden] {
  display: none;
}

.bjx-share-action {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 52px;
  padding: 0 18px;
  border: 0;
  border-radius: 16px;
  background: #fff;
  color: #1f2937;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  text-align: left;
  cursor: pointer;
}

.bjx-share-action:hover {
  background: #f3f4f6;
}

.bjx-share-action::before {
  content: '';
  width: 22px;
  height: 22px;
  display: block;
  flex: 0 0 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px 22px;
}

.bjx-share-action--copy::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f2937' stroke-width='2.15' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 7H7a5 5 0 0 0 0 10h2'/%3E%3Cpath d='M15 7h2a5 5 0 0 1 0 10h-2'/%3E%3Cpath d='M8 12h8'/%3E%3C/svg%3E");
}

.bjx-share-action--email::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231f2937'%3E%3Cpath d='M3.75 6.5A2.75 2.75 0 0 1 6.5 3.75h11A2.75 2.75 0 0 1 20.25 6.5v11a2.75 2.75 0 0 1-2.75 2.75h-11A2.75 2.75 0 0 1 3.75 17.5v-11Zm2.48.25 5.77 4.54 5.77-4.54H6.23Z'/%3E%3Cpath d='M18.25 8.13 12.46 12.7a.75.75 0 0 1-.92 0L5.75 8.13V17.5c0 .41.34.75.75.75h11c.41 0 .75-.34.75-.75V8.13Z'/%3E%3C/svg%3E");
}

.bjx-share-action--sms::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231f2937'%3E%3Cpath d='M5.5 4.25A3.25 3.25 0 0 0 2.25 7.5v7A3.25 3.25 0 0 0 5.5 17.75h1.08v3.02c0 .64.73 1 1.23.61l4.01-3.13h6.68a3.25 3.25 0 0 0 3.25-3.25v-7A3.25 3.25 0 0 0 18.5 4.25h-13Zm2.75 7a1.25 1.25 0 1 1 0 .01v-.01Zm3.75 0a1.25 1.25 0 1 1 0 .01v-.01Zm3.75 0a1.25 1.25 0 1 1 0 .01v-.01Z'/%3E%3C/svg%3E");
}

.bjx-share-action--whatsapp::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f2937' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11.5A8.5 8.5 0 0 1 7.43 18.98L4 20l1.1-3.25A8.5 8.5 0 1 1 20 11.5Z'/%3E%3Cpath d='M9.5 9.5c.2-.45.42-.46.62-.47.16 0 .34 0 .52.01.16.01.39-.06.61.48.23.56.79 1.93.86 2.07.07.14.12.31.02.5-.09.19-.14.31-.28.47-.14.16-.29.36-.41.48-.14.14-.29.29-.13.57.16.28.7 1.15 1.5 1.86 1.03.91 1.89 1.19 2.16 1.32.27.12.43.1.59-.06.16-.16.68-.79.86-1.06.18-.27.36-.23.61-.14.25.09 1.58.74 1.85.87.27.14.45.21.52.32.07.11.07.66-.16 1.29-.23.63-1.36 1.24-1.88 1.33-.48.08-1.08.11-1.74-.1-.4-.13-.92-.3-1.58-.59-2.79-1.21-4.61-4.03-4.75-4.22-.14-.19-1.13-1.5-1.13-2.86 0-1.36.71-2.03.96-2.31Z'/%3E%3C/svg%3E");
}

@media (max-width: 640px) {
  .bjx-share-menu {
    left: auto;
    right: 0;
  }
}

.bjx-company {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
}

.bjx-req {
  margin: 0;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #4b5f82;
}

.bjx-meta {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.bjx-meta span {
  font-size: 12px;
  font-weight: 600;
  color: #2b4b7d;
  background: var(--bjx-chip);
  border-radius: 999px;
  padding: 4px 9px;
}

.bjx-meta-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.bjx-meta-item::before {
  content: '';
  width: 14px;
  height: 14px;
  display: inline-block;
  flex: 0 0 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 14px;
  opacity: 0.82;
}

.bjx-meta-item--location{
  background-color: #e4f7e5!important;
}

.bjx-meta-item--location::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b4b7d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6-5.33-6-11a6 6 0 1 1 12 0c0 5.67-6 11-6 11Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E");
}

.bjx-meta-item--type{
  background-color: #e4f7e5!important;
}

.bjx-meta-item--type::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b4b7d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='13' rx='2'/%3E%3Cpath d='M8 6V4m8 2V4m-8 15v-2m8 2v-2'/%3E%3C/svg%3E");
}

.bjx-meta-item--shift{
  background-color: #e4f7e5!important;
}
.bjx-meta-item--shift::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b4b7d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='M12 8v4l3 2'/%3E%3C/svg%3E");
}

.bjx-excerpt {
  margin: 0;
  color: var(--bjx-muted);
  line-height: 1.45;
}

.bjx-card-foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.bjx-posted {
  color: var(--bjx-muted);
  font-size: 13px;
}

.bjx-apply {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 8px;
  background: #0d5fb6;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
}

.bjx-apply:hover {
  background: var(--bjx-primary-dark);
  color:#dfe1e5;
}

.bjx-open-page {
  color: var(--bjx-primary);
  text-decoration: none;
  font-weight: 600;
}

.bjx-open-page:hover {
  color: var(--bjx-primary-dark);
  text-decoration: underline;
}

.bjx-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  text-decoration: none;
  color: var(--bjx-primary);
  margin-bottom: 10px;
}

.bjx-back:hover {
  color: var(--bjx-primary-dark);
}

.bjx-empty {
  border: 1px dashed var(--bjx-border);
  border-radius: 12px;
  padding: 30px;
  text-align: center;
  color: var(--bjx-muted);
  background: #fbfdff;
}

.bjx-empty-actions {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

.bjx-empty-action {
  border: 1px solid #d0d5dd;
  border-radius: 999px;
  background: #fff;
  color: #344054;
  min-height: 30px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}


.bjx-search-actions {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 12px;
}

.bjx-search-widget {
  display: grid;
  font-size:16px;
  grid-template-columns: minmax(0, 1.5fr) minmax(220px, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 18px;
  border: 1px solid #d7e1f0;
  border-radius: 20px;
  background: linear-gradient(180deg, #0e5fb6b5 0%, #0e5fb69c 100%);
  box-shadow: 0 14px 28px rgba(17, 73, 154, 0.08);
}

.bjx-search-widget-field {
  display: block;
}

.bjx-search-widget-field input {
  width: 100%;
  min-height: 52px;
  border: 1px solid #cbd7ea;
  border-radius: 14px;
  padding: 0 16px;
  font: inherit;
  color: #16325c;
  background: #fff;
}

.bjx-search-widget-field input::placeholder {
  color: #7284a3;
}

.bjx-search-widget-field input:focus {
  outline: none;
  border-color: #11499a;
  box-shadow: 0 0 0 3px rgba(17, 73, 154, 0.12);
}

.bjx-search-widget-field select {
  width: 100%;
  min-height: 52px;
  border: 1px solid #cbd7ea;
  border-radius: 14px;
  padding: 0 16px;
  font: inherit;
  color: #16325c;
  background: #fff;
}

.bjx-search-widget-field select:focus {
  outline: none;
  border-color: #11499a;
  box-shadow: 0 0 0 3px rgba(17, 73, 154, 0.12);
}

.bjx-search-widget-submit {
  min-height: 52px;
  padding: 0 20px;
  border: 0;
  border-radius: 14px;
  background: #0d5fb6;
  color: #fff;
  font: inherit;
  font-weight: 700;
  border: 1px solid #ffffff;
  cursor: pointer;
}

.bjx-search-widget-submit:hover {
  background: var(--bjx-primary-dark);
}


.bjx-favorites-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 14px;
  border-radius: 999px;
  background: #eef4ff;
  color: var(--bjx-primary);
  text-decoration: none;
  font-weight: 700;
}

.bjx-favorites-link:hover {
  background: #dfeaff;
  color: var(--bjx-primary-dark);
}

.bjx-favorites-link-icon {
  width: 18px;
  height: 18px;
  display: inline-block;
  flex: 0 0 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2311499a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3.75h12A1.25 1.25 0 0 1 19.25 5v16l-7.25-4.2L4.75 21V5A1.25 1.25 0 0 1 6 3.75Z'/%3E%3C/svg%3E");
}

.bjx-favorites-link-count {
  min-width: 18px;
  text-align: center;
  line-height: 1;
}

.bjx-saved-page {
  display: grid;
  gap: 14px;
}

.bjx-saved-page-head-copy {
  display: grid;
  gap: 4px;
}

.bjx-saved-page-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}

.bjx-saved-page-head h2 {
  margin: 0;
}

.bjx-saved-page-head p {
  margin: 0;
  color: var(--bjx-muted);
}

.bjx-saved-page-back {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 16px;
  border-radius: 999px;
  background: #eef4ff;
  color: var(--bjx-primary);
  text-decoration: none;
  font-weight: 700;
}

.bjx-saved-page-back:hover {
  background: #dfeaff;
  color: var(--bjx-primary-dark);
}

.bjx-saved-page-list {
  display: grid;
  gap: 12px;
}

.bjx-saved-grid {
  display: grid;
  gap: 16px;
}

.bjx-saved-card {
  padding: 18px;
  border-radius: 18px;
  border-color: #d8e3f6;
  box-shadow: 0 16px 32px rgba(17, 73, 154, 0.08);
}

.bjx-saved-card-head-copy {
  display: grid;
  gap: 6px;
}

.bjx-saved-card .bjx-company {
  color: #3b4e71;
}

.bjx-saved-card-actions {
  align-items: center;
  border-top: 1px solid #e6edf8;
  padding-top: 14px;
  margin-top: 6px;
}

.bjx-saved-card-buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.bjx-saved-remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 8px;
  border: 1px solid #d0d9ea;
  background: #fff;
  color: #415a84;
  font-weight: 700;
  cursor: pointer;
}

.bjx-saved-remove:hover {
  border-color: #b8c8e3;
  background: #f7faff;
  color: #294877;
}

.bjx-saved-apply {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 140px;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 8px;
  background: var(--bjx-primary);
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: none;
}

.bjx-saved-apply:hover {
  background: var(--bjx-primary-dark);
  color: #dfe1e5;
}

.bjx-saved-empty {
  border: 1px dashed var(--bjx-border);
  border-radius: 12px;
  padding: 22px;
  color: var(--bjx-muted);
  background: #fbfdff;
}

@media (max-width: 640px) {
  .bjx-saved-page-head {
    align-items: stretch;
  }

  .bjx-saved-page-back {
    justify-content: center;
  }

  .bjx-saved-card-actions {
    align-items: flex-start;
  }

  .bjx-saved-card-buttons {
    width: 100%;
  }

  .bjx-saved-card-buttons .bjx-saved-remove,
  .bjx-saved-card-buttons .bjx-saved-apply {
    flex: 1 1 100%;
  }
}



.bjx-pagination {
  margin-top: 14px;
}

.bjx-page-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

.bjx-page {
  min-width: 38px;
  height: 38px;
  border-radius: 8px;
  border: 1px solid var(--bjx-border);
  background: #fff;
  cursor: pointer;
  font-weight: 600;
}

.bjx-page.is-current {
  border-color: var(--bjx-primary);
  background: var(--bjx-primary);
  color: #fff;
}

.bjx-page[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}

.bjx-job-open {
  border: 0;
  padding: 0;
  margin: 0;
  display: inline;
  background: transparent;
  color: #11499a;
  text-align: left;
  font: inherit;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}

.bjx-job-open:hover {
  text-decoration: underline;
}

.bjx-card--split.is-active {
  border-color: #8bb5f7;
  box-shadow: 0 0 0 2px #dbe9ff;
  background-color: #f4f7fb;
}

.bjx-card--split {
  cursor: pointer;
  transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.bjx-card--split:hover {
  background: #f5f7fb;
  border-color: #b8c8e5;
}

.bjx-app--split .bjx-search--split {
  display: grid;
  gap: 12px;
}

.bjx-app--split {
  height: 100dvh;
  display: grid;
  grid-template-rows: auto 1fr;
  overflow: hidden;
}

body.admin-bar .bjx-app--split {
  height: calc(100dvh - 32px);
}

.bjx-search-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 0.75fr);
  gap: 10px;
  align-items: end;
}

.bjx-search-bottom {
  display: grid;
  gap: 10px;
}

.bjx-search-keyword {
  display: grid;
  gap: 0;
  position: relative;
}

.bjx-keyword-icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  line-height: 0;
  pointer-events: none;
}

.bjx-keyword-icon-svg {
  width: 22px;
  height: 22px;
  display: block;
  stroke: #6b7280;
  stroke-width: 2.4;
  stroke-linecap: round;
  fill: none;
}

.bjx-search-keyword input[name="bjx_q"] {
  padding-left: 40px;
  min-height: 44px;
}

.bjx-filter-dropdown-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
  gap: 10px;
  align-items: center;
}

.bjx-filter-dropdown-row .bjx-favorites-link {
  justify-self: end;
  margin-left: auto;
}

.bjx-type-row {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}

.bjx-type-shift-row {
  display: flex;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap;
}

.bjx-type-label,
.bjx-cat-drop-label {
  font-size: 13px;
  font-weight: 700;
  color: var(--bjx-muted);
}

.bjx-type-inline {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  flex-wrap: wrap;
}

.bjx-checkbox-inline {
  background: #f8fbff;
  border: 1px solid #d7e5fb;
  border-radius: 999px;
  padding: 5px 10px;
  height: 26px;
}

.bjx-checkbox-inline: hover {
    background-color: #ccc;
}
.bjx-checkbox.is-disabled {
  opacity: 0.45;
}

.bjx-find-jobs-btn {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  border: 0;
  border-radius: 10px;
  padding: 0 20px;
  background: linear-gradient(180deg, #1b73e8 0, #145dbf 100%);
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}

.bjx-find-jobs-btn:hover {
  background: linear-gradient(180deg, #1c6fdd 0, #104e9e 100%);
}

.bjx-find-jobs-icon {
  font-size: 15px;
  line-height: 1;
}

.bjx-active-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.bjx-active-filters.is-empty {
  display: none;
}

.bjx-filter-chipOld {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid #c8daf7;
  border-radius: 999px;
  background: #f2f7ff;
  color: #23477e;
  min-height: 30px;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.bjx-filter-chip {
font-size: 12px;
    font-weight: 600;
    color: #2b4b7d;
    background: var(--bjx-chip);
    border-radius: 999px;
    padding: 4px 9px;
    border: 0;
}
.bjx-filter-chip:hover {
  color:#173a63;;
}

.bjx-filter-chip-remove {
  color: #1e3f73;
  font-weight: 400;
  margin-left: 5px;
}

.bjx-cat-tree,
.bjx-subcat-tree {
  list-style: none;
  margin: 0;
  padding: 0;
}

.bjx-cat-tree {
  display: grid;
  gap: 8px;
}

.bjx-cat-node {
  border: 1px solid #edf2fa;
  border-radius: 10px;
  padding: 7px 8px;
  background: #fff;
}

.bjx-cat-node > .bjx-checkbox {
  font-weight: 600;
}

.bjx-subcat-tree {
  margin-top: 6px;
  padding-left: 20px;
  display: grid;
  gap: 5px;
}

.bjx-subcat-tree .bjx-subcat {
  font-size: 13px;
  color: var(--bjx-muted);
}

.bjx-cat-dropdown-list .bjx-cat-group,
.bjx-cat-dropdown-list .bjx-subcat-list {
  margin: 0;
  padding-left: 0;
}

.bjx-detail-card {
  min-height: 100%;
}

.bjx-detail-head {
  position: sticky;
  top: 0;
  z-index: 5;
  background: #fff;
  margin: -14px -14px 0;
  padding: 14px 14px 10px;
  border-bottom: 1px solid #edf2fa;
  box-shadow: 0 16px 28px -24px rgba(10, 48, 102, 0.4);
}

.bjx-detail-head-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 6px;
}

.bjx-apply-inline {
  white-space: nowrap;
  min-height: 38px;
}

.bjx-cat-drop {
  display: grid;
  gap: 6px;
}

.bjx-filter-dropdown {
  position: relative;
}

.bjx-filter-dropdown summary {
  min-height: 44px;
  border: 1px solid var(--bjx-border);
  border-radius: 10px;
  padding: 10px 34px 10px 12px;
  background: #fff;
  cursor: pointer;
  font-size: 15px;
  color: #374151;
  list-style: none;
  position: relative;
}

.bjx-filter-dropdown summary::-webkit-details-marker {
  display: none;
}

.bjx-filter-dropdown summary::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-right: 2px solid #6b7280;
  border-bottom: 2px solid #6b7280;
  transform: translateY(-65%) rotate(45deg);
  transition: transform 0.15s ease;
}

.bjx-filter-dropdown[open] summary::after {
  transform: translateY(-35%) rotate(-135deg);
}

.bjx-filter-dropdown-list {
  position: absolute;
  z-index: 30;
  left: 0;
  right: 0;
  margin-top: 6px;
  background: #fff;
  border: 1px solid var(--bjx-border);
  border-radius: 12px;
  box-shadow: 0 12px 30px -20px rgba(0, 0, 0, 0.45);
  max-height: 330px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.bjx-dropdown-scroll {
  padding: 10px;
  overflow: auto;
}

.bjx-location-list {
  display: grid;
  gap: 2px;
}

.bjx-location-item {
  align-items: center;
  padding: 8px 6px;
  font-weight: 600;
  color: #4b5563;
}

.bjx-location-item:hover {
  background: #f8fafc;
}

.bjx-filter-dropdown-actions {
  border-top: 1px solid #d7dee8;
  padding: 10px 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fcfdff;
}

.bjx-drop-clear {
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #667085;
  font-weight: 600;
  min-height: 0;
  padding: 0;
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}

.bjx-drop-close {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  background: #fff;
  color: #344054;
  font-weight: 600;
  min-height: 34px;
  padding: 0 12px;
  cursor: pointer;
}

.bjx-drop-close:hover {
    background-color: #b6ccee;
}

.bjx-cat-dropdown-list .bjx-cat-group {
  margin: 0;
}

.bjx-cat-dropdown-list .bjx-subcat-list {
  padding-left: 22px;
}

.bjx-split {
  margin-top: 16px;
  display: grid;
  grid-template-columns: minmax(280px, 0.9fr) minmax(0, 1.5fr);
  gap: 16px;
  min-height: 0;
  height: 100%;
}

.bjx-split-left {
  min-height: 0;
  height: 100%;
  overflow-y: auto;
  padding-right: 4px;
}

.bjx-infinite-sentinel {
  height: 1px;
}

.bjx-split-right {
  align-self: stretch;
  min-height: 0;
  height: 100%;
  overflow-y: auto;
}

.bjx-split-detail {
  position: static;
  top: auto;
  min-height: 100%;
}

.bjx-split-detail.is-loading {
  position: static;
}

.bjx-split-detail.is-loading::after {
  content: "Loading details...";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  font-weight: 600;
}

.bjx-detail-card h2 {
  margin: 0;
  font-size: 22px;
}

.bjx-detail-content {
  font-size: 15px;
  line-height: 1.58;
  color: #233044;
  padding-top: 2px;
}

.bjx-detail-callout {
  margin: 18px 0;
  padding: 16px 18px;
  border-radius: 14px;
  border: 1px solid #d6e3f5;
  background: linear-gradient(180deg, #f7fbff 0%, #eef5ff 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

.bjx-detail-callout p {
  margin: 0;
}

.bjx-detail-callout p + p {
  margin-top: 10px;
}

.bjx-detail-callout--note {
  border-left: 0px solid #2b6cc4;
}

.bjx-detail-callout--note p {
  color: #173a63;
}

.bjx-detail-callout--range {
  background: linear-gradient(180deg, #f4f8ff 0%, #eaf1ff 100%);
  margin-bottom: -30px;
}

.bjx-detail-callout--range p:first-child {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #31598f;
}

.bjx-detail-callout--range p:last-child {
  font-size: 20px;
  line-height: 1.35;
  font-weight: 800;
  color: #163b6a;
}

.bjx-detail-content p:last-child {
  margin-bottom: 0;
}

body.bjx-single-mode #colophon,
body.bjx-single-mode .site-footer,
body.bjx-single-mode .footer,
body.bjx-single-mode .wp-block-template-part.site-footer {
  display: none !important;
}

body.bjx-split-page #colophon,
body.bjx-split-page .site-footer,
body.bjx-split-page .footer,
body.bjx-split-page .wp-block-template-part.site-footer {
  display: none !important;
}

body.bjx-single-mode .bjx-single-wrap {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 16px;
  min-height: 100vh;
}

body.bjx-single-mode .bjx-single-card {
  width: min(1200px, 100%);
  margin: 0 auto;
  min-height: calc(100vh - 32px);
  align-content: start;
}

body.bjx-single-mode .bjx-single-card h1 {
  margin: 0 0 8px;
}

body.bjx-single-mode .bjx-single-top-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}

body.bjx-single-mode .bjx-single-content {
  line-height: 1.6;
}

body.bjx-single-mode .bjx-single-actions {
  margin-top: auto;
}

@media (max-width: 960px) {
  .bjx-app--split {
    height: auto;
    display: block;
    overflow: visible;
  }

  .bjx-layout {
    grid-template-columns: 1fr;
  }

  .bjx-search-fields {
    grid-template-columns: 1fr;
  }

  .bjx-search-widget {
    grid-template-columns: 1fr;
  }

  .bjx-search-widget-submit {
    width: 100%;
  }

  .bjx-search-actions {
    justify-content: stretch;
  }

  .bjx-favorites-link {
    width: auto;
    justify-content: center;
    align-self: flex-start;
  }

  .bjx-search-top {
    grid-template-columns: 1fr;
  }

  .bjx-filter-dropdown-row {
    grid-template-columns: 1fr 1fr;
  }

  .bjx-find-jobs-btn {
    width: 100%;
  }

  .bjx-split {
    grid-template-columns: 1fr;
    height: auto;
  }

  .bjx-split-left {
    min-height: auto;
    height: auto;
    max-height: none;
    overflow: visible;
  }

  .bjx-split-right {
    display: none;
  }

  .bjx-split-detail {
    position: static;
  }

  .bjx-search button {
    width: 100%;
  }

  body.bjx-single-mode .bjx-single-wrap {
    padding: 12px;
  }

  body.bjx-single-mode .bjx-single-card {
    min-height: calc(100vh - 24px);
  }

  body.bjx-single-mode .bjx-single-top-actions {
    flex-direction: column;
    align-items: stretch;
  }

  body.bjx-single-mode .bjx-single-top-actions .bjx-apply {
    width: 100%;
  }
}

@media (max-width: 720px) {
  .bjx-filter-dropdown-row {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 782px) {
  body.admin-bar .bjx-app--split {
    height: calc(100dvh - 46px);
  }
}