/* OCLC Coveo customizations and overrides */
/* Updates for OCLC search go here, not CoveoFullSearchNewDesign.css (updated by Coveo) */

/* Start overrides for both search box and search results */
.CoveoSearchInterface.CoveoSearchInterface {
    font-family: inherit;
}

.CoveoSearchInterface .CoveoSearchButton:hover .coveo-magnifier-circle-svg {
    fill: currentColor;
}

/* End overrides for search box and search results */


/* Start overrides for search box (.oclc-coveo-search) */
.oclc-coveo-search .CoveoSearchInterface {
    min-width: 16rem;
}

.oclc-coveo-search .CoveoSearchInterface .coveo-search-section {
    margin: 0 0 .375rem 0;
    padding: 0;
}

.oclc-coveo-search .magic-box .magic-box-input {
    background: var(--background-1, #F2F3F4);
    height: 100%;
    z-index: 1001;
}

.oclc-coveo-search .CoveoSearchbox {
    position: relative;
    min-height: 2.5rem;
}

.oclc-coveo-search .CoveoSearchbox .magic-box {
    border: 0;
    border-radius: 0;
    position: unset;
}

.oclc-coveo-search .CoveoSearchButton {
    color: #333f48;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    width: 60px;
    cursor: pointer;
    background: var(--background-1, #F2F3F4);
    border: none;
    height: unset;
    transition: background .1s ease-in-out;
}

.oclc-coveo-search .CoveoSearchButton:hover {
    background: var(--background-2, #f5f5f5);
}

.oclc-coveo-search .CoveoSearchbox .CoveoSearchButton {
    z-index: 1000;
    position: relative;
    width: 44px;
}

.oclc-coveo-search .CoveoSearchbox .magic-box .magic-box-input > input {
    padding: 12px 0 12px 12px;
    color: #333f48;
}

.oclc-coveo-search .CoveoSearchbox .magic-box.magic-box-notEmpty .magic-box-input > input {
    padding-inline-end: 48px;
}

.oclc-coveo-search .magic-box .magic-box-clear {
    position: relative;
    float: right;
    height: 100%;
    line-height: 2;
    text-align: center;
    font-size: 24px;
    transition: width 0.3s;
    cursor: pointer;
    background: var(--background-1, #F2F3F4);
    overflow: hidden;
}

.oclc-coveo-search.magic-box.magic-box-notEmpty .magic-box-clear {
    width: 30px;
}

.oclc-coveo-search .magic-box .magic-box-input .magic-box-underlay,
.oclc-coveo-search .magic-box .magic-box-input > input {
    font-family: inherit;
    height: 100%;
}

.oclc-coveo-search input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus {
    border: 0;
    box-shadow: none;
}


.oclc-coveo-search .coveo-top-field-suggestion-header {
    display: none;
}

.oclc-coveo-search .search-box {
    margin: 0;
}

.oclc-coveo-search .CoveoOmnibox.magic-box .magic-box-suggestions {
    z-index: 1000;
    font-family: inherit;
    top: calc(100% + 1px);
    left: 0;
    right: 0;
}

.oclc-coveo-search .magic-box.magic-box-hasFocus .magic-box-suggestions.magic-box-hasSuggestion {
    box-shadow: var(--shadow-3);
    display: block;
}

.oclc-coveo-search .magic-box.magic-box-hasFocus .magic-box-suggestions.magic-box-hasSuggestion .coveo-magicbox-suggestions {
    border: none;
}

.oclc-coveo-search .CoveoOmnibox.magic-box .magic-box-suggestion {
    font-weight: 400;
}

.oclc-coveo-search .magic-box-input input::placeholder {
    color: var(--text-secondary);
    font-size: var(--font-size-sm, 14px);
}

@media (max-width: 480px) {
    .oclc-coveo-search .CoveoSearchInterface .CoveoSearchbox {
        margin: 0;
    }
}
/* End overrides for search box */