.woolayout-readonly-search-icon {
    cursor: pointer;
}

.woolayout-popup-search-form {
    position: relative;
}

.woolayout-search-popup {
    position: fixed;
    inset: 0;
    margin: auto;
    background: #fff;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 99999;
}
.woolayout-search-popup-content {
    height: 100%;
    margin: auto;
    position: relative;
}

.woolayout-popup-search-form .woolayout-search-form-input-field {
    padding-left: 40px;
    box-sizing: border-box;
}
.woolayout-readonly-search-form-submit-btn,
.woolayout-search-form-left-action-buttons,
.woolayout-search-form-right-action-buttons {
    position: absolute;
    top: 50%;
    width: fit-content;
    transform: translateY(-50%);
    cursor: pointer;
    display: flex;
    align-items: center;
}
.woolayout-readonly-search-form-submit-btn,
.woolayout-search-form-right-action-buttons { right: 15px; }
.woolayout-search-form-left-action-buttons { left: 15px; }

/* Search Results */
.woolayout-search-form-results {
    list-style: none;
    padding: 0;
    margin: 0;
}
.woolayout-search-result-item-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.woolayout-search-result-item-image-title,
.woolayout-search-form-show-all-results {
    display: flex;
    align-items: center;
    gap: 10px;
}
.woolayout-search-result-item-image,
.woolayout-search-form-results-show-all-icon {
    width: 40px;
    height: 40px;
    border-radius: .5rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.woolayout-search-form-results-show-all-icon {
    background-color: #ff52004a;
    color: #FF5200;
}
.woolayout-search-result-item-highlight-title {
    color: rgba(2, 6, 12, 0.75);
}
.woolayout-search-result-item-title,
.woolayout-search-form-results-show-all-text {
    font-weight: 600;
    color: rgba(2, 6, 12, 0.6);
}
.woolayout-search-result-item-title { font-weight: bold; }
.woolayout-search-form-results-show-all-text-query {
    color: #FF5200;
    font-weight: 600;
}
.woolayout-search-result-item-icon { color: #777; }

.woolayout-search-suggestions { padding: 10px; }

.woolayout-readonly-search-form {
    position: relative;
}

.woolayout-readonly-search-form .woolayout-readonly-search-form-input-field {
    box-sizing: border-box;
    border: 0;
    outline: 0;
}
.woolayout-search-popup .woolayout-placeholder-rotator {
    left: 45px;
}
.woolayout-placeholder-rotator {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 2;
}
.woolayout-placeholder-rotator .search-form-slide-text {
    margin-left: 2px;
    display: inline-block;
    animation: woolayout-slide-up 0.5s;
}
@keyframes woolayout-slide-up {
    0% {
        opacity: 0;
        transform: translateY(16px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}