@media print {
    .site-header .search-modal {
        display: none !important;
    }
}

.site-header {
    .search-modal {
        padding-top: 4rem;
    }

    #searchbox {
        border-radius: 2rem 2rem 0 0;
        overflow: hidden;
    }

    .search-label {
        color: var(--color-brand-navy);
    }

    .ais-SearchBox-input {
        min-height: 2rem;
        font-size: 2rem;
        padding: 1rem 3rem;
        border-radius: 4rem;
        box-shadow: none;

        &:focus {
            border-color: var(--color-brand-navy);

        }
    }

    .ais-SearchBox-reset {
        right: 1.5rem;
    }

    .ais-SearchBox-form {
        height: auto;
    }

    .ais-Hits {
        margin-top: 1.2rem;
    }

    .ais-Hits-list {
        flex-flow: column;
        margin-left: 0;
        max-width: 75rem;
    }

    .ais-Hits-item {
        width: 100%;
        margin: 0;
        padding: 0 0 0 2rem;
        border: none;
        box-shadow: none;
        transition: background-color 150ms ease-in-out;
    }

    #hits {
        .ais-Hits.ais-Hits--empty {
            display: none;
        }
    }

    .ais-Hits-item:hover,
    .view-all-results:hover {
        * {
            color: var(--color-brand-poppy);
        }
    }

    .search-modal:not:has(.ais-Hits-item) {
        .view-all-results {
            display: none;
        }
    }

    .view-all-results {

        .search-result-title {
            margin-block: 0;
        }
    }

    .ais-Hits--empty {
        background: transparent;
        font-size: 1.6rem;
        margin-top: 0;
        padding-block: 0.5rem;
    }

    :where(.nav-single-search-result) {
        width: 100%;

    }

    .search-result-title {
        text-decoration: none;
        display: -webkit-box;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-align: left;
        font-size: 2rem;
        line-height: 1.3;
        padding-block: 0.5rem;
        padding-inline: 1rem;
        border-bottom: solid 1px var(--color-light-grey);
        font-weight: 600;
        color: var(--color-brand-navy);

        &:hover {
            cursor: pointer;
        }
    }

    :where(.view-all-results) {
        display: none;
        color: var(--color-brand-navy);
        transition: background-color 150ms ease-in-out;
    }

    :is(#hits:has(.ais-Hits:not(.ais-Hits--empty)) + .view-all-results) {
        display: block;
    }

    .view-all-results {
        padding-left: 2rem;
    }

    .view-all-results:hover,
    [data-role="viewAllResults"]:hover {
        cursor: pointer;
    }

    :where([data-role="viewAllResults"]) {
        border: none;
        background: none;
        color: var(--color-brand-dark-blue);
        width: 100%;
        padding-inline: 0;
    }

    :where([data-role="viewAllResults"] > .search-result-title) {
        color: var(--color-brand-dark-blue);
    }

    #no-of-results {
        margin-top: 2rem;
    }

    .ais-Stats-text {
        font-size: 1.6rem;
        font-weight: 600;
        color: var(--color-brand-navy);
        text-transform: capitalize;
    }
}