input[type="radio"] {
  overflow: visible;
}

input[type="radio"] {
  -webkit-appearance: radio;
  appearance: radio;
  overflow: visible;
  box-sizing: content-box;
  margin: 0 0.25em 0 0; /* optional, ensures spacing consistency */
}

.checkbox-wrap input[type="checkbox"]{appearance: none; border:1px solid #787878;}
.checkbox-wrap input[type="checkbox"]:checked {  position: relative; background-color: var(--color-primary);   border-color: transparent;}
.checkbox-wrap input[type="checkbox"]:checked::after {content: ""; color: #fff;position: absolute; background-image: url(https://143652868.fs1.hubspotusercontent-eu1.net/hubfs/143652868/right-1.svg); width: 14px; height: 14px;  background-repeat: no-repeat; background-size: contain;}
.checkbox-wrap label { cursor: pointer;}
.select2-container--default .select2-search--dropdown .select2-search__field { outline: none !important; border: 1px solid #e5e7eb!important; border-radius: 4px;}
.select2-container .select2-results { padding: 5px;}
.select2-dropdown {border: 1px solid #e5e7eb!important; position: fixed;}
.select2-container--default .select2-selection--single { border: 1px solid #e5e7eb!important;}
.select-filter .select2-container--default .select2-selection--single .select2-selection__rendered {color: #1D2025;font-size: 14px;  font-weight: 400; line-height: 30px;}
.select-filter .select2-search textarea::placeholder {  font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
color: #1D2025;  font-size: 14px;  line-height: 25px; font-weight: 400;}
.select-filter .select2-container--default .select2-selection--multiple { border: 1px solid #e5e7eb!important;}
.select-filter select { width: 100%;}

.select-filter .select2-container .select2-selection--single { height: 32px;}
.select-filter .select2-container--default .select2-selection--single .select2-selection__clear {height: 30px;}
.select-filter .select2-container--default .select2-selection--single .select2-selection__arrow { height: 30px;}
.select-filter .select2-container--default .select2-selection--single .select2-selection__clear span {height: 100%; display: block;    line-height: 27px;}
.select2-container--default .select2-results__option--selected { font-weight: 400; font-size: 14px;line-height: 20px;}
.select-filter .select2-container .select2-results li { font-size: 14px; line-height: 20px; font-weight: 400;}
.select2-results__option--selectable { font-size: 14px; line-height: 20px;  font-weight: 400;}

.select-filter .select2-container .select2-search--inline .select2-search__field { height: 25px; margin-top: 0; margin-right: 0; display: inline-block;  margin-left: 0;}
.select-filter .select2-selection.select2-selection--multiple { padding: 5px 8px;}
.select-filter .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; }

.select-filter button.select2-selection__choice__remove { height: 100%; display: block; }
.select-filter .select2-container--default .select2-selection--multiple .select2-selection__choice__display { font-size: 14px; line-height: 24px; font-weight: 400; }
.select-filter .select2-container--default .select2-selection--multiple .select2-selection__clear { margin-top: 0; top: 0; height: 100%; padding: 0; }
.select-filter .select2-container--default .select2-selection--multiple .select2-selection__choice { margin-left: 0; margin-top: 0; }
.select-filter .select2-container--default .select2-selection--multiple .select2-selection__clear span { display: inline-block; height: 100%; line-height: 34px; }
.select-filter .select2-container--default .select2-selection--multiple .select2-selection__choice__remove span { width: 100%; display: block; }

.select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-flex !important; gap: 5px; flex-wrap: wrap; }
.select2-container--default .select2-selection--multiple .select2-selection__choice { background: transparent !important; border: 1px solid #b3b3b3 !important; padding-left: 19px !important; font-size: 12px !important; }
.select-filter .select2-container--default .select2-selection--multiple .select2-selection__choice__display { font-size: 13px !important; }


 
 @media(max-width:991px){
	.select-filter select { width: 100%;}
}
  
.pagination{
display: flex
;
    justify-content: center;
    align-items: center;
  gap:calc(var(--spacing) * 6);
}

.pagination .page.is-active,
.pagination [aria-current="page"] {
  position: relative;    width: 1.5rem;
    display: flex;
    justify-content: center;

  color: hsl(var(--primary-foreground));
  /* fallback final color once animation ends */
  background-color: hsl(var(--primary));
  border-radius: 10px;
  isolation: isolate;       /* keep the pseudo-element behind text */
  transition: color .2s ease, background-color .2s ease;
  overflow: hidden;
}

.pagination .page.is-active::before,
.pagination [aria-current="page"]::before {
  content: "";

  position: absolute;
  inset: -20%;
  z-index: -1;
  border-radius: 24px;
  /* blue-only gradient using your tokens */
  background:
   hsl(var(--primary));
   transition: background-color 0.3s ease, color 0.3s ease;
}



//* Salary range slider (min–max, dark) */
.salary-filter { margin-bottom: 1.5rem; }
.salary-filter .salary-readout {  color: #6b7280; }

/* Colors: neutral dark (no blue) */
:root {
  --sf-track-bg:#dee3ed;;  /* light track */
  --sf-fill-bg: hsl(var(--primary));
   /* dark fill */
}
@media (prefers-color-scheme: dark) {
  :root {
    --sf-track-bg: #dee3ed;; 
    --sf-fill-bg: hsl(var(--primary));
  /* keep dark fill (no blue) */
  }
}

.sf-slider-wrap {
  position: relative;
  height: 28px;
  padding: 13px 0; /* centers track */
}

.sf-track {
  position: absolute; inset-inline: 0; top: 50%;
  height: 8px; transform: translateY(-50%);
  border-radius: 9999px;
  background: var(--sf-track-bg);
}

.sf-range-fill {
  position: absolute; top: 50%;
  height: 8px; transform: translateY(-50%);
  border-radius: 9999px;
  background: var(--sf-fill-bg);
  left: 0%; right: 100%;
  pointer-events: none;
}

/* Two overlayed range inputs: invisible tracks, visible thumbs */
.sf-range {
  -webkit-appearance: none; appearance: none;
  position: absolute; inset: 0 ;
 z-index:200;
  width: 100%; background: none;
  pointer-events: none; /* thumbs stay interactive */
  margin: 0;
  margin-top:-10px
}
.sf-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  pointer-events: auto;
  width: 20px;
  height: 20px;
  border-radius: 9999px;
  background: #fff;
  border: 2px solid var(--sf-fill-bg);
  box-shadow: 0 1px 2px rgba(0,0,0,.08);
  cursor: pointer;

 
}

.sf-range::-moz-range-thumb {
  pointer-events: auto;
  width: 20px;
  height: 20px;
  border-radius: 9999px;
  background: #fff;
  border: 2px solid var(--sf-fill-bg);
  box-shadow: 0 1px 2px rgba(0,0,0,.08);
  cursor: pointer;

  /* Firefox alignment */
  margin-top: 0; /* use transform instead */
  transform: translateY(-8px);
}

/* hide default tracks */
.sf-range::-webkit-slider-runnable-track { height: 8px; background: transparent; }
.sf-range::-moz-range-track { height: 8px; background: transparent; }
/* Remove WebKit default blue focus ring on range thumbs */
.sf-range:focus,
.sf-range:focus-visible,
.sf-range::-webkit-slider-thumb:focus,
.sf-range::-webkit-slider-thumb:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* Optional: also remove focus outlines globally from the native inputs inside this slider */
.sf-slider-wrap :focus-visible {
  outline: none !important;
}