#filter-row {
  margin-top: -65px;
}
@media (max-width: 1023.98px) {
  #filter-row {
    margin-top: 0;
  }
}

.modal-fullscreen {
  position: fixed;
  z-index: 200000 !important;
}

.offcanvas-filter .offcanvas-title {
  font-weight: bold;
}
.offcanvas-filter .btn-close {
  filter: brightness(0) invert(1);
}

/* .theme-toggle-btn {
  position: fixed;
  top: $toggle-btn-top;
  right: $toggle-btn-spacing;
  z-index: 1030;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  border-radius: 50px;
  width: $toggle-btn-size;
  height: $toggle-btn-size;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;also, add a x t on thealso
  transition: $transition-default;

  &:hover {
    transform: scale(1.1);
  }

  i {
    font-size: 1.2rem;
    color: #333;
  }
}
*/
[data-bs-theme=dark] .offcanvas-filter .form-check-input:checked {
  background-color: #E91E8C;
  border-color: #E91E8C;
}
[data-bs-theme=dark] .offcanvas-filter .btn-light {
  border: none;
  color: white;
}
[data-bs-theme=dark] .offcanvas-filter .btn-light:hover {
  opacity: 0.9;
  color: white;
}
[data-bs-theme=dark] .offcanvas-filter .btn-outline-light {
  color: #4ECDC4;
  border-color: #4ECDC4;
}
[data-bs-theme=dark] .offcanvas-filter .btn-outline-light:hover {
  background-color: #4ECDC4;
}
[data-bs-theme=dark] h2 {
  color: #4ECDC4;
}
[data-bs-theme=dark] .text-muted {
  color: #888 !important;
}

@media (min-width: 767.98px) {
  #menu-wrapper {
    background-color: transparent;
  }
  .app-menu.navbar-menu {
    z-index: 9998;
  }
}
#menu-wrapper {
  z-index: 9999 !important;
}

/* Add this to your style.css */
.listing-card {
  transition: transform 0.2s, box-shadow 0.2s;
}

.listing-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.price-badge {
  font-size: 1.2rem;
  color: #E91E8C;
}

.price-icon {
  font-size: 1.5rem;
  color: #d1d5db;
  cursor: pointer;
  transition: color 0.2s;
  margin-right: 3px !important;
}

.price-icon.active {
  color: #E91E8C;
}

.price-icon:hover {
  color: #E91E8C;
}

#freeBtn.active {
  background-color: #10b981;
  color: white;
  border-color: #10b981;
}

#pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
  flex-wrap: wrap;
}

.custom-div-icon {
  background: transparent;
  border: none;
}

@media (max-width: 767.98px) {
  #orderByFilterWrapper .choices__inner,
  #totalRowsWrapper .choices__inner {
    width: auto;
    padding-right: 10px;
  }
}
@media (max-width: 1023.98px) {
  #scrollbar {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 10001 !important;
    background: #fff;
  }
  #scrollbar #navbar-nav {
    z-index: 10002 !important;
  }
  [data-bs-theme=dark] #scrollbar {
    background: #000;
  }
}
#searchLabel {
  display: none;
}

#priceControls {
  display: none;
}

#gridViewBtn, #listViewBtn {
  border: none;
  line-height: 1.2 !important;
}
#gridViewBtn.active, #listViewBtn.active {
  background-color: #E91E8C !important;
  color: white;
}

html:not([data-bs-theme=dark]) #gridViewBtn, #listViewBtn {
  background-color: #ddd;
}

.btn-primary2 {
  background-color: #E91E8C !important;
}

#filterOffcanvas.show {
  z-index: 999999;
}

.offcanvas-backdrop.show {
  z-index: 999998;
}

#filtersTitle {
  display: none;
}

@media (max-width: 1400px) {
  #offcanvasCol {
    position: fixed;
    z-index: 999999 !important;
    width: 0;
    overflow: hidden;
  }
  #closeOffcanvas {
    position: absolute;
    right: 20px;
    top: 15px;
  }
  #closeOffcanvas i {
    font-size: 1.5rem !important;
  }
  #closeOffcanvas {
    opacity: 0.5;
  }
  #closeOffcanvas:hover {
    opacity: 1;
  }
}
@media (min-width: 1400px) {
  #filterBtnWrapper, #closeOffcanvas, #showFilterBtnWrapper {
    display: none !important;
  }
  #filterOffcanvas {
    position: static !important;
    z-index: auto !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin-top: 0 !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    transition: none !important;
    transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  #filterOffcanvas.show, #filterOffcanvas.offcanvas-start, #filterOffcanvas.offcanvas-end, #filterOffcanvas.offcanvas-top, #filterOffcanvas.offcanvas-bottom {
    position: static !important;
    transform: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  #filterOffcanvas #filterOffcanvas {
    width: 95%;
  }
  #filterOffcanvas .offcanvas-header,
  #filterOffcanvas .offcanvas-body {
    padding: 0 !important;
    margin: 0 !important;
  }
  .offcanvas-body {
    all: unset !important;
    display: block !important; /* Keep it visible */
    width: 300px !important;
  }
  #filterOffcanvas {
    overflow-y: hidden;
  }
  #offcanvasCol {
    margin-top: -55px !important;
    margin-right: 10px !important;
    flex: 0 0 auto;
    width: auto;
  }
  .price-controls {
    width: 97%;
    padding: 0 !important;
    align-items: center;
  }
}
.bg-hotels[checked] {
  background-color: #E91E8C !important;
}

