/* WP Job Manager → Workreap look & feel */

/* Forms */
.job_manager input[type="text"],
.job_manager input[type="email"],
.job_manager input[type="url"],
.job_manager input[type="number"],
.job_manager input[type="search"],
.job_manager select,
.job_manager textarea,
.job_filters input[type="text"],
.job_filters select {
  border-radius: 10px;
  padding: 12px 14px;
  border: 1px solid rgba(0,0,0,.12);
  width: 100%;
  outline: none;
}

.job_manager input:focus,
.job_manager select:focus,
.job_manager textarea:focus,
.job_filters input:focus,
.job_filters select:focus {
  border-color: rgba(0,0,0,.25);
  box-shadow: 0 0 0 3px rgba(0,0,0,.06);
}

/* Buttons */
.job_manager input[type="submit"],
.job_manager button,
.job_filters input[type="submit"],
.job_filters button,
.load_more_jobs {
  border-radius: 12px;
  padding: 12px 18px;
  border: 0;
  cursor: pointer;
  font-weight: 600;
}

/* Try to inherit your theme’s primary button color */
.job_manager input[type="submit"],
.job_manager button,
.job_filters input[type="submit"],
.job_filters button,
.load_more_jobs {
  background: var(--wr-primary, #22c55e);
  color: #fff;
}

/* Listings “card” look */
ul.job_listings,
ul.job_listings li.job_listing {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.job_listings li.job_listing {
  background: #fff;
  border-radius: 14px;
  padding: 18px 18px;
  margin-bottom: 14px;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 8px 22px rgba(0,0,0,.06);
}

/* Filter area */
.job_filters {
  background: #fff;
  border-radius: 14px;
  padding: 18px;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 8px 22px rgba(0,0,0,.06);
}

/* Pagination */
.job-manager-pagination a,
.job-manager-pagination span {
  border-radius: 10px;
  padding: 10px 12px;
  border: 1px solid rgba(0,0,0,.08);
  margin-right: 8px;
  display: inline-block;
}



/* ==========================
   WPJM Jobs Archive → Workreap look
   ========================== */

.wr-wpjm-archive .job_filters,
.wr-wpjm-card--filters {
  background: #fff;
  border-radius: 14px;
  padding: 18px;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 8px 22px rgba(0,0,0,.06);
  margin-bottom: 16px;
}

.wr-wpjm-job {
  padding: 0 !important; /* our anchor contains the padding */
}

.wr-wpjm-job__link {
  display: flex;
  gap: 16px;
  align-items: center;
  padding: 18px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 8px 22px rgba(0,0,0,.06);
  background: #fff;
  text-decoration: none;
}

.wr-wpjm-job__title {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.2;
  color: #111;
  margin-bottom: 6px;
}

.wr-wpjm-job__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  color: rgba(0,0,0,.65);
  font-size: 14px;
}

.wr-wpjm-job__logo img {
  width: 56px;
  height: 56px;
  border-radius: 12px;
  object-fit: cover;
}

.wr-wpjm-job__right {
  margin-left: auto;
}

.wr-wpjm-job__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border-radius: 12px;
  font-weight: 600;
  background: #22c55e; /* matches your Workreap green feel */
  color: #fff;
}

/* Make the default WPJM ul spacing match cards */
.wr-wpjm-archive ul.job_listings {
  margin: 0;
  padding: 0;
}

.wr-wpjm-archive ul.job_listings li.job_listing {
  margin: 0 0 14px 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}


/* --- Fix WPJM listing overlap (logo vs content) --- */

/* Force each listing into a proper flex row */
.wr-wpjm-archive ul.job_listings li.job_listing a,
.wr-wpjm-archive .job_listing a {
  display: flex !important;
  align-items: center;
  gap: 16px;
}

/* Prevent legacy float/absolute logo rules from colliding */
.wr-wpjm-archive .job_listing .company_logo,
.wr-wpjm-archive .job_listing .company_logo img,
.wr-wpjm-archive .job_listing img.company_logo {
  float: none !important;
  position: static !important;
  margin: 0 !important;
}

/* Constrain the logo area */
.wr-wpjm-archive .job_listing .company_logo {
  flex: 0 0 60px;
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 12px;
}

