.elementor-2321 .elementor-element.elementor-element-c740c72{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:100px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-2321 .elementor-element.elementor-element-ba1b888 .elementor-heading-title{font-size:50px;font-weight:100;}.elementor-2321 .elementor-element.elementor-element-e66914a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2321 .elementor-element.elementor-element-e66914a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2321 .elementor-element.elementor-element-4ce72a7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2321 .elementor-element.elementor-element-4ce72a7:not(.elementor-motion-effects-element-type-background), .elementor-2321 .elementor-element.elementor-element-4ce72a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2321 .elementor-element.elementor-element-4ce72a7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2321 .elementor-element.elementor-element-d2e0db8{width:var( --container-widget-width, 101.29% );max-width:101.29%;--container-widget-width:101.29%;--container-widget-flex-grow:0;}.elementor-2321 .elementor-element.elementor-element-d2e0db8.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2321 .elementor-element.elementor-element-841f825{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2321 .elementor-element.elementor-element-841f825:not(.elementor-motion-effects-element-type-background), .elementor-2321 .elementor-element.elementor-element-841f825 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2321 .elementor-element.elementor-element-841f825.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2321 .elementor-element.elementor-element-66f5a9b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:70px;--margin-bottom:150px;--margin-left:0px;--margin-right:0px;}@media(min-width:768px){.elementor-2321 .elementor-element.elementor-element-c740c72{--content-width:1200px;}.elementor-2321 .elementor-element.elementor-element-e66914a{--width:85.515%;}.elementor-2321 .elementor-element.elementor-element-4ce72a7{--width:47.006%;}.elementor-2321 .elementor-element.elementor-element-841f825{--width:48.506%;}}/* Start custom CSS for container, class: .elementor-element-4ce72a7 *//* =========================
   ARVIALE - JOB FILTERS FULL CSS
   (previous settings + category fix)
========================= */

/* 0) General reset for filter area */
.job_filters,
.job_filters * {
  box-sizing: border-box !important;
}

/* 1) Filter wrapper look */
.job_filters {
  background: #ffffff !important;
  color: #000000 !important;
  padding: 16px !important;
  border-radius: 0 !important;
}

/* 2) Row spacing so nothing overlaps */
.job_filters .search_jobs > div {
  margin-bottom: 10px !important;
}

/* 3) Text inputs (Keywords/Location) */
.job_filters .search_jobs input[type="text"],
.job_filters .search_jobs input[type="search"] {
  height: 42px !important;
  line-height: 42px !important;
  padding: 0 12px !important;
  border: 1px solid #000000 !important;
  background: #ffffff !important;
  color: #000000 !important;
  border-radius: 0 !important;
  outline: none !important;
}

/* 4) Category SELECT - fix clipping / vertical alignment */
.job_filters .search_jobs select {
  height: 42px !important;
  line-height: 42px !important;
  padding: 0 12px !important;
  padding-right: 34px !important; /* room for arrow */
  border: 1px solid #000000 !important;
  background: #ffffff !important;
  color: #000000 !important;
  border-radius: 0 !important;
  outline: none !important;
  vertical-align: middle !important;

  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: none !important;
}

/* 5) If theme uses Select2 for category dropdown */
.job_filters .search_jobs .select2-container {
  width: 100% !important;
  max-width: 100% !important;
}

.job_filters .search_jobs .select2-container .select2-selection--single {
  height: 42px !important;
  border: 1px solid #000000 !important;
  background: #ffffff !important;
  border-radius: 0 !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 12px !important;
}

.job_filters .search_jobs .select2-container .select2-selection__rendered {
  line-height: 42px !important;
  padding: 0 !important;
  color: #000000 !important;
}

.job_filters .search_jobs .select2-container .select2-selection__arrow {
  height: 42px !important;
  right: 10px !important;
}

/* 6) Remote positions only line: keep checkbox + label on same line */
.job_filters .search_jobs .search_remote_position {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 6px !important;
}

/* Make remote label smaller (same vibe as job type labels) */
#remote_position_label {
  font-size: 12px !important;
  line-height: 1.2 !important;
  color: #000000 !important;
}

/* 7) All labels text color */
.job_filters label {
  color: #000000 !important;
}

/* 8) Checkboxes: keep clean */
.job_filters input[type="checkbox"] {
  accent-color: #000000 !important;
}

/* 9) Search button (the problematic one) - force basic look */
.job_filters .search_submit input[type="submit"],
.job_filters .search_jobs input[type="submit"] {
  width: 100% !important;
  height: 42px !important;
  border-radius: 0 !important;
  border: 1px solid #000000 !important;
  background: #ffffff !important;
  color: #000000 !important;
  padding: 0 12px !important;
  cursor: pointer !important;
  transition: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Try to neutralize hover/active/focus states */
.job_filters .search_submit input[type="submit"]:hover,
.job_filters .search_jobs input[type="submit"]:hover,
.job_filters .search_submit input[type="submit"]:active,
.job_filters .search_jobs input[type="submit"]:active,
.job_filters .search_submit input[type="submit"]:focus,
.job_filters .search_jobs input[type="submit"]:focus {
  background: #ffffff !important;
  color: #000000 !important;
  border-color: #000000 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* 10) Category row full width */
.job_filters .search_jobs .search_categories,
.job_filters .search_jobs .search_categories select {
  width: 100% !important;
  max-width: 100% !important;
}

/* 11) Mobile safety */
@media (max-width: 768px) {
  .job_filters .search_jobs input[type="text"],
  .job_filters .search_jobs input[type="search"],
  .job_filters .search_jobs select,
  .job_filters .search_jobs .select2-container {
    width: 100% !important;
  }
}/* End custom CSS */