.coveo-component.error {
    font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif, sans-serif;
    color: #bcc3ca;
}

.coveo-hosted-search-page-error {
    padding: 45px;
    font-size: 12px;
    font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif, sans-serif;
    text-align: center;
    background-color: #f1f3f4;
    border: 1px solid #1d4f76;
}

    .coveo-hosted-search-page-error h1,
    .coveo-hosted-search-page-error h2 {
        margin-bottom: 20px;
        font-weight: 400;
    }

.coveo-distance-disabled:hover ~ .coveo-distance-disabled-tooltip {
    visibility: visible;
}

.coveo-distance-disabled-tooltip {
    visibility: hidden;
    background-color: white;
    color: #000;
    text-align: center;
    padding: 3px;
    font-size: 10pt;
    border: 1px solid lightgray;
    position: absolute;
    /* >= 10000 to ensure that the tooltip is in front of the experience editor hover border. */
    z-index: 10000;
}

.coveo-distance-disabled {
    display: none;
}

.CoveoQuerySummary ~ .CoveoQueryDuration {
    padding-left: 5px;
}

/* Custom CSS for the recommendation component */
.coveo-small-recommendation .coveo-main-section-with-recommendations .coveo-results-column {
    width: auto;
    display: block;
}

.coveo-main-section-with-recommendations .coveo-results-column {
    width: 49%;
    display: inline-block;
}

.coveo-main-section-with-recommendations .coveo-facet-column {
    display: inline-block;
    width: 22%;
    vertical-align: top;
}

.coveo-main-section-with-recommendations .coveo-main-section {
    max-width: 1450px;
}

.CoveoRecommendation.invalid .coveo-recommendations-components,
.CoveoRecommendation.invalid .coveo-recommendation-header,
.CoveoRecommendation.invalid .coveo-recommendation-body {
    display: none;
}

.CoveoSettings ~ div .CoveoSearchbox {
    margin-right: 76px;
}

.coveo-for-sitecore-search-box-container {
    flex: 1;
}

.CoveoSearchInterface {
    background-color: #fff;
    /* Hide the result list header when nothing to display and not editing the page. */
}

    .CoveoSearchInterface .coveo-results-section .coveo-results-column.coveo-searchbox-column {
        padding-top: 2px;
        padding-bottom: 13px;
    }

    .CoveoSearchInterface :not(.coveo-page-editor-editing) .coveo-results-section .coveo-results-column .coveo-results-header.coveo-empty {
        display: none;
    }

    .CoveoSearchInterface.coveo-after-initialization .coveo-main-section > * {
        display: inherit;
        visibility: inherit;
    }

.coveo-for-sitecore-frame-container {
    display: inherit;
    visibility: inherit;
}

    .coveo-for-sitecore-frame-container .coveo-main-section .coveo-search-section {
        display: flex;
    }

    .coveo-for-sitecore-frame-container .coveo-main-section > * {
        display: none;
        visibility: hidden;
    }

.coveo-sort-container {
    display: flex;
}

.coveo-no-results .coveo-sort-section {
    border: none;
}

.coveo-tab-component-container {
    display: inline-block;
}

/* Custom CSS for the Coveo for Sitecore default template */
.coveoforsitecore-template .coveo-result-row .coveo-quick-view-container {
    width: 85px;
    text-align: center;
    padding-top: 7px;
}

.coveoforsitecore-template .coveoforsitecore-information-section {
    padding-left: 15px;
}

    .coveoforsitecore-template .coveoforsitecore-information-section .coveoforsitecore-time-cell {
        width: 120px;
        text-align: right;
        font-size: 12px;
    }

.coveoforsitecore-template .coveoforsitecore-details-section {
    font-size: 13px;
}

/*product-recall search*/

#search_ptrc .coveo-result-list-container .m-result-item-filtered-list__headline a.CoveoResultLink {
    font-size: var(--font-size-scale-4);
    color: var(--color-base-grey-900-rgb) !important;
}

#search_ptrc .coveo-result-list-container .coveo-with-label .coveo-field-caption {
    color: var(--color-secondary-2) !important;
    font-weight: normal;
}

