/*PLP Search result*/
.plp-hide {
    display: none !important;
}

/* BREADCRUMBS */

commerce_builder-breadcrumbs > commerce-breadcrumbs {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

commerce_builder-breadcrumbs > commerce-breadcrumbs > nav > ol > li {
    font-size: 16px !important;
    font-weight: 400 !important;
}

/* SORT DROPDOWN */

div.sort-menu-dropdown > commerce_search-sort-menu > commerce-dropdown {
    border: 1px solid rgba(167, 169, 172, 1);
    border-radius: 4px;
    width: 18.375rem;
}

div.search-header {
    flex: 0.8;
}

div.sort-menu-dropdown > commerce_search-sort-menu > commerce-dropdown > lightning-button-menu,
div.sort-menu-dropdown > commerce_search-sort-menu > commerce-dropdown > lightning-button-menu > button {
    width: 100%;
    color: rgba(167, 169, 172, 1);
    text-transform: capitalize;
}

div.sort-menu-dropdown > commerce_search-sort-menu > commerce-dropdown > lightning-button-menu > button:hover,
div.sort-menu-dropdown > commerce_search-sort-menu > commerce-dropdown > lightning-button-menu > button:focus {
    color: rgba(167, 169, 172, 1) !important;
}

div.sort-menu-dropdown > commerce_search-sort-menu > commerce-dropdown > lightning-button-menu {
    padding-left: 0.75rem;
}

commerce_builder-search-sort-menu > div > div:nth-child(2) > webruntimedesign-region-wrapper > div > webruntimedesign-component-wrapper > div > div {
    width: 4.688rem !important;
}

commerce_builder-search-sort-menu > div > div.sort-menu-dropdown > commerce_search-sort-menu > commerce-dropdown > lightning-button-menu > div {
    width: 100% !important;
}

dxp_data_provider-data-proxy > commerce_data_provider-search-data-provider > dxp_data_provider-data-proxy > dxp_base-text-block > p {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 25.2px !important;
    text-align: right !important;
    color: rgba(0, 0, 0, 1) !important;
}

commerce_builder-search-sort-menu > div {
    margin-left: 5.2rem !important;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    div.category-header > dxp_layout-columns > div > div > dxp_layout-column {
        margin-left: 2rem !important;
    }

    commerce_builder-breadcrumbs > commerce-breadcrumbs {
        margin-left: 1.5rem;
    }

    commerce_builder-search-sort-menu > div {
        margin-left: 0 !important;
        margin-right: 1.5rem !important;
    }
}

@media screen and (max-width: 767.98px) {
    commerce_builder-search-sort-menu > div {
        margin-left: 0 !important;
    }
}

/* LAYOUT */

commerce_builder-search-results-layout .content-container .left-container {
    max-width: 19.375rem !important;
}

/* FILTERS */

commerce_search-filters-panel > div > div.header-and-body > section:nth-child(2) > h3 {
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
    text-align: left;
}

commerce_search-filters-panel > div > div > section:nth-child(2) > h3 > span > lightning-button > button {
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    text-align: left;
    text-transform: capitalize;
}

#categories-section > div > div > commerce-link-list > ul > li a {
    font-size: 16px !important;
    color: rgba(0, 0, 0, 1) !important;
}

section > commerce_search-facet > commerce-search-filters-panel-section > div,
commerce-search-filters-category-list > commerce-search-filters-panel-section > div {
    border: none !important;
}

div > commerce_search-input-facet > commerce_search-facet-item > span {
    align-self: center;
}

commerce_search-input-facet > commerce_search-facet-item > span {
    font-size: 16px !important;
}

commerce-search-filters-panel-section > div > div.section-header > div > .slds-p-vertical_none.slds-p-horizontal_none {
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 25.2px !important;
    text-align: left !important;
}

commerce-search-filters-panel-section > div > div.section-header > div {
    order: 2;
    margin-left: 0.938rem;
}

commerce-search-filters-panel-section > div.section-style {
    padding: 0 !important;;
}

commerce_search-facet > commerce-search-filters-panel-section > div > div:nth-child(2) > div,
#categories-section {
    margin-left: 1rem;
}

commerce_builder-search-sort-menu > div > div:nth-child(1) > button.sort-filter-button {
    color: rgba(14, 77, 140, 1);
    border: solid 1px rgba(14, 77, 140, 1);
    padding: 0.75rem 1.5rem;
    text-decoration: none;
}

commerce_builder-search-filters {
    margin-bottom: 3rem !important;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    commerce_search-filters-panel > div > div.footer > commerce-action-button{
        align-items: end !important;
    }

    commerce_builder-search-filters > commerce-search-filters > div > div.panel-container.visible {
        width: 375px !important;
        left: -375px !important;
    }

    commerce_search-filters-panel > div > div.footer > commerce-action-button:nth-child(1) > button {
        border: 1px solid !important;
        padding: 1.2rem !important;
        height: 50px !important;
    }

    commerce_search-filters-panel > div > div.footer > commerce-action-button.see-items-button > button {
        background-color: rgba(47, 81, 136, 1) !important;
        border-radius: 0 !important;
        padding-left: 23px !important;
        padding-right: 23px !important;
        height: 50px !important;
    }
}

