.elementor-36 .elementor-element.elementor-element-c051d1b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-36 .elementor-element.elementor-element-c051d1b{--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-82e6767 *//* --- Suites Filter Styles --- */
.suites-filter-wrap {
  text-align: center;
}

.unit-filter {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  margin-bottom: 40px !important;  /* adjust to taste */
}

.unit-filter button {
  background-color: var(--e-global-color-text);
  font-family: "Saira", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  fill: var(--e-global-color-primary);
  color: var(--e-global-color-primary);
  border: 1px solid var(--e-global-color-primary);
  border-radius: 0;
  padding: 14px 28px;
  cursor: pointer;
  transition: all 0.2s ease;
}

/* Active State */
.unit-filter button.is-active {
  background-color: var(--e-global-color-primary);
  color: var(--e-global-color-text);
  fill: var(--e-global-color-text);
}

/* Optional: hover state for better feedback */
.unit-filter button:hover:not(.is-active) {
  background-color: var(--e-global-color-primary);
  color: var(--e-global-color-text);
  fill: var(--e-global-color-text);
}


/* target the category link inside your Loop Item */
.e-loop-item a[rel="tag"] {
  pointer-events: none;   /* not clickable */
  text-decoration: none;  /* no underline */
  color: inherit;         /* use heading color */
  cursor: default;
}/* End custom CSS */