#search_ptrc .coveo-result-list-container .coveo-with-label span {
    color: var(--color-primary-3) !important;
    font-weight: bold;
}

#search_ptrc .coveo-result-list-container .m-result-item-filtered-list__metadata .CoveoResultLink {
    color: var(--color-base-grey-900);
    font-size: var(--font-size-scale-3);
    font-weight: 500;
}

#search_ptrc .coveo-facet-column {
    background: none;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#search_ptrc .CoveoDynamicFacet {
    padding: 10px 32px 0;
    border: none;
}

#search_ptrc .coveo-dynamic-facet-header {
    border-bottom: 1px solid var(--color-base-grey-500);
}

#search_ptrc ul.coveo-dynamic-facet-values {
    padding-bottom: 0 !important;
}

#search_ptrc .coveo-facet-column .CoveoDynamicFacet:last-child ul.coveo-dynamic-facet-values {
    padding-bottom: 1rem !important;
}

#search_ptrc .coveo-facet-column .CoveoDynamicFacet:nth-child(4) {
    padding-top: 3rem !important;
}

#search_ptrc [class^=CoveoDynamic] .coveo-combobox-input input {
    border-color: var(--color-base-grey-500);
}

#search_ptrc [class^=CoveoDynamic] .coveo-combobox-input .coveo-combobox-input-icon svg {
    color: var(--color-primary-1);
}

#search_ptrc .coveo-checkbox-button, #search_ptrc input[type=checkbox].coveo-checkbox + button {
    border-radius: 0;
    width: 2rem;
    height: 2rem;
    flex-basis: 2rem;
    background: inherit;
}

#search_ptrc input[type=checkbox].coveo-checkbox:checked + button:before {
    content: '\2714';
    display: block;
    width: 100%;
    height: 100%;
    transform: none;
    top: 0;
    left: 0;
    border: none;
    background: var(--color-base-grey-900);
    color: var(--color-base-white);
}

#search_ptrc .search-box-overlay__field {
    background: var(--color-base-white);
    margin-bottom: 3rem;
    padding-bottom: 0;
}

    #search_ptrc .search-box-overlay__field .CoveoSearchbox {
        margin-left: 0;
        margin-right: 0;
    }

#search_ptrc .coveo-search-page-header {
    background: none;
    margin: 0;
}

    #search_ptrc .coveo-search-page-header .CoveoBreadcrumb {
        padding-top: 4rem;
    }

#search_ptrc input[type=checkbox].coveo-checkbox:checked + button {
    border: 0.2rem solid var(--color-base-grey-500);
}

#search_ptrc .coveo-dynamic-facet-show-less,
#search_ptrc .coveo-dynamic-facet-show-more {
    border-bottom: none;
}

#search_ptrc .CoveoDynamicFacet > .coveo-dynamic-facet-header > h2 > span {
    font-weight: 500;
    color: var(--color-base-grey-900);
}

#search_ptrc .coveo-dynamic-facet-collapsed-values {
  font-weight: 450;
  color: var(--color-base-grey-600);
}

    #search_ptrc .coveo-dynamic-facet-show-less::before {
        content: '\2212';
        display: inline-block;
        font-weight: bold;
        font-size: 1.6rem;
    }

    #search_ptrc .coveo-dynamic-facet-show-more::before {
        content: '\002B';
        display: inline-block;
        font-weight: bold;
        font-size: 1.6rem;
        color: var(--color-primary-1);
    }

#search_ptrc .coveo-dynamic-facet-show-more {
    color: var(--color-primary-1);
}

@media only screen and (min-width:1024px) {
    #search_ptrc .ptr-filter-search-mob {
        display: none;
    }
}

@media only screen and (max-width:768px) {
    #search_ptrc .ptr-filter-search-mob {
        display: block;
    }

    #search_ptrc .coveo-pager-list-item.coveo-pager-next {
        line-height: 4rem;
        height: 4.5rem;
        margin-left: 8px;
        margin-right: 8px;
    }
}
