#searchModal .modal-content {
    border-radius: 0.5rem;
    overflow: hidden;
}

#searchModal .modal-header {
    background-color: var(--bs-body-bg);
}

#searchModal #global-search-input {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

#searchModal #global-search-input:focus,
#searchModal #global-search-input:active,
#searchModal #global-search-input:hover {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

#searchModal .search-result-item {
    transition: all 150ms ease;
    cursor: pointer;
    text-decoration: none !important;
    color: var(--bs-heading-color) !important;
}

#searchModal .search-result-item:hover,
#searchModal .search-result-item:focus {
    background-color: var(--bs-gray-100);
    color: var(--bs-heading-color) !important;
    text-decoration: none !important;
}

#searchModal .search-result-item:hover *,
#searchModal .search-result-item:focus * {
    color: var(--bs-heading-color) !important;
}

#searchModal .search-result-item:active,
#searchModal .search-result-item:visited {
    color: var(--bs-heading-color) !important;
}

#searchModal .modal-body {
    background-color: var(--bs-body-bg);
}

#searchModal .spinner-border {
    width: 2rem;
    height: 2rem;
}

[data-bs-theme="dark"] #searchModal .search-result-item:hover,
[data-bs-theme="dark"] #searchModal .search-result-item:focus {
    background-color: rgba(255, 255, 255, 0.05);
}

#searchModal .modal-body {
    scroll-behavior: smooth;
}

@keyframes searchPulse {
    0%, 100% {
        opacity: 0.3;
    }
    50% {
        opacity: 0.5;
    }
}

#searchModal .ti-search,
#searchModal .ti-search-off {
    animation: searchPulse 2s ease-in-out infinite;
}

.search-view-all-link {
    cursor: pointer;
    transition: all 100ms ease-in;
}

.search-view-all-link:hover {
    color: gray !important;
}