/*
 * Tracker Jobs — search form & job listing styles
 *
 * 1. Matador search-form base styles (inlined after plugin deactivation)
 * 2. Adapters so the Matador-class form works inside .form--jobfinder
 *
 * These selectors are deliberately narrow so they don't touch anything
 * outside the tracker job templates.
 */


/* ----------------------------------------------------------------
   1. Screen-reader utility (was provided by matador.css)
   ---------------------------------------------------------------- */
.matador-screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}


/* ----------------------------------------------------------------
   2. Matador search form — standalone flex layout
      (used wherever [tracker_search] is rendered outside
       .form--jobfinder, e.g. banners on other pages)
   ---------------------------------------------------------------- */
.matador-search-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 10px;
}

.matador-search-form label {
  margin: 0;
}

.matador-search-form button {
  margin: 0;
  height: 100%;
}

.matador-search-form input[type=text],
.matador-search-form select {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
}

@media only screen and (min-width: 768px) {
  .matador-search-form {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
  }
  .matador-search-form-field-group {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .matador-search-form-field-submit {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}

/* Select wrapped in label — make the label fill its flex cell */
.matador-search-form-field-group > label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  margin: 0;
}

.matador-search-form-field-group > label > select {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}


/* ----------------------------------------------------------------
   3. Adapter — matador search form INSIDE .form--jobfinder
      The existing .form--jobfinder CSS (in global.css) styles
      inputs/selects/buttons; we only need to wire up the flex row.
   ---------------------------------------------------------------- */

/* The outer <div class="matador-search-form searchandfilter"> */
.form--jobfinder .matador-search-form.searchandfilter {
  display: block;
}

/* The <form class="matador-search-form"> */
.form--jobfinder form.matador-search-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 10px;
  margin: 0;
  text-align: left;
}

@media (max-width: 767px) {
  .form--jobfinder form.matador-search-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}

/* Each field group (keyword, category, location, country, submit) */
.form--jobfinder .matador-search-form-field-group {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.form--jobfinder .matador-search-form-field-submit {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

/* Label inside a field group */
.form--jobfinder .matador-search-form-field-group > label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0;
  width: 100%;
}

.form--jobfinder .matador-search-form-field-group > label > select {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* Inputs inside field groups */
.form--jobfinder .matador-search-form-field-group input[type=text] {
  margin: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* Submit button fills the submit group */
.form--jobfinder .matador-search-form-field-submit button {
  width: 100%;
  height: 100%;
}


/* ----------------------------------------------------------------
   4. Job results — pagination (prev / next row)
   ---------------------------------------------------------------- */
.jobs-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2em 0 0;
  font-size: 0.9375rem;
}

.jobs-pagination a,
.jobs-pagination span {
  display: inline-block;
  padding: 0.5em 1.25em;
  border: 1px solid #0099cc;
  border-radius: 3px;
  color: #0099cc;
  font-weight: 600;
  text-decoration: none;
  line-height: 1.4;
}

.jobs-pagination a:hover {
  background: #0099cc;
  color: #fff;
}

.jobs-pagination span.disabled {
  border-color: #ccc;
  color: #ccc;
  cursor: default;
}

.jobs-pagination .page-info {
  color: #424242;
  font-weight: 400;
  border: none;
  padding: 0;
}


/* ----------------------------------------------------------------
   5. Apply form — submit loading state
      The theme globally hides GF spinners; re-enable for form 7.
   ---------------------------------------------------------------- */
#gform_wrapper_7 img.gform_ajax_spinner {
  display: inline-block !important;
  margin-left: 8px;
  vertical-align: middle;
  width: 20px;
  height: 20px;
}

#gform_submit_button_7:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}