@media only screen and (max-width: 767.98px) {
    commerce_search-filters-panel > div > div.footer > commerce-action-button{
        align-items: end !important;
    }

    commerce_search-filters-panel > div > div.footer > commerce-action-button:nth-child(1) > button {
        border: 1px solid !important;
        padding: 1.2rem !important;
        height: 50px !important;
    }

    commerce_search-filters-panel > div > div.footer > commerce-action-button.see-items-button > button {
        background-color: rgba(47, 81, 136, 1) !important;
        border-radius: 0 !important;
        padding-left: 23px !important;
        padding-right: 23px !important;
        height: 50px !important;
    }

    commerce_builder-search-sort-menu > div > div:nth-child(1) > button.sort-filter-button {
        padding: 0.75rem 1rem;
    }
}

/* PLP PRODUCT GRID */

commerce_search-product-card > section.cardContainerGrid:hover {
    border-color: rgba(14, 77, 140, 1) !important;
}

commerce_builder-search-results-layout commerce_search-product-grid .product-grid-container commerce_search-product-card .imageArea {
    aspect-ratio: auto !important;
}

commerce_builder-search-results-layout commerce_search-product-grid .product-grid-container commerce_search-product-card .imageArea > a > figure > experience-picture > picture > img {
    width: 100% !important;
}

div.fieldsArea > a > div > commerce_search-product-field > div > lightning-formatted-rich-text > span {
    font-size: 15px;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.4rem !important;
    max-height: 2.8rem !important;
    height: 2.8rem !important;
    word-wrap: unset !important;
    overflow-wrap: unset !important;
    white-space: normal !important;
    text-transform: uppercase !important;
}

commerce_search-product-field > div > lightning-formatted-rich-text > span {
    color: rgba(0, 0, 0, 1);
}

commerce_search-product-card.card-item > section > div.priceArea,
commerce_search-product-card > section > div.fieldsArea > a > div > commerce_search-product-field > div {
    width: 100%;
}

commerce_search-product-card.card-item > section > div.priceArea > commerce-product-pricing > div > span > span > lightning-formatted-number {
    font-weight: 600 !important;
}

commerce_search-product-card > section.cardContainerGrid {
    min-height: 19rem !important;
}

commerce_search-product-card > section > div.callToActionArea > commerce-action-link > a.slds-button.slds-button_brand:not([disabled]),
commerce_search-product-card > section.cardContainerGrid > div.callToActionArea > div > commerce-action-button.callToActionButton > button:not([disabled]) {
    font-size: 14px !important;
    border: 1px solid rgba(14, 77, 140, 1) !important;
    background-color: rgba(255, 255, 255, 1) !important;
    color: rgba(0, 0, 0, 1) !important;
}

commerce_search-product-card > section.cardContainerGrid:hover > div.callToActionArea > commerce-action-link > a.slds-button.slds-button_brand:not([disabled]),
commerce_search-product-card > section.cardContainerGrid:hover > div.callToActionArea > div > commerce-action-button.callToActionButton > button:not([disabled]) {
    border: 1px solid rgba(5, 27, 63, 1) !important;
    background-color: rgba(5, 27, 63, 1) !important;
    color: rgba(255, 255, 255, 1) !important;
}

commerce_search-product-card.card-item > section > div.callToActionArea,
commerce_search-product-card.card-item > section > div.callToActionArea > commerce-action-link,
commerce_search-product-card.card-item > section > div.callToActionArea > commerce-action-link > a,
commerce_search-product-card.card-item > section > div.callToActionArea > div,
commerce_search-product-card.card-item > section > div.callToActionArea > div > commerce-action-button.callToActionButton > button {
    width: 100% !important;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    commerce_search-product-card > section.cardContainerGrid {
        min-height: 18.991rem !important;
    }
}

@media screen and (max-width: 767.98px) {
    commerce_builder-search-results > commerce-search-results > section > commerce_search-product-grid > ul.product-grid-container {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
    }

    commerce_builder-search-results > commerce-search-results > section > commerce_search-product-grid > ul.product-grid-container > li > section {
        margin: 0 0 1.5rem 0;
    }

    commerce_search-product-card > section.cardContainerGrid {
        min-height: unset !important;
    }
}

/* PLP. PAGINATION */

commerce_builder-search-results-layout commerce_search-paging-control .pageControlPart .nav-direction:hover {
    background-color: transparent;
}

commerce_builder-search-results > commerce-search-results > section > commerce_search-paging-control > nav > button.nav-direction {
    border: none !important;
}

commerce_builder-search-results-layout commerce_search-paging-control .pageControlPart .nav-direction .slds-icon {
    fill: var(--background-gray-3);

}

commerce_builder-search-results-layout commerce_search-paging-control .pageControlPart .nav-button-current {
    border-radius: 50%;
    background-color: rgba(238, 249, 254, 1);
    border-color: rgba(238, 249, 254, 1);
    color: black;
    padding: 0;
    height: 2.5rem;
    width: 2.5rem;
}

commerce_builder-search-results-layout commerce_search-paging-control .pageControlPart .nav-button {
    font-weight: 400;
}

commerce_builder-search-results-layout commerce_search-paging-control .pageControlPart .nav-button:hover {
    background-color: transparent;
}

commerce_builder-search-results > commerce-search-results > section > commerce_search-paging-control {
    height: 6.25rem !important;
}

commerce_builder-search-results > commerce-search-results > section > commerce_search-paging-control > nav.pageControlPart {
    height: 100%;
    align-items: center;
}