/* KaziTasks marketplace search v2.4.20
 * Compact, Elementor-safe and container-responsive.
 */
.kt-universal-search-wrap{
  width:100%!important;
  max-width:980px!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  position:relative!important;
  display:block!important;
  font-family:Inter,Manrope,Arial,sans-serif!important;
  box-sizing:border-box!important;
  container-type:inline-size;
  overflow:visible!important;
}
.kt-universal-search-wrap *,
.kt-universal-search-wrap *::before,
.kt-universal-search-wrap *::after{box-sizing:border-box!important}

/* Elementor Shortcode widget should hug the search control instead of stretching it. */
.elementor-widget-shortcode:has(.kt-universal-search-wrap),
.elementor-widget-shortcode:has(.kt-universal-search-wrap) .elementor-widget-container,
.elementor-widget-shortcode:has(.kt-universal-search-wrap) .elementor-shortcode{
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  align-self:auto!important;
  overflow:visible!important;
}

.kt-universal-search{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:76px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) 1px minmax(0,.92fr) minmax(112px,138px)!important;
  align-items:center!important;
  gap:0!important;
  margin:0!important;
  padding:8px 9px 8px 14px!important;
  background:#fff!important;
  border:1px solid #dfe6ef!important;
  border-radius:18px!important;
  box-shadow:0 8px 22px rgba(15,42,86,.11)!important;
  overflow:hidden!important;
  font-family:Inter,Manrope,Arial,sans-serif!important;
}
.kt-universal-search .kt-search-field{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:100%!important;
  margin:0!important;
  padding:0 12px!important;
  border:0!important;
  background:transparent!important;
  overflow:hidden!important;
}
.kt-universal-search .kt-search-field input[type="search"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:52px!important;
  min-height:52px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  color:#172b4d!important;
  font-family:Inter,Manrope,Arial,sans-serif!important;
  font-size:17px!important;
  font-weight:500!important;
  line-height:1.2!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
.kt-universal-search .kt-search-field input[type="search"]:focus{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
.kt-universal-search .kt-search-field input[type="search"]::placeholder{
  color:#8190a8!important;
  opacity:1!important;
  font-weight:400!important;
}
.kt-universal-search .kt-search-icon{
  display:block!important;
  flex:0 0 23px!important;
  width:23px!important;
  height:23px!important;
  color:#667085!important;
}
.kt-universal-search .kt-search-icon svg{
  display:block!important;
  width:23px!important;
  height:23px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.kt-universal-search .kt-search-divider{
  display:block!important;
  width:1px!important;
  height:38px!important;
  margin:0!important;
  background:#dfe5ec!important;
}
.kt-universal-search .kt-search-submit{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:138px!important;
  min-width:0!important;
  height:58px!important;
  min-height:58px!important;
  margin:0!important;
  padding:0 20px!important;
  border:0!important;
  border-radius:14px!important;
  outline:0!important;
  background:#ff9200!important;
  color:#fff!important;
  box-shadow:none!important;
  cursor:pointer!important;
  font-family:Inter,Manrope,Arial,sans-serif!important;
  font-size:16px!important;
  font-weight:700!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  transition:background .18s ease,transform .18s ease!important;
}
.kt-universal-search .kt-search-submit:hover,
.kt-universal-search .kt-search-submit:focus{
  background:#e98400!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
}

.kt-search-popular{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:7px 9px!important;
  width:100%!important;
  max-width:100%!important;
  margin:10px 0 0!important;
  padding:0 10px!important;
  color:#667085!important;
  font-family:Inter,Manrope,Arial,sans-serif!important;
  font-size:12.5px!important;
  font-weight:500!important;
  line-height:1.35!important;
}
.kt-search-popular span{
  margin-right:1px!important;
  font-weight:700!important;
  color:#172b4d!important;
}
.kt-search-popular a{
  display:inline-flex!important;
  align-items:center!important;
  margin:0!important;
  padding:5px 11px!important;
  border:1px solid #e5eaf0!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#123a78!important;
  text-decoration:none!important;
  font-size:12.5px!important;
  font-weight:600!important;
  line-height:1.2!important;
}
.kt-search-popular a:hover{
  border-color:#ffd7a3!important;
  background:#fff7ec!important;
  color:#d97700!important;
}

/* The search is often placed in a half-width Elementor hero column on desktop.
 * Container queries respond to the actual available width, not the browser width.
 */
@container (max-width:720px){
  .kt-universal-search{
    grid-template-columns:minmax(0,1.05fr) 1px minmax(0,.8fr) minmax(96px,112px)!important;
    min-height:70px!important;
    padding:7px 8px 7px 10px!important;
    border-radius:16px!important;
  }
  .kt-universal-search .kt-search-field{gap:9px!important;padding:0 9px!important}
  .kt-universal-search .kt-search-field input[type="search"]{font-size:15px!important;height:48px!important;min-height:48px!important}
  .kt-universal-search .kt-search-icon,
  .kt-universal-search .kt-search-icon svg{width:21px!important;height:21px!important;flex-basis:21px!important}
  .kt-universal-search .kt-search-submit{height:54px!important;min-height:54px!important;font-size:15px!important;padding:0 14px!important;border-radius:13px!important}
  .kt-universal-search .kt-search-divider{height:34px!important}
}

@container (max-width:560px){
  .kt-universal-search{
    grid-template-columns:1fr!important;
    min-height:0!important;
    padding:8px!important;
    border-radius:16px!important;
    overflow:visible!important;
  }
  .kt-universal-search .kt-search-divider{display:none!important}
  .kt-universal-search .kt-search-field{
    height:auto!important;
    min-height:52px!important;
    padding:0 10px!important;
    overflow:visible!important;
  }
  .kt-universal-search .kt-search-field+.kt-search-divider+.kt-search-field,
  .kt-universal-search .kt-search-location{
    border-top:1px solid #e5eaf0!important;
  }
  .kt-universal-search .kt-search-field input[type="search"]{
    font-size:15px!important;
    height:46px!important;
    min-height:46px!important;
  }
  .kt-universal-search .kt-search-submit{
    width:100%!important;
    max-width:none!important;
    height:52px!important;
    min-height:52px!important;
    margin-top:5px!important;
  }
  .kt-search-popular{padding:0 2px!important;margin-top:9px!important;gap:6px!important}
}

/* Fallbacks for browsers without container-query support and ordinary phone layouts. */
@media (max-width:760px){
  .kt-universal-search-wrap{max-width:100%!important}
}
@media (max-width:520px){
  .kt-universal-search{
    grid-template-columns:1fr!important;
    min-height:0!important;
    padding:8px!important;
    border-radius:16px!important;
    overflow:visible!important;
  }
  .kt-universal-search .kt-search-divider{display:none!important}
  .kt-universal-search .kt-search-location{border-top:1px solid #e5eaf0!important}
  .kt-universal-search .kt-search-submit{width:100%!important;max-width:none!important;height:52px!important;margin-top:5px!important}
}

/* Results page styles live here too so the feature never depends on Elementor shortcode detection. */
.kt-search-results-page{font-family:Manrope,Inter,Arial,sans-serif!important}
.kt-search-results-head{max-width:1180px;margin:0 auto 44px;text-align:center}
.kt-search-results-head .kt-eyebrow{display:inline-block;margin-bottom:8px;color:#ff9200;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.kt-search-results-head h1{margin:0 0 8px;color:#0f2a56;font-size:clamp(32px,5vw,52px);line-height:1.08}
.kt-search-results-head>p{margin:0 auto 26px;color:#667085;font-size:17px}
.kt-search-result-section{max-width:1280px;margin:52px auto}
.kt-search-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}
.kt-search-section-title span{display:block;color:#ff9200;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.06em}
.kt-search-section-title h2{margin:4px 0 0;color:#123a78}
.kt-search-section-title>a{color:#123a78;font-weight:700;text-decoration:none;white-space:nowrap}
.kt-search-section-title>a:hover{color:#ff9200}
.kt-search-empty{max-width:720px;margin:30px auto;padding:42px 30px;border:1px solid #e5eaf0;border-radius:18px;background:#fff;text-align:center}
.kt-search-empty h2{margin-top:0;color:#123a78}
@media (max-width:760px){
  .kt-search-section-title{align-items:flex-start;flex-direction:column}
  .kt-search-results-head{text-align:left}
}

/* Category context carried into marketplace search results (v2.4.21). */
.kt-search-category-context{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:10px 0 4px!important;
  padding:7px 11px!important;
  border:1px solid #e5eaf0!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#667085!important;
  font:500 13px/1.2 Inter,Manrope,Arial,sans-serif!important;
}
.kt-search-category-context strong{color:#123a78!important}
.kt-search-category-context a{color:#ff9200!important;text-decoration:none!important;font-weight:700!important}