@import "dxHelpers/text";
@import "dxHelpers/reset";
@import "dxHelpers/typeBadge";
@import "./coveo.css";

/* stylelint-disable selector-class-pattern */
.CoveoSearchInterface {
    font-family: var(--dx-g-font-sans);
    background-color: #fafaf9;
}

.coveo-tab-section {
    text-align: left;
    background-color: transparent;
    border: none;
    padding-left: 10px;
    margin-bottom: var(--dx-g-spacing-lg);
}

@media (max-width: 480px) {
    .CoveoSearchInterface .coveo-tab-section {
        background-color: transparent;
    }
}

.CoveoSearchbox {
    display: none;
}

.CoveoTab {
    font-family: var(--dx-g-font-display);
    height: auto;
    padding: 0;
}

.CoveoTab.coveo-selected {
    border-bottom-color: var(--dx-g-blue-vibrant-50);
}

.CoveoTab p {
    color: var(--dx-g-blue-vibrant-50);
    font-size: var(--dx-g-text-md);
    line-height: var(--dx-g-text-md);
    height: initial;
    padding-bottom: var(--dx-g-spacing-sm);
}

.coveo-small-tabs .CoveoTab.coveo-selected p,
.coveo-small-tabs .CoveoTab.coveo-selected:hover p {
    border-bottom-color: var(--dx-g-blue-vibrant-50);
}

.CoveoSearchInterface.coveo-small-facets .coveo-facet-dropdown-header {
    border: none;
    background: none;
}

.CoveoSearchInterface.coveo-small-tabs .coveo-dropdown-header,
.CoveoSearchInterface.coveo-small-facets .coveo-dropdown-header,
.CoveoSearchInterface.coveo-small-recommendation .coveo-dropdown-header {
    color: var(--dx-g-blue-vibrant-50);
    font-size: var(--dx-g-text-sm);
}

.CoveoSearchInterface.coveo-small-facets
    .coveo-facet-column.coveo-facet-dropdown-content {
    background-color: white;
    padding: var(--dx-g-spacing-md);
    border-radius: var(--dx-g-spacing-xs);
    overflow-y: auto;
    border: 1px solid var(--dx-g-gray-90);
    box-shadow: 0 5px 10px 1px rgb(0 0 0 / 7%);
    z-index: 30;
}

.CoveoSearchInterface.coveo-small-tabs .coveo-dropdown-header-wrapper a,
.CoveoSearchInterface.coveo-small-facets .coveo-dropdown-header-wrapper a {
    margin-right: 0;
    padding-bottom: 5px;
    border-bottom: 2px solid transparent;
    box-sizing: content-box;
}

.CoveoDynamicFacet {
    background: none;
    border-bottom: 1px solid #c9c9c9;
    padding: 15px;
    margin-bottom: 0;
}

.CoveoDynamicFacet:first-of-type {
    border-top: 1px solid #c9c9c9;
}

.coveo-dynamic-facet-header {
    border: none;
}

.coveo-dynamic-facet-header-title {
    font-family: var(--dx-g-font-display);
    font-size: var(--dx-g-text-sm);
    color: var(--dx-g-gray-30);
}

.coveo-dynamic-facet-header-clear {
    display: none !important; /* needs to override inline style */
}

.coveo-dynamic-facet-values {
    padding-top: 10px;
}

.coveo-dynamic-facet-collapsed .coveo-dynamic-facet-values {
    padding: 0;
}

.coveo-dynamic-facet-value {
    font-size: var(--dx-g-text-xs);
}

.coveo-checkbox-button,
input[type="checkbox"].coveo-checkbox + button {
    border-color: #dddbda;
}

input[type="checkbox"].coveo-checkbox:checked + button::before {
    border-color: var(--dx-g-blue-vibrant-50);
}

.coveo-dynamic-facet-value .coveo-checkbox-span-label-suffix {
    display: none;
}

.coveo-dynamic-facet-value .coveo-checkbox-span-label {
    color: #3e3e3c;
}

.coveo-dynamic-facet-value.coveo-selected .coveo-checkbox-span-label {
    font-weight: normal;
}

li.coveo-dynamic-facet-breadcrumb-value-list-item {
    margin-top: 10px;
}

.coveo-dynamic-facet-breadcrumb-title {
    color: var(--dx-g-gray-30);
    font-weight: var(--dx-g-font-demi);
}

