/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://example.com/
 Description:  Child theme for Hello Elementor
 Author:       Your Name
 Author URI:   https://example.com/
 Template:     hello-elementor
 Version:      1.0.0
*/

/* Add your custom CSS below */
/* Filter bar polish */
.kmc-filter-bar {
  display: flex;
  gap: .5rem;
  flex-wrap: wrap;
  align-items: center;
  font: 14px/1.2 system-ui, -apple-system, "Segoe UI", Roboto, Arial;
}
.kmc-filter-bar button {
  padding: .45rem .7rem;
  border: 1px solid #d0d7de;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
}
.kmc-filter-bar label {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .35rem .6rem;
  border: 1px solid #d0d7de;
  border-radius: 999px;
  background: #fff;
}
.kmc-filter-bar input[type="checkbox"] { transform: translateY(1px); }
/* Filter bar layout */
.kmc-filter-bar {
  display: flex;
  gap: .5rem;
  flex-wrap: wrap;
  align-items: center;
  margin: .25rem 0 .5rem;
  font: 14px/1.35 system-ui,-apple-system,"Segoe UI",Roboto,Arial;
}

/* Kill inline styles on labels injected by JS */
.kmc-filter-bar label { 
  border: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* Visually hide the native checkbox */
.kmc-filter-bar .kmc-filter {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
}

/* Make the text look like a pill chip */
.kmc-filter-bar .kmc-filter + span {
  display: inline-block;
  padding: .4rem .7rem;
  border: 1px solid #d0d7de;
  border-radius: 999px;
  background: #fff;
  transition: all .15s ease;
}

/* Selected state */
.kmc-filter-bar .kmc-filter:checked + span {
  background: #111;
  color: #fff;
  border-color: #111;
}

/* Keyboard focus */
.kmc-filter-bar .kmc-filter:focus-visible + span {
  outline: 2px solid #111;
  outline-offset: 2px;
}

/* Buttons */
.kmc-filter-bar button {
  padding: .45rem .7rem;
  border: 1px solid #d0d7de;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
}
.kmc-filter-bar button:hover { background: #f6f8fa; }
@media (max-width: 767px) {
  .map-shortcode [id^="kmcx_singlemap_"] { height: 240px !important; }
}