:root {
    --volvo-white: #ffffff;
    --volvo-btn-bg: #a2aaad;
    --volvo-back-btn-bg: #000000;
}
section[c-rocketHomeLayout_rocketHomeLayout] {
    margin-bottom: 40px!important; 
}
section[c-rocketLayout_rocketLayout] {
    margin: 40px 0 !important; 
}

[data-f6-region] {
    z-index: auto;
}

[data-f6-region]:focus-within {
    outline: none !important;
}

/* Category Header component CSS override on Category Page. 
   Must add 'category-header' custom CSS class in Experience Builder */
.category-header h4 {
    width: auto;
    padding-left: var(--dxp-g-spacing-medium);
    padding-right: var(--dxp-g-spacing-medium);
}

/* Results component CSS override on Search Results and Category Page. 
   Must add 'search-results' custom CSS class to 'Results' component in Experience Builder */
.search-results .cardContainerGrid .imageArea {
    border: 1px solid var(--dxp-s-form-element-color-border);
    align-items: center;
}

.search-results .cardContainerGrid .callToActionArea,
.search-results .cardContainerGrid .callToActionButton,
.search-results .cardContainerGrid .callToActionArea div,
.search-results .cardContainerGrid .callToActionButton button,
.search-results .cardContainerGrid .callToActionButton a {
    width: 100%;
}

.search-results .cardContainerGrid .callToActionButton {
    margin-top: 10px;
}

/* Columns component CSS override on Login page.
   Must add 'login-columns' as a custom CSS class to 'Columns' component in Experience Builder */
.login-columns .column-content .component-wrapper-spacer {
    margin-bottom: 0;
}

.login-columns .column-content .comm-social-login {
    margin: 0;
}
/* Added for lightning spinner color changes UI start */
.slds-spinner_container .slds-spinner.slds-spinner_brand:before, .slds-spinner_container .slds-spinner_brand.slds-spinner:after, .slds-spinner_container .slds-spinner_brand .slds-spinner__dot-a:before, .slds-spinner_container .slds-spinner_brand .slds-spinner__dot-a:after, .slds-spinner_container .slds-spinner_brand .slds-spinner__dot-b:before, .slds-spinner_container .slds-spinner_brand .slds-spinner__dot-b:after {
    background-color: #000000;
}
/* Added for lightning spinner color changes UI end */

/* Added for no item in cart removing empty cart image UI start */
.volo-empty-cart-outer header+div>section>svg {
    display: none;
}
.volo-empty-cart-outer section>svg+dxp_base-text-block h1 {
    margin-top: 5rem;
}
/* Added for no item in cart removing empty cart image UI end */

/* Added for breadcrumb UI fixes start */
.volvo-breadcrum-outer li, .volvo-breadcrum-outer a, .volvo-breadcrum-outer p  {
    font-family: var(--dxp-s-body-font-family);
    font-weight: 400;
}
.volvo-breadcrum-outer ol.slds-text-heading_small li.lwc-1okeam5n5rs p.lwc-1okeam5n5rs::before {
    color: #A2AAAD;
}
/* Added for breadcrumb UI fixes end */

.filters-header .clear-button button, .category-header h4, lightning-button .parent-item button {
    color: #A2AAAD;
    font-family: var(--dxp-s-body-font-family);
}
lightning-button.parent-item button svg, lightning-button.parent-item button:hover, lightning-button.parent-item button:hover svg {
    fill: #A2AAAD;
    color: #A2AAAD;
}
.volvo-sort-menu-outer lightning-menu-item .slds-dropdown__item>a:hover {
    background-color: #D0D3D4;
}
.volvo-sort-menu-outer lightning-menu-item .slds-dropdown__item>a:focus {
    box-shadow: none;
}
.volvo-sort-menu-outer .slds-button {
    padding-inline: 10px;
}
.volvo-sort-menu-outer .slds-button:focus, .volvo-sort-menu-outer .slds-button:hover, .volvo-sort-menu-outer .slds-button:active {
    box-shadow: 0 0 3px #A2AAAD;
}
.volvo-navigation-list-menu .slds-nav-vertical__item.slds-is-active:before, .volvo-navigation-list-menu .slds-nav-vertical__item:hover:before {
    background: var(--volvo-btn-bg);
}
.volvo-navigation-list-menu .slds-nav-vertical__item.slds-is-active .slds-nav-vertical__action, .volvo-navigation-list-menu .slds-nav-vertical__item .slds-nav-vertical__action:hover {
    box-shadow: none;
    color: var(--volvo-white);
}
.volvo-navigation-list-menu .slds-nav-vertical__item.slds-is-active .slds-nav-vertical__action:focus {
    box-shadow: none;
    outline: none;
}

/* Added for checkout delivery option change UI start */ 
.checkout-delivery-option-outer header.lwc-7o1ub4rt5r {
    justify-content: flex-start;
    margin-bottom: var(--dxp-g-spacing-small);
}
.checkout-delivery-option-outer div[data-automation=title].title.lwc-7o1ub4rt5r {
    padding-bottom: var(--dxp-g-spacing-none);
    min-width: inherit;
}
.checkout-delivery-option-outer header .title + div {
    margin-left: var(--dxp-g-spacing-medium);
}
/* Added for checkout delivery option change UI end */

/* Added for iframe UI fixes */
.xieCommFrame iframe body {
    font-family: 'Prevost Regular' !important;
}
.xieCommFrame {
    min-height: 320px;
}

/* Added for category filter UI fixes start */
commerce-search-filters .category-list li.is-leaf p.lwc-5sqg74okhk4 a.lwc-5sqg74okhk4 {
    color: #A2AAAD;
}
/* Added for category filter UI fixes end */

/* Added for checkout container sticky UI start */
.volvo-sticky-container {
    position: fixed;
}
/* Added for checkout container sticky UI end */

/* Added for login page UI fixes start */
.volvo-sign-in-container ul {
    flex: var(--dxp-g-spacing-medium);
    padding: var(--dxp-g-spacing-medium) var(--dxp-g-spacing-none);
}
.volvo-sign-in-container .comm-social-login__saml-provider-list-item[lwc-1s3faeuackt] {
    padding-top: var(--dxp-g-spacing-none);
    width: 100%;
}
/* Added for login page UI fixes start */

/* Added for back button UI fixes start */
.prevost-back-btn .slds-button {
    border-radius: var(--dxp-g-spacing-none);
}
.prevost-back-btn .slds-button:hover {
    background-color: var(--volvo-back-btn-bg);
    border-color: var(--volvo-back-btn-bg);
}
.prevost-back-btn .slds-button:hover::before {
    background: transparent;
    content: none;
}
/* Added for back button UI fixes end */


@media (max-width: 1024px) {
    .volvo-sticky-container {
        position: inherit;
        margin: var(--dxp-g-spacing-none) !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {

}

@media (min-width: 1024px) {
    .category-header h4 {
        width: 15rem;
        padding-right: 0.5rem !important;
    }
}

@media (min-width: 768px) {
    .search-results .product-grid-container .cardContainerGrid {
        align-items: stretch;
        grid-template-rows: var(--com-c-product-card-container-grid-template-rows, 1fr min-content min-content auto min-content min-content);
    }

    .search-results .product-grid-container .grid-item > section {
        height: 100%;
    }
}

@media (max-width: 1235px) {
    .xieCommFrame {
        min-height: 430px;
    }
}