.nm-live-search {
position: relative;
display: flex;
align-items: center;
width: 100%;
overflow: visible;
} .nm-live-search__input {
flex: 1 1 auto;
min-width: 0;
padding: 0.625rem 1rem 0.625rem 1rem; border: 1px solid #C4C4C4;
border-radius: 0.375rem;
background-color: #ffffff;
color: #111827;
font-size: 1rem;
line-height: 1.3;
outline: none;
transition: border-color 0.15s ease;
width: 100%;
box-sizing: border-box;
}
.nm-live-search__input::placeholder {
color: #828282;
}
.nm-live-search__input:focus {
border-color: #6b7280;
} .nm-live-search__clear,
.nm-live-search__submit {
position: absolute;
top: 50%;
transform: translateY(-50%);
display: flex;
align-items: center;
justify-content: center;
padding: 0.25rem;
background: transparent;
border: none;
cursor: pointer;
line-height: 1;
color: #6b7280;
transition: color 0.15s ease;
}
.nm-live-search__clear:hover,
.nm-live-search__submit:hover {
color: #111827;
}
.nm-live-search__clear svg,
.nm-live-search__submit svg {
display: block;
pointer-events: none;
}
.nm-live-search__submit svg {
fill: currentColor;
} .nm-live-search__submit {
right: 0.5rem;
} .nm-live-search__clear {
right: 2.25rem;
} .e-filter-item[data-filter] {
overflow: hidden;
max-height: 10rem;
transition: max-height 0.3s ease, opacity 0.25s ease;
}
.e-filter-item.nm-filter-hidden {
max-height: 0 !important;
opacity: 0 !important;
pointer-events: none;
} .elementor-element.nm-searching {
position: relative;
}
.elementor-element.nm-searching .elementor-widget-container {
opacity: 0.5;
pointer-events: none;
transition: opacity 0.15s ease;
}
.elementor-element.nm-searching::after {
content: '';
position: absolute;
top: 1.5rem;
left: 50%;
transform: translateX(-50%);
width: 2rem;
height: 2rem;
border: 3px solid #e5e7eb;
border-top-color: #6b7280;
border-radius: 50%;
animation: nm-spin 0.7s linear infinite;
z-index: 10;
}
@keyframes nm-spin {
to { transform: translateX(-50%) rotate(360deg); }
} .nm-search-overlay {
display: none;
position: fixed;
inset: 0;
z-index: 9998;
}
.nm-search-overlay.is-open {
display: block;
}
.nm-search-overlay__backdrop {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
}
.nm-search-overlay__panel {
position: absolute;
background: #ffffff;
border-radius: 0.5rem;
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
overflow-y: auto;
max-height: 70vh;
z-index: 1;
min-width: 320px;
}
.nm-search-overlay__results {
display: flex;
flex-direction: column;
}
.nm-search-overlay__loading {
display: flex;
justify-content: center;
align-items: center;
padding: 2rem;
}
.nm-search-overlay__loading[hidden],
.nm-search-overlay__empty[hidden] {
display: none;
}
.nm-search-overlay__spinner {
width: 2rem;
height: 2rem;
border: 3px solid #e5e7eb;
border-top-color: #6b7280;
border-radius: 50%;
animation: nm-overlay-spin 0.7s linear infinite;
}
@keyframes nm-overlay-spin {
to { transform: rotate(360deg); }
}
.nm-search-overlay__empty {
padding: 1.5rem;
text-align: center;
color: #6b7280;
font-size: 0.9375rem;
} body.nm-overlay-open {
overflow: hidden;
}