.elementor-3177 .elementor-element.elementor-element-b4748d9{--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;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3177 .elementor-element.elementor-element-2bb3a76{--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;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-3177 .elementor-element.elementor-element-0457c39.elementor-element{--align-self:flex-end;}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3177 .elementor-element.elementor-element-9ec1e27 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-3177 .elementor-element.elementor-element-9ec1e27:after{content:"0.66";}.elementor-3177 .elementor-element.elementor-element-9ec1e27 .elementor-post__thumbnail__link{width:100%;}.elementor-3177 .elementor-element.elementor-element-9ec1e27 .elementor-post__meta-data span + span:before{content:"///";}.elementor-3177 .elementor-element.elementor-element-9ec1e27{--grid-column-gap:30px;--grid-row-gap:35px;}.elementor-3177 .elementor-element.elementor-element-9ec1e27.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-3177 .elementor-element.elementor-element-9ec1e27.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-3177 .elementor-element.elementor-element-9ec1e27.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}@media(max-width:767px){.elementor-3177 .elementor-element.elementor-element-9ec1e27 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-3177 .elementor-element.elementor-element-9ec1e27:after{content:"0.5";}.elementor-3177 .elementor-element.elementor-element-9ec1e27 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for html, class: .elementor-element-cadd9dd */.oum-list-search{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:15px;
  flex-wrap:nowrap;
}

/* Input wrapper */
.oum-search-input-wrap{
  position:relative;
  flex:1;
}

#oum-list-search{
  width:100%;
  padding:10px 38px 10px 36px; /* space for icons */
  border-radius:8px;
  border:1px solid #ccc;
  font-size:14px;
}

/* Search icon */
.oum-search-icon{
  position:absolute;
  left:12px;
  top:50%;
  transform:translateY(-50%);
  font-size:14px;
  opacity:.6;
}

/* Clear button */
.oum-clear-btn{
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  cursor:pointer;
  font-size:14px;
  display:none;
  opacity:.6;
}
.oum-clear-btn:hover{
  opacity:1;
}

.oum-list-search button{
  padding:10px 18px;
  border-radius:8px;
  border:none;
  background:#2563eb;
  color:#fff;
  cursor:pointer;
  white-space:nowrap;
}
.oum-list-search button:hover{
  background:#1e40af;
}

/* Mobile */
@media (max-width:480px){
  .oum-list-search{
    flex-wrap:wrap;
  }
}
<script>
document.addEventListener('DOMContentLoaded', function () {

  const form = document.getElementById('oum-list-search-form');
  const input = document.getElementById('oum-list-search');
  const clearBtn = document.getElementById('oum-clear-search');
  const allowedCats = document
    .getElementById('oum-allowed-categories')
    .value.toLowerCase()
    .split('|');

  if (!form) return;

  // Autofocus
  input.focus();

  // Show / hide clear button
  input.addEventListener('input', () => {
    clearBtn.style.display = input.value ? 'block' : 'none';
  });

  // Clear search
  clearBtn.addEventListener('click', () => {
    input.value = '';
    clearBtn.style.display = 'none';

    document.querySelectorAll(
      '.oum-location-item, .oum-list-item, .oum-location-row'
    ).forEach(item => item.style.display = '');
  });

  // Submit search
  form.addEventListener('submit', function (e) {
    e.preventDefault();

    const term = input.value.toLowerCase().trim();

    const items = document.querySelectorAll(
      '.oum-location-item, .oum-list-item, .oum-location-row'
    );

    items.forEach(item => {
      const text = item.innerText.toLowerCase();

      let itemCats = item.dataset.category
        ? item.dataset.category.toLowerCase()
        : item.className.toLowerCase();

      const matchesCategory = allowedCats.some(cat =>
        itemCats.includes(cat)
      );

      const matchesText = term === '' || text.includes(term);

      item.style.display =
        matchesCategory && matchesText ? '' : 'none';
    });
  });

});
</script>/* End custom CSS */