.bg-homes[checked] {
  background-color: #007bff !important;
}

.bg-restaurants[checked] {
  background-color: #FF9800 !important;
}

.bg-health[checked] {
  background-color: #00BCD4 !important;
}

.bg-shops[checked] {
  background-color: #673AB7 !important;
}

.bg-care[checked] {
  background-color: #4CAF50 !important;
}

.bg-chill[checked] {
  background-color: #4CAF50 !important;
}

.bg-others[checked] {
  background-color: #9C27B0 !important;
}

[data-view-mode=map] .show-when-list {
  display: none;
}

[data-view-mode=list] .show-when-map {
  display: none;
}

#waggyMap {
  text-align: left;
  z-index: 1000 !important;
  height: calc(100vh - 250px);
  padding: 0;
  border-radius: 8px;
  border: 1px solid #ddd;
}

[data-bs-theme=dark] #waggyMap {
  filter: grayscale(10%) brightness(0.8);
}

.map-popup h6 {
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}

/* Cluster styles - White circles with pink borders */
.custom-cluster-icon {
  background: transparent;
  border: none;
}

.cluster-marker {
  background: white;
  border: 3px solid #ec4899;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: #ec4899;
  box-shadow: 0 2px 8px rgba(236, 72, 153, 0.3);
}

.cluster-small {
  width: 40px;
  height: 40px;
  font-size: 14px;
}

.cluster-medium {
  width: 50px;
  height: 50px;
  font-size: 16px;
}

.cluster-large {
  width: 60px;
  height: 60px;
  font-size: 18px;
}

/* Popup styles */
.listing-popup {
  min-width: 220px;
  font-family: inherit;
}

.listing-popup h6 {
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 8px;
}

.listing-popup .badge {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  margin-right: 4px;
  color: white;
}

.gm-style-iw-d {
  overflow-x: hidden !important;
}

#mapWrapper {
  text-align: right;
}

.listing-card-wrapper .listing-card {
  flex: 0 0 auto;
  width: 100%;
}
.listing-card-wrapper .listing-card .categories {
  position: absolute;
  z-index: 1001;
  margin-bottom: -20px;
  padding: 5px;
}
.listing-card-wrapper .listing-card .image {
  float: left;
  height: 200px;
  width: 200px;
  border-radius: 8px;
}
.listing-card-wrapper .listing-card .category-badge {
  color: #fff;
  background-color: #E91E8C;
  font-size: 0.8rem;
  padding: 5px 8px;
  border-radius: 5px;
  margin: 3px 2px 3px 0;
}

#listingResultsWrapper.grid .listing-card .image {
  float: none;
  width: 100%;
}
@media (min-width: 576px) {
  #listingResultsWrapper.grid .listing-card {
    width: 50%;
  }
}
@media (min-width: 992px) {
  #listingResultsWrapper.grid .listing-card {
    width: 33.33333333%;
  }
}
@media (min-width: 1400px) {
  #listingResultsWrapper.grid .listing-card {
    width: 25%;
  }
}

#mobileButtons {
  display: none;
}

@media (max-width: 767px) {
  .hide-mobile {
    display: none !important;
  }
}

@media (min-width: 767px) {
  .show-mobile {
    display: none !important;
  }
}

@media (max-width: 767px) {
  #page-topbar, .layout-width {
    height: 50px !important;
  }
  #searchInputWrapper {
    margin-top: 15px;
  }
  .navbar-header {
    background-color: #fff;
    z-index: 9999 !important;
    position: fixed !important;
    left: 0;
    right: 0;
    height: 50px !important;
    padding-top: 0;
    padding-bottom: 0;
  }
  #mobileButtons {
    display: flex;
    position: fixed;
    width: 100%;
    z-index: 99999;
    left: 0;
    right: 0;
    top: 50px;
    margin: 0 -5px 0 0;
    background: #f6f6f6;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
  }
  #mobileButtons .btn {
    margin: 0;
    padding: 10px;
    text-align: center;
    z-index: 9998;
  }
  [data-bs-theme=dark] #mobileButtons {
    background: #262a2f;
    color: #fff;
    border-top: 1px solid #1a1d21;
    border-bottom: 1px solid #1a1d21;
  }
  [data-view-mode=map] .search-wrapper {
    position: fixed;
    z-index: 9998 !important;
    top: 60px;
    left: 0;
    right: 0;
  }
  [data-view-mode=map] #mapWrapper {
    position: fixed;
    z-index: 1050 !important;
    top: 50px;
    bottom: 50px;
    left: 0;
    right: 0;
    padding: 0;
  }
  [data-view-mode=map] #mapWrapper #waggyMap {
    height: 100%;
    border-radius: 0;
  }
  [data-view-mode=map] #hideMapBtn {
    display: none;
  }
  [data-view-mode=map] #locateMeBtn {
    position: fixed;
    z-index: 99999 !important;
    top: 100px;
    right: 20px;
  }
}

/*# sourceMappingURL=style.css.map */