.coveo-dynamic-facet-breadcrumb-value {
    background-color: white;
    color: var(--dx-g-blue-vibrant-50);
    border: 1px solid var(--dx-g-blue-vibrant-50);
    border-radius: 500px;
    padding: 8px 12px;
    font-size: var(--dx-g-text-base);
    font-weight: bold;
    margin-right: 10px;
}

.coveo-dynamic-facet-breadcrumb-value:hover {
    background-color: var(--dx-g-blue-vibrant-95);
    text-decoration: none;
}

.coveo-dynamic-facet-breadcrumb-value-clear {
    color: var(--dx-g-blue-vibrant-50);
}

.coveo-dynamic-facet-breadcrumb-value-clear svg {
    display: inline;
}

.coveo-dynamic-facet-collapse-toggle-svg {
    color: var(--dx-g-blue-vibrant-50);
}

.CoveoResultList {
    margin-top: var(--dx-g-spacing-lg);
}

.coveo-query-summary-cancel-last,
.coveo-query-summary-search-tips-info,
.CoveoQuerySummary ul {
    display: none;
}

.CoveoSearchInterface .coveo-results-column.coveo-no-results {
    max-width: 100%;
}

.CoveoQuerySummary div {
    margin-bottom: var(--dx-g-spacing-md);
}

.coveo-query-summary-no-results-string {
    color: var(--dx-g-text-heading-color);
}

.CoveoSort {
    font-size: var(--dx-g-text-sm);
    color: var(--dx-g-blue-vibrant-20);
    border-bottom-color: transparent;
    padding: 0;
    padding-bottom: 5px;
    margin-right: var(--dx-g-spacing-md);
}

.CoveoSort:last-of-type {
    margin-right: 0;
}

.CoveoSort:hover {
    border-bottom-color: var(--dx-g-blue-vibrant-20);
}

.CoveoSort.coveo-selected,
.CoveoSort.coveo-selected:hover {
    color: var(--dx-g-blue-vibrant-40);
    border-bottom-color: var(--dx-g-blue-vibrant-40);
}

.CoveoBreadcrumb {
    border-bottom: none;
    padding: 0;
}

@media (max-width: 768px) {
    .CoveoBreadcrumb {
        margin-left: 10px;
    }
}

.coveo-breadcrumb-clear-all {
    display: none;
}

.coveo-list-layout.CoveoResult {
    border-bottom: none;
    padding: 0;
    width: 100%;
}

.CoveoSearchInterface .coveo-results-footer {
    display: none;
}

.coveo-pager-list-item {
    border: none;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 32px;
    margin: 0 10px;
    padding: 0;
}

.coveo-pager-list-item.coveo-active,
.coveo-pager-list-item:hover {
    background-color: var(--dx-g-blue-vibrant-50);
    color: white;
}

.coveo-pager-previous-icon-svg,
.coveo-pager-next-icon-svg {
    color: var(--dx-g-blue-vibrant-50);
}

.coveo-pager-previous:hover .coveo-pager-previous-icon-svg,
.coveo-pager-next:hover .coveo-pager-next-icon-svg {
    color: white;
}

.coveo-results-header {
    box-shadow: none;
}

.coveo-results-header > *:not(:first-child) {
    border-right: none;
}

.dx-result {
    background: white;
    border-radius: 16px;
    border: 1px solid rgb(24 24 24 / 4%);
    box-shadow: 0 0 2px 0 rgb(24 24 24 / 8%), 0 2px 4px 1px rgb(24 24 24 / 16%);
    padding: 20px;
    margin-bottom: var(--dx-g-spacing-lg);
}

.dx-result-title {
    /* override the default Coveo style */
    color: var(--dx-g-blue-vibrant-20) !important;
    display: block;
    font-family: var(--dx-g-font-display);
    font-size: var(--dx-g-text-lg);
    margin: 0;
    margin-bottom: var(--dx-g-spacing-sm);
}

.dx-result-excerpt {
    display: inline;
    color: var(--dx-g-gray-10);
    font-size: 14px;
    line-height: 20px;
    margin: 0;
}

.dx-search-header {
    padding: var(--dx-g-spacing-xl);
    background: url("https://developer.salesforce.com/ns-assets/binary-cloud-trees.svg")
            no-repeat 100% 0,
        linear-gradient(
            77deg,
            var(--dx-g-indigo-vibrant-30) 40.1%,
            var(--dx-g-indigo-vibrant-40) 99.07%
        );
    background-size: auto;
    color: white;
}

