﻿/**
 * SCOPE: Global Search Page
 * PATH: /search
 * Only include styles specific to the this page.
 */
:root {
    --apexus-result-image-width: 4rem;
}

p,
h1, h2, h3, h4, h5, h6 {
    font-size: var(--apexus-font-size);
    font-weight: var(--apexus-font-weight);
    line-height: var(--apexus-line-height);
    padding: 0;
    margin: 0;
    margin-block: 0;
}
h1 {
    font-size: var(--apexus-font-size-title-1);
}
h2 {
    font-size: var(--apexus-font-size-title-2);
}
h3 {
    font-size: var(--apexus-font-size-title-3);
}
h4 {
    font-size: var(--apexus-font-size-title-4);
}
a {
    color: var(--apexus-color-blue);
}

.faq-body h1,
.faq-body h2 {
    margin-bottom: var(--apexus-content-gap-related);
    font-weight: var(--apexus-font-weight-light);
}
.faq-body h1 {
    font-size: var(--apexus-font-size-title-2);
}
.faq-body h2 {
    margin-top: var(--apexus-content-gap);
    font-size: var(--apexus-font-size-title-3);
}

/**
 * ========== COVEO SEARCH SECTION ==========
 **/
.apexus-layout-section {
    width: 100%;
    background-color: var(--apexus-color-gray-light-2);
    padding-top: var(--apexus-banner-padding);
    padding-bottom: var(--apexus-banner-padding);
    display: flex;
    justify-content: center;
    margin-top: var(--apexus-content-gap);
}

.apexus-layout-section .search-container {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
    max-width: var(--apexus-page-width);
    padding-left: var(--apexus-page-padding);
    padding-right: var(--apexus-page-padding);
    align-items: start;
}
.apexus-layout-section .search-container > div {
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
}
.apexus-layout-section .search-container > div:not(.request-login) {
    display: flex;
}
.apexus-layout-section .search-container > div:has(atomic-search-box) {
    width: 100%;
}
.apexus-layout-section atomic-search-box {
    width: 100%;
    line-height: 1.5;
}

.request-login {
	display: none;
}
.request-login.active {
	display: flex;
}

apexus-tab-select,
apexus-tab-select::part(select) {
    width: 100%;
}
apexus-tab-select::part(dropdown) {
    z-index: 200;
}

apexus-tuned-results-toggle {
	margin-left: 1rem;
}

apexus-login-radio::part(radio) {
    width: auto;
}
apexus-login-radio + p {
	margin-left: 2rem;
}

apexus-selling-price-alert::part(wrapper) {
    margin-bottom: var(--apexus-content-gap);
}

/**
 * ========== COVEO FACETS SECTION ==========
 **/
atomic-facet,
atomic-timeframe-facet,
atomic-category-facet {
    border: var(--apexus-card-border-width) solid var(--apexus-card-border-color);
}
atomic-facet,
atomic-timeframe-facet,
atomic-category-facet {
	--atomic-primary: var(--apexus-color-blue-light);
}
atomic-facet::part(show-less), atomic-facet::part(show-more),
atomic-timeframe-facet::part(show-less), atomic-timeframe-facet::part(show-more),
atomic-category-facet::part(show-less), atomic-category-facet::part(show-more) {
	--atomic-primary: var(--apexus-color-blue);
}
atomic-facet::part(show-less):hover, atomic-facet::part(show-more):hover,
atomic-timeframe-facet::part(show-less):hover, atomic-timeframe-facet::part(show-more):hover,
atomic-category-facet::part(show-less):hover, atomic-category-facet::part(show-more):hover {
	--atomic-primary: var(--apexus-color-blue-light);
}

atomic-facet::part(facet),
atomic-timeframe-facet::part(facet),
atomic-category-facet::part(facet) {
    padding: 0.5rem;
    border: none;
}

atomic-facet::part(label-button-icon),
atomic-timeframe-facet::part(label-button-icon),
atomic-category-facet::part(label-button-icon) {
    color: var(--atomic-primary);
}

atomic-facet::part(search-input),
atomic-timeframe-facet::part(search-input),
atomic-category-facet::part(search-input) {
    border-radius: 0;
}

atomic-facet::part(value-checkbox),
atomic-timeframe-facet::part(value-checkbox),
atomic-category-facet::part(value-checkbox) {
    border-radius: 0;
}