.wr-wpjm-archive .job_listing .company_logo img,
.wr-wpjm-archive .job_listing img.company_logo {
  width: 40px !important;
  height: 40px !important;
  object-fit: cover !important;
  display: block;
}

/* Make the text/content take remaining space */
.wr-wpjm-archive .job_listing .position,
.wr-wpjm-archive .job_listing .position * {
  float: none !important;
}

.wr-wpjm-archive .job_listing .position {
  flex: 1 1 auto;
  min-width: 0; /* prevents weird overflow */
}

/* Keep the CTA/button area from dropping under */
.wr-wpjm-archive .job_listing .wr-wpjm-job__right,
.wr-wpjm-archive .job_listing .meta {
  margin-left: auto;
}


.wr-wpjm-job__link { display:flex; gap:16px; align-items:center; }
.wr-wpjm-job__logo { flex:0 0 56px; }
.wr-wpjm-job__logo img { width:56px; height:56px; object-fit:cover; border-radius:12px; display:block; }
.wr-wpjm-job__body { flex:1 1 auto; min-width:0; }


/* Prevent horizontal scroll caused by dropdown width overflow */
html .page-id-229, body .page-id-229  {
  overflow-x: hidden;
}

/* Select2 dropdown: force it to stay within viewport */
.page-id-229 .select2-container {
  max-width: 100% !important;
}

.page-id-229 .select2-dropdown {
  max-width: calc(100vw - 40px) !important;
  overflow-x: hidden !important;
}

/* In case WPJM wraps filters in a wide container */
.wr-wpjm-archive,
.wr-wpjm-card--filters,
.job_filters {
  max-width: 100%;
  overflow-x: hidden;
}

.page-id-229 .select2-container--open .select2-dropdown {
  left: 0 !important;
  right: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
}






/* ==========================
   WPJM Select2 dropdown -> Workreap-like menu dropdown
   ========================== */

/* dropdown panel */
.page-id-229 .select2-container--default .select2-dropdown {
  border: 0 !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.14) !important;
  overflow: hidden;
}

/* options */
.page-id-229 .select2-container--default .select2-results__option {
  padding: 12px 14px !important;
  font-size: 15px;
}

/* hover */
.page-id-229 .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: rgba(0,0,0,.06) !important;
  color: inherit !important;
}

/* selected */
.page-id-229 .select2-container--default .select2-results__option[aria-selected="true"] {
  background: rgba(0,0,0,.04) !important;
}

/* search field */
.page-id-229 .select2-container--default .select2-search--dropdown .select2-search__field {
  border-radius: 12px !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  padding: 10px 12px !important;
  outline: none;
}

/* the closed "field" styling */
.page-id-229 .select2-container--default .select2-selection--single {
  height: 52px;
  border-radius: 12px !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  display: flex;
  align-items: center;
}
.page-id-229 .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 52px !important;
  padding-left: 14px !important;
}
.page-id-229 .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 52px !important;
  right: 10px !important;
}
/* Fix Select2 dropdown horizontal misalignment (WPJM filters) */
.page-id-229 .job_filters .select2-container--open .select2-dropdown,
.wr-wpjm-card--filters .select2-container--open .select2-dropdown {
  left: 0 !important;
  right: auto !important;
  transform: none !important;
}

/* Ensure dropdown matches the select width */
.page-id-229 .job_filters .select2-container--open .select2-dropdown,
.wr-wpjm-card--filters .select2-container--open .select2-dropdown {
  width: 100% !important;
  box-sizing: border-box;
}

/* When dropdown is appended to body, force it to stay within viewport and not drift */
.page-id-229 .select2-container--open .select2-dropdown {
  max-width: calc(100vw - 40px) !important;
  margin-left: 0 !important;
}



/* ==========================================
   Single Job Listing (WPJM) -> Workreap style
   ========================================== */

.wr-wpjm-single {
  max-width: 100%;
}

.wr-wpjm-single .wr-wpjm-card {
  background: #fff;
  border-radius: 14px;
  padding: 22px;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 8px 22px rgba(0,0,0,.06);
}