.dx-search-header + .coveo-main-section {
    margin-top: var(--dx-g-spacing-2xl);
}

.dx-search-header-container {
    margin: 0 auto;
    max-width: 1200px;
}

.dx-search-header-title {
    font-size: var(--dx-g-text-lg);
    line-height: var(--dx-g-text-lg);
    font-weight: var(--dx-g-font-normal);
    margin-bottom: var(--dx-g-spacing-md);
}

.dx-search-header-title-results {
    font-weight: var(--dx-g-font-bold);
}

.dx-search-header-query {
    font-family: var(--dx-g-font-display);
    font-size: var(--dx-g-text-2xl);
    line-height: var(--dx-g-text-2xl);
    font-weight: var(--dx-g-font-demi);
    margin-top: var(--dx-g-spacing-md);
}

@media (min-width: 928px) and (max-width: 1024px) {
    .dx-search-header {
        background: url("https://developer.salesforce.com/ns-assets/binary-cloud-trees.svg")
                no-repeat 200% 0,
            linear-gradient(
                77deg,
                var(--dx-g-indigo-vibrant-30) 40.1%,
                var(--dx-g-indigo-vibrant-40) 99.07%
            );
    }
}

@media (min-width: 768px) {
    .dx-search-header {
        padding: var(--dx-g-spacing-4xl);
    }

    .dx-search-header-title {
        font-size: var(--dx-g-text-xl);
        line-height: var(--dx-g-text-xl);
    }

    .dx-search-header-query {
        font-size: var(--dx-g-text-4xl);
        line-height: var(--dx-g-text-4xl);
    }
}

@media (min-width: 768px) and (max-width: 928px) {
    .dx-search-header {
        background: url("https://developer.salesforce.com/ns-assets/binary-trees.svg")
                no-repeat 90% 50%,
            linear-gradient(
                77deg,
                var(--dx-g-indigo-vibrant-30) 40.1%,
                var(--dx-g-indigo-vibrant-40) 99.07%
            );
    }
}

@media (max-width: 768px) {
    .dx-search-header {
        background: url("https://developer.salesforce.com/ns-assets/binary.svg")
                no-repeat 90% 50%,
            linear-gradient(
                77deg,
                var(--dx-g-indigo-vibrant-30) 40.1%,
                var(--dx-g-indigo-vibrant-40) 99.07%
            );
    }
}

.dx-facet-column-header {
    display: flex;
    align-items: center;
    margin-bottom: var(--dx-g-spacing-sm);
}

.dx-facet-column-header-title {
    flex: 1;
    font-family: var(--dx-g-font-display);
    font-size: var(--dx-g-text-lg);
}

.dx-facet-column-footer {
    display: none; /* hide by default */
    align-items: center;
    justify-content: center;
    margin-top: var(--dx-g-spacing-md);
}

.coveo-small-facets .dx-facet-column-footer {
    display: flex; /* show when Coveo uses the dropdown UI */
}

.coveo-dropdown-background {
    background: #195594;
}

.coveo-dropdown-background-active {
    opacity: 0.62 !important;
}

.pagination-container {
    margin: 0 auto;
    width: fit-content;
}

.dx-result-info {
    display: flex;
    gap: 12px;
    margin-bottom: var(--dx-g-spacing-smd);
}

.breadcrumb {
    color: #555;
    font-size: var(--dx-g-text-xs);
}

.no-results-info {
    text-align: left;
}

.no-results {
    display: flex;
    justify-content: center;
    gap: 90px;
    margin: 50px 34px 90px;
}

.tip {
    font-size: var(--dx-g-text-sm);
}

.tip-list {
    padding-bottom: var(--dx-g-spacing-2xl);
}

.tbc-container {
    padding-top: var(--dx-g-spacing-2xl);
    border-top: 1px solid var(--dx-g-gray-80);
}

.link {
    color: var(--dx-g-blue-vibrant-50);
    text-decoration: underline;
}

.link:hover {
    color: var(--dx-g-blue-vibrant-20);
}

.no-results-info > ul {
    list-style-type: disc;
    list-style-position: inside;
    font-size: var(--dx-g-text-xs);
}

.no-results-info > dx-hr {
    --dx-c-hr-color: var(--dx-g-gray-80);
    --dx-c-stroke-width: 1px;
}

.post-info-container {
    margin-top: var(--dx-g-spacing-smd);
}

@media screen and (max-width: 768px) {
    .no-results > img {
        display: none;
    }
}