atomic-timeframe-facet::part(value-label) {
    text-transform: capitalize;
}

atomic-search-layout atomic-layout-section[section='facets'] * {
    margin-bottom: var(--apexus-content-gap-related);
}

/**
 * ========== COVEO QUERY SUMMERY SECTION ==========
 **/
atomic-refine-modal {
    z-index: 10000;
}
atomic-refine-modal::part(title) {
    font-size: var(--apexus-font-size-title-3);
}
atomic-refine-modal::part(section-title) {
    font-size: var(--apexus-font-size-title-4);
}

atomic-sort-dropdown::part(select-separator) {
    border: none;
    color: var(--atomic-primary);
}
atomic-sort-dropdown::part(select) {
    border: var(--apexus-card-border-width) solid var(--apexus-card-border-color);
    border-radius: 0;
}

atomic-sort-dropdown::part(label),
atomic-breadbox::part(label),
atomic-breadbox::part(clear) {
    text-transform: uppercase;
    font-weight: 700;
    font-size: var(--apexus-font-size-small);
    color: var(--atomic-primary);
}
atomic-breadbox::part(breadcrumb-button) {
    border-radius: 0;
}
atomic-sort-dropdown::part(label) {
    margin: var(--apexus-content-gap-related);
    margin-left: 0;
}
atomic-refine-toggle::part(button) {
    border-radius: 0;
}
atomic-refine-modal::part(select),
atomic-refine-modal::part(footer-button) {
    border-radius: 0;
}
atomic-refine-modal::part(footer-button) {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
}

/**
 * ========== COVEO SEARCH RESULTS SECTION ==========
 **/

atomic-search-interface[data-tab="catalog"] atomic-result-list::part(outline):before {
    content: unset;
}
atomic-result-list::part(outline) {
    border-radius: 0;
}

.rss-info {
    margin-bottom: var(--apexus-content-gap-divergent);
    display: none;
}
.rss-info.active {
    display: block;
}

atomic-no-results {
    padding-left: var(--apexus-page-padding);
    padding-right: var(--apexus-page-padding);
}
atomic-query-error {
    margin-left: calc(var(--apexus-page-padding) - 2rem);
    margin-right: calc(var(--apexus-page-padding) - 2rem);
}
atomic-no-results::part(icon),
atomic-query-error::part(icon) {
    max-width: 10%
}

/**
 * ========== COVEO PAGINATION SECTION ==========
 **/
atomic-results-per-page::part(button),
atomic-pager::part(page-button),
atomic-pager::part(previous-button),
atomic-pager::part(next-button) {
    border: none;
    cursor: pointer;
}

.multi-pagination {
    display: flex;
    width: 100%;
    justify-content: center;
}
.multi-pagination atomic-results-per-page {
    display: none;
}
.multi-pagination atomic-pager::part(buttons) {
    justify-content: center;
}
atomic-load-more-results::part(showing-results),
atomic-load-more-results::part(load-more-results-button) {
    margin-top: 0;
    margin-bottom: 0;
}
atomic-load-more-results::part(progress-bar) {
    margin-top: var(--apexus-content-gap-related);
    margin-bottom: var(--apexus-content-gap);
}

/**
 * ========== COVEO MISC ==========
 **/
.catalog-additional-content {
    display: none;
	flex-direction: column;
	gap: 1rem;
    width: 100%;
    max-width: var(--apexus-page-width);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: var(--apexus-content-gap-divergent);
    padding-left: var(--apexus-page-padding);
    padding-right: var(--apexus-page-padding);
	justify-content: center;
	font-size: var(--apexus-font-size);
}
.catalog-additional-content.active {
    display: flex;
}
.catalog-additional-content .catalog-content-col {
	display: flex;
	flex-direction: column;
	gap: 1rem;
    width: 100%;
}
.catalog-additional-content .catalog-content-col > div {
	border: var(--apexus-card-border-width) solid var(--apexus-card-border-color);
	padding: var(--apexus-card-padding);
}
.catalog-additional-content .catalog-content-col > div > .card-body {
	padding: 0;
}
.catalog-additional-content apexus-distributor-selector::part(wrapper) {
	border: none;
	width: unset;
	padding: 0;
}

