/* File: /wp-content/plugins/recruitee-jobs/assets/css/recruitee-jobs.css */
/*.cc-rj-wrap{display:flex;gap:2rem;align-items:flex-start; max-width:1240px!important;}
.cc-rj-sidebar{flex:0 0 360px;border:1px solid #e5e7eb;border-radius:12px;padding:1rem;background:#fff}*/
.cc-rj-filters fieldset{border:0;border-top:1px solid #f1f5f9;margin:0 0 1rem;padding:1rem 0 0}
.cc-rj-filters fieldset:first-child{border-top:0;padding-top:0}
.cc-rj-filters legend{
	font-family: interface;
	font-size: .875rem;
	font-style: normal;
	font-weight: 700;
	letter-spacing: -.0175rem;
	line-height: 1.25rem;
	text-decoration: none;
	text-transform: none;

}
.cc-rj-filter-list{list-style:none;margin:0;padding:0;;overflow:auto}
.cc-rj-filter-list li{margin:.25rem 0}
.cc-rj-filter__actions{margin-top:2rem;}
.cc-rj-filter__actions{display:flex;gap:.75rem;align-items:center}
.cc-rj-actions .cc-rj-clear{font-size:.9em; border:none;}
.cc-rj-clear{font-size:.9em; border:none;background:transparent;}
.cc-rj-main{flex:1}
.cc-rj-count{margin-bottom:.5rem;font-weight:600}
.cc-recruitee-jobs{list-style:none;margin:0;padding:0;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1rem}
/*.cc-recruitee-jobs__item{border:1px solid #e5e7eb;border-radius:12px;padding:1rem;background:#fff; margin-bottom:1rem;}*/
.cc-recruitee-jobs__title{margin:.25rem 0 0;font-size:1.1rem}
.cc-recruitee-jobs__title a{text-decoration:none}
.cc-recruitee-jobs__meta{color:#475569;margin-top:.25rem;font-size:.9rem}
.cc-recruitee-jobs__tags{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.25rem}
.cc-recruitee-jobs__tag{background:#f1f5f9;border:1px solid #e5e7eb;border-radius:999px;padding:.15rem .5rem;font-size:.8rem}

.cc-rj-range .range-item{
	max-width: 40%;
	display: inline-block;
	
}

.cc-rj-range .range-item:first-child{
	margin-right:10px;
}

.cc-rj-range label{
	display: block;
	padding-left: 0;
}

.cc-rj-range input{
	padding:0.25rem 0.5rem;
}

/* Single */
.cc-rj-single{max-width:900px;margin:2rem auto;padding:0 1rem}
.cc-rj-offer__title{margin:0 0 .5rem}
.cc-rj-offer__meta{color:#475569;margin-bottom:1rem}
.cc-rj-offer__content img{max-width:100%;height:auto}

/* Apply */
.cc-rj-apply{max-width:960px;margin:2rem auto 4rem;padding:0 1rem}
/*.cc-rj-apply__card{border:1px solid #e5e7eb;border-radius:12px;padding:1rem;background:#fff}*/

.cc-rj-apply__title{margin:.25rem 0 1rem}
.cc-rj-field{margin-bottom:.75rem}
.cc-rj-field label{display:block;font-weight:600;margin-bottom:.25rem}
.cc-rj-control input[type="text"],
.cc-rj-control input[type="email"],
.cc-rj-control input[type="number"],
.cc-rj-control input[type="date"],
.cc-rj-control textarea{width:100%;max-width:100%}
.cc-rj-field input[type="checkbox"], .cc-rj-filter-list input[type="checkbox"]{
	width:20px!important;
	height:20px!important;
}

.cc-rj-filter-list input[type="checkbox"], .cc-rj-inline input[type="checkbox"]{
	margin-right:0.5rem;
}

.cc-rj-filter-list label, .cc-rj-inline{
	font-size:1rem!important;
	padding-left:0!important;
	display: flex!important;
    align-items: center!important;
	line-height: 1!important;
	margin-bottom: 0!important;
}

.cc-rj-filter-list label span{
	width:90%;
}

.cc-rj-inline{display:inline-flex;align-items:center;margin-right:1rem}
.cc-rj-error{color:#b91c1c;margin:.25rem 0 0}
.cc-rj-actions{margin-top:2rem}

.vacature-container p{
	margin-bottom:0!important;
}

.vacature-container p:last-child{
	margin-bottom:2rem!important;
}

/* /wp-content/plugins/recruitee-jobs/assets/css/recruitee-jobs.css
   Connected-track styles for dual range sliders (salary + hours) */

/* Wrapper + track fill */
.cc-rj-salary-range,
.cc-rj-hours-range{
  position: relative;
  padding: 0;
  /* theme-able vars */
  --track: #003478;      /* unselected */
  --fill:  #888;      /* selected */
  --thumb: #003478;
  --a: 0%;               /* left edge of selected segment */
  --b: 100%;             /* right edge of selected segment */
}

/* Base track */
.cc-rj-salary-range::before,
.cc-rj-hours-range::before{
  content: "";
  position: absolute; left: 0; right: 0; top: 50%;
  height: 4px; transform: translateY(-50%);
  background: transparent;
  border-radius: 999px;
}

/* Selected segment (between --a and --b) */
.cc-rj-salary-range::after,
.cc-rj-hours-range::after{
  content: "";
  position: absolute; left: 0; right: 0; top: 50%;
  height: 4px; transform: translateY(-50%);
  border-radius: 999px;
  background:transparent;
  pointer-events: none;
}

/* Stack both range inputs on top of each other */

.cc-rj-hours-readout, .cc-rj-salary-readout{
	font-size:0.825rem;
}

:root { --cc-rj-accent: #003478; --cc-rj-track: rgba(0,0,0,.15); --cc-rj-fill: currentColor; }

/* Container for double-range sliders */
.cc-rj-range-inputs {
  position: relative;
  height: 32px;
  color: var(--cc-rj-accent);
}

/* Base track background */
.cc-rj-range-inputs::after {
  content: "";
  position: absolute;
  left: 0; right: 0;
  height: 4px;
  top: 50%;
  transform: translateY(-50%);
  background: var(--cc-rj-track);
  border-radius: 999px;
  pointer-events: none;
  z-index: 0;
}

/* Filled selection between --a and --b (percent values with %) */
.cc-rj-range-inputs::before {
  content: "";
  position: absolute;
  left: var(--a, 0%);
  right: calc(100% - var(--b, 100%));
  height: 4px;
  top: 50%;
  transform: translateY(-50%);
  background: var(--cc-rj-fill);
  opacity: .35;
  border-radius: 999px;
  pointer-events: none;
  z-index: 1;
}

/* Overlapped range inputs: only thumbs receive pointer events */
.cc-rj-range-inputs input[type="range"] {
  position: absolute;
  inset: 0;
  width: 100%;
  margin: 0;
  background: transparent;
  pointer-events: none;               /* critical: track doesn't swallow clicks */
  -webkit-appearance: none;
  appearance: none;
  z-index: 2;
}
.cc-rj-range-inputs input[type="range"].is-top { z-index: 3; }

/* Thumb styles (minimal; adjust to taste) */
.cc-rj-range-inputs input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none; appearance: none;
  pointer-events: auto;               /* thumbs are draggable */
  width: 16px; height: 16px;
  border-radius: 50%;
  background: #fff;
 border:3px solid #003478;
}
.cc-rj-range-inputs input[type="range"]::-moz-range-thumb {
  pointer-events: auto; width: 16px; height: 16px; border-radius: 50%; background: #fff;
 border:3px solid #003478;
}
.cc-rj-range-inputs input[type="range"]::-ms-thumb {
  pointer-events: auto; width: 16px; height: 16px; border-radius: 50%; background: #fff;
 border:3px solid #003478;
}

/* Hide default tracks (we draw our own) */
.cc-rj-range-inputs input[type="range"]::-webkit-slider-runnable-track { background: transparent; }
.cc-rj-range-inputs input[type="range"]::-moz-range-track { background: transparent; }
.cc-rj-range-inputs input[type="range"]::-ms-track { background: transparent; border-color: transparent; color: transparent; }

/* Ensure labels under sliders don't block thumbs */
.cc-rj-range-values { position: relative; z-index: 0; }

.cc-rj-actions .wpcf7-submit:disabled {
    cursor: not-allowed;
}