/* Meta chips (type/location/date/salary/etc.) */
.wr-wpjm-single .job-listing-meta {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 12px;
  margin: 0 0 18px 0;
  padding: 0;
}

.wr-wpjm-single .job-listing-meta li {
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(0,0,0,.04);
  border: 1px solid rgba(0,0,0,.06);
  font-size: 14px;
  color: rgba(0,0,0,.75);
}

/* Company box */
.wr-wpjm-single .company {
  display: flex;
  gap: 14px;
  align-items: center;
  padding: 14px;
  border-radius: 14px;
  background: rgba(0,0,0,.03);
  border: 1px solid rgba(0,0,0,.06);
  margin: 0 0 18px 0;
}

.wr-wpjm-single .company img {
  width: 64px !important;
  height: 64px !important;
  border-radius: 14px;
  object-fit: cover;
  display: block;
}

.wr-wpjm-single .company_header .name {
  margin: 0;
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}

.wr-wpjm-single .company_header .name strong {
  font-size: 16px;
}

.wr-wpjm-single .company_header .tagline {
  margin: 6px 0 0 0;
  color: rgba(0,0,0,.65);
}

/* Description */
.wr-wpjm-single__description {
  margin-top: 8px;
  line-height: 1.6;
  color: rgba(0,0,0,.85);
}

/* Apply box */
.wr-wpjm-single .job_application {
  margin-top: 18px;
  padding: 16px;
  border-radius: 14px;
  background: rgba(0,0,0,.03);
  border: 1px solid rgba(0,0,0,.06);
}

.wr-wpjm-single .job_application .application_button {
  border-radius: 12px;
  padding: 12px 18px;
  border: 0;
  cursor: pointer;
  font-weight: 700;
  background: var(--wr-primary, #22c55e);
  color: #fff;
}

.wr-wpjm-single .job_application .application_details {
  margin-top: 12px;
}

/* ==========================================
   Single Job page: fix company logo overlap
   ========================================== */

/* Scope to WPJM single listing */
.single_job_listing .company,
.single_job_listing .company_header {
  position: relative;
}

/* Stop floats/absolute positioning that causes overlap */
.single_job_listing .company .company_logo,
.single_job_listing .company .company_logo img,
.single_job_listing .company img.company_logo {
  float: none !important;
  position: static !important;
  margin: 0 !important;
}

/* Force a stable flex layout for the company block */
.single_job_listing .company {
  display: flex !important;
  align-items: center;
  gap: 14px;
}

/* Constrain logo */
.single_job_listing .company .company_logo,
.single_job_listing .company img.company_logo {
  flex: 0 0 72px;
  width: 72px !important;
  height: 72px !important;
  border-radius: 14px;
  overflow: hidden;
}

/* Constrain logo img */
.single_job_listing .company .company_logo img,
.single_job_listing .company img.company_logo {
  width: 72px !important;
  height: 72px !important;
  object-fit: cover !important;
  display: block !important;
}

/* Company text area should take remaining width */
.single_job_listing .company .company_header {
  flex: 1 1 auto;
  min-width: 0;
}

/* Ensure company name never overlaps */
.single_job_listing .company .company_header .name,
.single_job_listing .company .company_header .name * {
  float: none !important;
  clear: none !important;
}

/* Single Job: Edit button */
.wr-wpjm-single__actions {
  margin: 10px 0 18px 0;
}

.wr-wpjm-btn-edit-job {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border-radius: 12px;
  font-weight: 700;
  text-decoration: none;
  border: 1px solid rgba(0,0,0,.12);
  background: #fff;
  color: rgba(0,0,0,.85);
}

.wr-wpjm-btn-edit-job:hover {
  background: rgba(0,0,0,.03);
}

/* Delete button next to Edit */
.wr-wpjm-btn-delete-job {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border-radius: 12px;
  font-weight: 700;
  text-decoration: none;
  border: 1px solid rgba(220, 38, 38, .35);
  background: rgba(220, 38, 38, .06);
  color: rgba(220, 38, 38, .95);
  margin-left: 10px;
}

.wr-wpjm-btn-delete-job:hover {
  background: rgba(220, 38, 38, .12);
}