.card-title {
    font-size: var(--apexus-font-size-title-3);
    font-weight: var(--apexus-font-weight-light);
    line-height: var(--apexus-line-height);
    margin-bottom: unset;
}
.promoted-contracts .promoted-item {
	display: inline-block;
}
.promoted-contracts apexus-mouse-over-popup::part(popup) {
	max-width: 350px;
}
.promoted-contracts apexus-mouse-over-popup::part(content) {
	cursor: pointer;
}
.promoted-contracts apexus-mouse-over-popup img {
	width: 90px;
}
.promoted-contracts .card-text {
    font-size: var(--apexus-font-size);
    line-height: 1.5;
}

#downloadsBoxContent {
    display: flex;
    flex-direction: column;
    gap: var(--apexus-content-gap-related);
    margin-top: var(--apexus-content-gap-related);
}

.pi-pricing > ol {
    margin-bottom: unset;
    padding-left: var(--apexus-list-padding);
    list-style: lower-alpha;
}
.pi-pricing > ol > li:not(:last-child) {
    margin-bottom: var(--apexus-content-gap);
}

apexus-cta::part(wrapper) {
    margin-top: 0;
}

/**
 * ========== COVEO FULL PAGE SECTION ==========
 **/
atomic-search-layout {
    max-width: var(--apexus-page-width);
    margin-left: auto;
    margin-right: auto;
    margin-top: var(--apexus-content-gap-divergent);
}
atomic-search-layout atomic-layout-section[section='status'] {
    grid-template-areas:
        'atomic-breadbox'
        'atomic-sort'
        'atomic-query-summary'
        'atomic-did-you-mean'
        'atomic-notifications';
	grid-template-columns: 1fr;
}

atomic-search-layout atomic-layout-section[section='status'] atomic-sort-dropdown {
    justify-self: start;
}

atomic-search-interface[data-tab="catalog"] atomic-result-list::part(result-list) {
	grid-row-gap: 0;
}
atomic-search-interface[data-tab="catalog"] atomic-result-list::part(outline) {
	border: none;
	padding: 0;
	border-radius: 0;
}

/**
 * MEDIA QUERY: Breakpoint [769 - ...]px (Laptop)
 **/
@media only screen and (min-width: 769px) {
    atomic-search-layout atomic-layout-section[section='status'] {
        grid-template-areas:
            'atomic-breadbox atomic-sort'
            'atomic-query-summary atomic-sort'
            'atomic-did-you-mean atomic-did-you-mean'
            'atomic-notifications atomic-notifications';
        grid-template-columns: 1fr auto;
    }
    atomic-search-layout atomic-layout-section[section='status'] atomic-sort-dropdown {
        justify-self: end;
    }
    atomic-sort-dropdown::part(label) {
        margin-left: var(--apexus-content-gap-related);
    }
    .multi-pagination {
        justify-content: space-between;
    }
    .multi-pagination atomic-results-per-page {
        display: block;
    }
    .multi-pagination atomic-pager::part(buttons) {
        justify-content: unset;
    }
    .apexus-layout-section .search-container {
        flex-wrap: wrap;
        flex-direction: row;
    }
    .apexus-layout-section .search-container > div {
        width: auto;
        flex: 1;
    }
    .apexus-layout-section .search-container > div:nth-child(2) {
        flex: 4 1 15rem;
    }
    .apexus-layout-section .search-container > div:nth-child(3):not(:has(> apexus-login-radio)) {
        display: none;
    }
    apexus-tab-select,
    apexus-tab-select::part(select) {
        width: 20rem;
    }
    apexus-login-radio::part(radio) {
        min-width: max-content;
        max-width: 18rem;
    }
    .catalog-additional-content {
        flex-direction: row;
        max-width: calc(var(--apexus-page-width) + (var(--apexus-card-padding) * 2) + (var(--apexus-card-border-width) * 2));
    }
    .catalog-additional-content .catalog-content-col {
        max-width: 50%;
    }
}

/**
 * MEDIA QUERY: Breakpoint [1400 - ...]px (Desktop)
 **/
@media only screen and (min-width: 1400px) {
    atomic-search-layout {
        grid-template-columns: 20rem minmax(50%, calc(var(--apexus-page-width) - 20rem)) !important;
        grid-template-areas:
            '.                     atomic-section-search'
            'atomic-section-facets atomic-section-main'
            'atomic-section-facets .' !important;
        padding-left: 15px;
        padding-right: 15px;
    }
}