/* KaziTasks clean category browser v2.4.27 */
.kt-category-browser{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  font-family:Inter,Manrope,Arial,sans-serif!important;
  box-sizing:border-box!important;
}
.kt-category-browser *,
.kt-category-browser *::before,
.kt-category-browser *::after{box-sizing:border-box!important}

.kt-category-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}

.kt-category-card{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
  min-height:82px!important;
  margin:0!important;
  padding:13px 18px!important;
  border:1px solid #dbe3ec!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#102f61!important;
  text-decoration:none!important;
  box-shadow:none!important;
  font-family:Inter,Manrope,Arial,sans-serif!important;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background-color .18s ease!important;
  overflow:hidden!important;
}

.kt-category-card:hover,
.kt-category-card:focus-visible{
  border-color:#ffb44a!important;
  background:#fff!important;
  color:#102f61!important;
  box-shadow:0 8px 22px rgba(16,47,97,.07)!important;
  transform:translateY(-2px)!important;
  outline:none!important;
}

/* Native colour emoji icons deliberately match the clean marketplace inspiration. */
.kt-category-icon{
  flex:0 0 28px!important;
  width:28px!important;
  min-width:28px!important;
  height:28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important;
  font-size:22px!important;
  line-height:1!important;
  font-weight:400!important;
  color:inherit!important;
}

.kt-category-name{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  color:#102f61!important;
  font-family:Inter,Manrope,Arial,sans-serif!important;
  font-size:15px!important;
  line-height:1.24!important;
  font-weight:600!important;
  letter-spacing:-.012em!important;
  overflow-wrap:anywhere!important;
}

.kt-category-card.is-extra{display:none!important}
.kt-category-browser.is-expanded .kt-category-card.is-extra{display:flex!important}

.kt-category-footer{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  margin:18px 0 0!important;
  padding:0!important;
}
.kt-category-toggle{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  margin:0!important;
  padding:7px 5px!important;
  border:0!important;
  background:transparent!important;
  color:#ff9200!important;
  box-shadow:none!important;
  font-family:Inter,Manrope,Arial,sans-serif!important;
  font-size:14.5px!important;
  font-weight:600!important;
  line-height:1.2!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
.kt-category-toggle:hover,
.kt-category-toggle:focus{color:#d97700!important;background:transparent!important;outline:none!important}
.kt-category-toggle svg{
  width:16px!important;
  height:16px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  transition:transform .18s ease!important;
}
.kt-category-browser.is-expanded .kt-category-toggle svg{transform:rotate(180deg)!important}

/* Prevent Elementor/Hello link styles from leaking into the component. */
.kt-category-browser a,
.kt-category-browser a:visited,
.kt-category-browser a:hover{color:#102f61!important;text-decoration:none!important}

@media (max-width:1180px){
  .kt-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
}
@media (max-width:640px){
  .kt-category-grid{grid-template-columns:1fr!important;gap:10px!important}
  .kt-category-card{min-height:72px!important;padding:12px 14px!important;border-radius:13px!important;gap:10px!important}
  .kt-category-icon{flex-basis:26px!important;width:26px!important;min-width:26px!important;height:26px!important;font-size:20px!important}
  .kt-category-name{font-size:14.5px!important;line-height:1.22!important}
  .kt-category-footer{margin-top:16px!important}
  .kt-category-toggle{font-size:14.5px!important}
}