#search-box {
    position: relative;
    margin-bottom: 1rem;

    &.active .search-input {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    &:not(.active) .search-results {
        display: none;
    }
}

.search-results {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border-top: none;
    max-height: 300px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 8px 8px;
}

.no-results,
.search-result-item {
    display: block;
    text-decoration: none;
    padding: 14px 20px;
    transition: background-color 0.2s ease;
    border: 2px solid var(--border-color);
    background-color: var(--header-color);
    border-top: none;

    &:last-child {
        border-radius: 0 0 8px 8px;
    }
}

.search-result-item {
    cursor: pointer;
    color: var(--alt-text-color);

    .guest-name {
        margin: 0;
        font-size: 1.2rem;
        font-weight: normal;
    }

    .rsvp-status {
        font-size: 1rem;
        margin: 0;
    }

    &:hover {
        background-color: var(--header-color-hover);
    }
}

.no-results {
    color: var(--alt-text-color);
    font-style: italic;
}

.search-hint {
    color: var(--alt-text-color);
    font-size: 1rem;
    margin-block: 16px;
}