/* Remove from custom CSS when GMV-4054 is released */
/* MUST include */
@media (max-width: 768px) {
  .search-listing-module.search-based-v-page.has-browse-options .search-listing-header {
    flex-direction: row;
    gap: 1rem;
    align-items: flex-start;
  }
}

@media (max-width: 600px) {
  .search-listing-module.search-based-v-page.has-browse-options .search-listing-header {
    align-items: flex-start;
    flex-direction: column-reverse;
  }

  .search-listing-module .search-listing-header .view-options-section {
    align-self: flex-start;
    margin-left: 0;
  }
}
/* End of GMV-4054 temp styles - End of MUST include */

/* START NEW SEARCH PAGE CSS */

/* Custom CSS Properties scoped to new search UI: */
.search-based-v-page {
  /* ===== Semantic Colors ===== */
  --color-primary: #F4BC00;

  /* ===== Button Colors ===== */
  /* Base colors for use in gradients or solid backgrounds */
  --color-button-primary-bg-base: var(--color-primary);
  --color-button-primary-light-bg-base: var(--color-primary);
  --color-button-error-bg-base: #E0B34C;
  --color-button-warning-bg-base: #E0B34C;
  --color-button-disabled-bg-base: #CFCFCF;

  --color-button-primary-bg: var(--color-button-primary-bg-base);
  --color-button-primary-bg-hover: #ffce28;
  --color-button-primary-text: #fff;

  --color-button-primary-light-bg: var(--color-button-primary-bg-base);
  --color-button-primary-light-bg-hover: #ffce28;
  --color-button-primary-light-text: #fff;

  --color-button-error-bg: var(--color-button-warning-bg-base);
  --color-button-error-bg-hover: var(--color-button-warning-bg-base);
  --color-button-error-text: var(--color-text-body);

  --color-button-warning-bg: var(--color-button-warning-bg-base);
  --color-button-warning-bg-hover: var(--color-button-warning-bg-base);
  --color-button-warning-text: var(--color-text-body);

  --color-button-disabled-bg: var(--color-button-disabled-bg-base);
  --color-button-disabled-bg-hover: var(--color-button-disabled-bg-base);
  --color-button-disabled-text: var(--color-text-muted);
}

:root {
  --color-yellow: #F4BC00;
  --color-yellow-hover: #ffce28;
}

/* ================= */
/* ===== LINKS ===== */
/* ================= */

/* base link hover state */
.search-based-v-page a:hover {
  color: #1d4b8f;
  text-decoration: none;
}


/* =================== */
/* ===== BUTTONS ===== */
/* =================== */

/* Main CTA button */
.search-based-v-page .action-button,
.search-based-v-page .call-to-action-button {
  transition: none !important;
}

/* Main CTA button hover state */
.search-based-v-page .action-button:hover {}

/* Main CTA button after pseudo element (has an arrow that we don't want) */
.search-based-v-page .action-button:after {
  display: none;
}


/* ========================= */
/* ===== PRODUCT TILES ===== */
/* ========================= */

/* product tile wrapper */
.catalog-products-v2 .catalog-product-card {}

/* product title link */
.search-based-v-page .product-title a {}

/* Product title link hover state */
.search-based-v-page .title-link:hover {}

/* Add to cart button */
.search-based-v-page .action-button.place-order-button,
.search-based-v-page .call-to-action-button.place-order-button,
.search-based-v-page .action-button.state-view-details {
  transition: none;
  background: #38841a !important;
}

/* Add to cart button hover */
.search-based-v-page .action-button.place-order-button:hover,
.search-based-v-page .call-to-action-button.place-order-button:hover, 
.search-based-v-page .action-button.state-view-details:hover {
  background: #49aa22 !important;
}

/* Fitment text */
.catalog-products-v2 .catalog-product-card-fitment .fitment-text {
  color: var(--color-text-body);
}


/* ================== */
/* ===== FACETS ===== */
/* ================== */

/* Multi select facet wrapper */
.search-based-v-page .search-facets-module .facet-wrapper.multi-select-facet {}

/* Facet header */
.search-based-v-page .search-facets-module .facet-wrapper.multi-select-facet .facet-header {}

/* Facet title (label only) */
.search-based-v-page .search-facets-module .facet-wrapper.multi-select-facet .facet-header .facet-title {}

/* Before pseudo element for facet title */
.search-based-v-page.search-facets-module .facet-title::before {}

/* Before pseudo element for facet title */
.search-based-v-page.search-facets-module .facet-title::after {}

/* Facet/sub-facet dropdown arrow icon */
.search-based-v-page .search-facets-module .facet-wrapper.multi-select-facet li .nested-facet-arrow {}

/* Facet/sub-facet row */
.search-based-v-page .search-facets-module .facet-wrapper.multi-select-facet li {}

/* Facet/sub-facet row label */
.search-based-v-page .search-facets-module .facet-wrapper.multi-select-facet li input[type=checkbox] + label {}

/* Top-level facet arrow icon */
.search-based-v-page .search-facets-module .facet-wrapper.multi-select-facet .facet-header .facet-toggle-btn {}

/* Facet content container (dropdown with facets and sub facets) */
.search-based-v-page .search-facets-module .facet-wrapper.multi-select-facet .facet-content {}

/* Sub facet list/group */
.search-based-v-page .search-facets-module .facet-wrapper.multi-select-facet li .sub-facet-group li {}

/* Last facet wrapper in list */
.search-based-v-page .search-facets-module .facet-wrapper.multi-select-facet:last-child {}

/* Clear all facets button */
.search-based-v-page .clear-all-filters-btn {}


/* ================================================================== */
/* ===== PAGE VIEW OPTION TOGGLES (Categories|Products buttons) ===== */
/* ================================================================== */

/* Note that these are not scoped because they have been added to both v1 and v2 search UI */

/* Toggle button text and icon - hover and active state */
.view-options-section .view-option-toggle:hover .view-option-text,
.view-options-section .view-option-toggle.active .view-option-text,
.view-options-section .view-option-toggle:hover .view-option-icon,
.view-options-section .view-option-toggle.active .view-option-icon {}

/* button hover state */
.view-options-section .view-option-toggle:hover {}

/* base view option toggle button */
.view-options-section .view-option-toggle {
  color: var(--color-text-body) !important;
  transition: none;
}

/* base active option toggle button */
.view-options-section .view-option-toggle.active {}

/* base active option toggle button hover state */
.view-options-section .view-option-toggle.active:hover {}

/* base non-active option toggle button hover state */
.view-options-section .view-option-toggle:not(.active):hover {
  background: var(--color-button-primary-bg-hover);
}

/* All elements within an active toggle button */
.view-options-section .view-option-toggle.active * {
  color: #fff !important;
}

/* All elements within an active toggle button with hover state */
.view-options-section .view-option-toggle:hover * {
  color: #fff !important;
}


/* ===================== */
/* ===== GARAGE UI ===== */
/* ===================== */

/* Vehicle filter form container (no vehicle selected) */
.search-based-v-page .vehicle-filter-container {}

/* Selected vehicle name */
.selected-vehicle-tile .selected-vehicle-info .selected-vehicle-name {
  color: var(--color-primary);
}

/* Select vehicle modal trigger (i.e. change vehicle) */
.selected-vehicle-tile .select-vehicle-link .select-vehicle-text,
.selected-vehicle-tile .select-vehicle-link * {
  color: var(--color-text-body);
}

/* Select vehicle modal trigger hover state */
.selected-vehicle-tile .select-vehicle-link:hover .select-vehicle-text {}

/* left-side icon wrapper in garage flyout */
.selected-vehicle-tile .garage.flyout .car-selected .car-first-icon svg {
  color: #fff;
}

/* left-side svg in garage flyout */
.garage.flyout .car-first-icon svg {
  color: #000;
}

/* right-side close icon on selected car list item */
.selected-vehicle-tile .garage.flyout .car-selected .car-close-icon i {
  color: #fff;
}

/* Currently selected car list item in garage flyout */
.selected-vehicle-tile .garage.flyout .car-selected {
  background: var(--color-yellow);
}

/* Less specific garage flyout links */
.selected-vehicle-tile .garage.flyout a {}

/* Less specific garage flyout links hover state */
.selected-vehicle-tile .garage.flyout a:hover {}

/* Garage flyout list links */
.selected-vehicle-tile .garage.flyout ul a:hover {
  background: transparent;
  color: var(--color-yellow-hover);
}

/* Selected car label in garage flyout */
.selected-vehicle-tile .garage.flyout .car-selected .car-label {
  color: #fff;
}

/* Selected car label in garage flyout hover state */
.selected-vehicle-tile .garage.flyout .car-selected:hover .car-label {
  color: #fff;
}

/* List item labels in garage flyout */
.selected-vehicle-tile .garage.flyout ul a .car-label {
  color: var(--color-yellow);
}

/* List item labels in garage flyout hover state */
.selected-vehicle-tile .garage.flyout ul a:hover .car-label {
  color: var(--color-yellow-hover);
}

/* Add new vehicle button in garage flyout */
.selected-vehicle-tile .garage.flyout .add-new-vehicle {
  background: var(--color-yellow);
  color: #fff;
}

/* Add new vehicle button in garage flyout hover state */
.selected-vehicle-tile .garage.flyout .add-new-vehicle:hover {
  background: var(--color-yellow-hover);
  color: #fff;
}

/* Selected car list item hover state */
.selected-vehicle-tile .garage.flyout .car-selected:hover {
  background: var(--color-yellow-hover);
}

/* END NEW SEARCH PAGE CSS */

/* begin fix the thumbnail arrows */
#page-product .product-images-module .product-images ul.secondary-images.owl-carousel .owl-next, 
#page-product .product-images-module .product-images ul.secondary-images.owl-carousel .owl-prev {
     height: 60px;
padding: 0;
}
/* end fix the thumbnail arrows */

#primary-header .logo-wrap img {
    max-height: 80px;
}

#primary-header .help-nav ul a {
	color: #252525;
}

#featured-custom .featured-product {
    width: 24.2%!important;
}

.featured-products-module .product-wrapper-link .product-details-link {
    color: #000;
}

.pop-parts-rows .parts-grid-block .parts-grid-container .parts-image-6 {
    background: url("https://cdn.revolutionparts.io/06aab422f7eeeddb6037803ce3f5a26e/design/gm-lighting-02-lg.jpg");
}

.pop-parts-rows .parts-grid-block .parts-grid-container .parts-image-7 {
    background: url("https://cdn.revolutionparts.io/06aab422f7eeeddb6037803ce3f5a26e/design/gm-cargo-trays-02-lg.jpg");
}

.pop-parts-rows .parts-grid-block .parts-grid-container .parts-image-8 {
    background: url("https://cdn.revolutionparts.io/06aab422f7eeeddb6037803ce3f5a26e/design/gm-spoilers-01-lg.jpg");
}

.pop-parts-rows .parts-grid-block .parts-grid-container .parts-image-10 {
    background: url("https://cdn.revolutionparts.io/06aab422f7eeeddb6037803ce3f5a26e/design/gm-door-sills-03-lg.jpg");
}

.pop-parts-rows .parts-grid-block .parts-grid-container .parts-image-11 {
    background: url("https://cdn.revolutionparts.io/06aab422f7eeeddb6037803ce3f5a26e/design/gm-shift-knobs-01-lg.jpg");
}

.pop-parts-rows .parts-grid-block .parts-grid-container .parts-image-12 {
    background: url("https://cdn.revolutionparts.io/06aab422f7eeeddb6037803ce3f5a26e/design/gm-wheels-04-lg.jpg");
}

/*--- OEM Interactive ---*/
/* Navi */
#primary-header .help-nav ul li a:before {
    top: 10px!important;
}
#primary-header .help-nav ul a {
    padding: 7px 10px 9px 20px;
}

#secondary-header .car-selected-module:hover {
    background-color: #F4BC00;
    border-color: #F4BC00;
}

/* Search Tab Overlap */
#search-tabs {
    margin-top: -10px;
}

/* Featured Products */
.featured-products-module .product-wrapper-link .product-details-link {
    background-color: #F4BC00;
}
.featured-products-module .featured-product .details-display .details-partnum {
    color: #bcbcbc;
}

/* My Account Page */
.btn-primary {
    background-color: #F4BC00;
    border-color: #F4BC00;
    color: #fff;
}

.btn-primary:hover {
    background-color: #F4BC00;
    border-color: #F4BC00;
}
.btn-primary:hover {
    background: #f4ca40;
}


/* About Us Page */
#text_page_content figure img {
    float: left;
    height: 112px;
}

/* Site Wide Banner */
.promotional-banner-wrap {
    background: #000000!important;
}

span.promotional-banner-text-wrap {
    text-shadow: 1px 1px 1px #000;
    color: #fff;
    font-size: 18px;
}

/* Cart Promo Box */
.july_promo {
    background: #056eee;
    border: 1px solid #056eee;
    border-radius: 4px;
    box-shadow: 2px 2px 2px 2px #767676;
    text-align: center;
    font-size: 23px;
    color: #fff;
    text-shadow: 2px 1px 1px #ef0202;
    font-weight: 700;
}

.july_4 {
    padding: 10px;
}

.d-none {
	display: none;
}

#rp_inventory_message {
    color: #000!important;
}

i.fa.fa-exclamation-triangle {
    color: #cc1619!important;
}

#layout_product > div > div > div:nth-child(2) > div > div > div:nth-child(3) > div > div:nth-child(2) {
    margin-top: 0px;
}
#layout_product > div > div > div:nth-child(2) > div > div > div:nth-child(3) > div > div.page-builder-layout-module.padding-15 {
    padding-bottom: 0px;
}

#secondary-header > div > div > div.col-md-6.block-modules.page-builder-layout-column.col-full-height.left > div > div > div > ul > li:nth-child(3) > ul > li > a {
    color: white;
}


/*--------------  OEM Interactive UX Audit, May 7 2025  -------------*/
/*-------------------------------------------------------------------*/
/*------------OOOOO-------EEEEEEEEEE--MM----------MMM--IIIIIIIIII----*/
/*---------OOO----OOO----EEE---------MMM--------MMMM------III--------*/
/*-------OOO-------OOO--EEE---------MM-MM----MMM-MM------III---------*/
/*------OOO-------OOO--EEEEEEEE----MM--MM--MMM--MM------III----------*/
/*-----OOO-------OOO--EEE---------MM---MMMM----MM------III-----------*/
/*------OOO----OOO---EEE---------MM----MM-----MM------III------------*/
/*-------OOOOOO-----EEEEEEEEEE--MM-----------MM--IIIIIIIIII----------*/
/*-------------------------------------------------------------------*/

.free-shipping { /* This hides the free shipping tag on product page images by default (to hide it from Accelerated Handling). A script shows it again on products where it's relevant. */
  display: none;
}

.col-sm-3.cow { /* Aligns the cows */
    text-align: center;
}

#primary-header .col-md-8 { /* Repositions the secondary header */
    padding-top: 40px;
}
#primary-header .cart-button-module { /* Repositions the secondary header */
    top: 40px;
}

#mobile-menu .mobile-header-search .search-bar-component button { /* Sets the color of the mobile search icon */
    color: #999;
}

ul.main-nav-links { /* Prevents the top nav from wrapping incorrectly */
  margin-left: 0 !important;
}

html body .action-button.big-button { /* Fits the Add To Cart button text on a single line */
    padding: 12px 16px;
}

/* Sets the default upsell image width */
.product-additional-info-module .catalog-product .product-image-col { 
    width: 100%;
}
.product-additional-info-module .catalog-product .product-image-col>a img {
    height: auto;
    max-width: 100%;
}

@media screen and (max-width: 400px) { /* The mobile cart flyout was squished, this unsquishes it */
    .cart-component .cart-flyout {
        width: unset !important;
    }
}

/* Mobile */
@media (max-width: 767px) { 
    .col-sm-3.cow {
        width: 100%;
        height: unset;
    }
    .car-selected-module .garage-text { /* Aligns the text in the mobile vehicle picker button */
        padding-top: 0px;
    }
    .more-modal-wrap .modal { /* Moves the "More" modal down on mobile */
        top: 80px;
    }
    .product-additional-info-module .catalog-product .product-details-col { /* Tidies upsells on the cart page */ 
        width: 100%;
    }
    .product-additional-info-module .catalog-product .product-image-col {/* Tidies upsells on the cart page */
        width: 100%;
    }
    .cow-desktop-only { /* Removes the redundant cow from mobile */
        display: none;
    }
    #___ratingbadge_0 { /* Hides the Google Reviews tab on mobile */
        bottom: 60px !important;
    }
    .payments_messaging_module { /* Aligns the PayPal offering */
        padding-left: 20px;
    }
    /* Optimizes the product page product details for mobile */
    .product-details-inner ul.field-list {
        display: grid;
        grid-template-columns: repeat(4, 25%);
        align-items: start;
    }
    .product-details-inner ul.field-list .manufacturer, .product-details-inner ul.field-list .part_number, .product-details-inner ul.field-list .positions, .product-details-inner ul.field-list .also_known_as {
        grid-column: span 2;
        align-self: start;
        height: auto;
    }
    .product-details-inner ul.field-list .description, .product-details-inner ul.field-list .product-superseded-list, .product-details-inner ul.field-list .condition {
        height: auto;
    }
    .product-details-inner ul.field-list li {
        grid-column: span 4;
    }
    .product-details-inner ul.field-list h2, .product-details-inner ul.field-list span {
        display: block;
    }
    .product-details-inner ul.field-list ul {
        list-style: none;
        padding-left: 0;
    }
    .product-details-module ul.field-list li+li {
        height: auto;
        margin: 0 0 15px 0;
    }
    .product-additional-info-module .catalog-product .product-image-col {
        width: 90px;
    }
    .product-additional-info-module .catalog-product .product-image-col>a img {
        height: unset;
        max-width: 90px;
    }
    .product-page-layout ul.field-list li .list-value {
        display: block;
    }
}

@media (max-width: 799px) { /* Overrides and properly sizes h2s on the mobile homepage */
    #page-home h2 {
        font-size: 2.5em;
    }
}

#rp_global_add_to_cart .current_product .product_details_col ul li label { /* Fixes the padding of "Our Price" in the Added to Cart popup */
    padding-right: unset !important;
}

#rp_global_add_to_cart .add_cart_control .add_cart_button .button { /* Makes the buttons in the Added to Cart popup larger */
    height: 50px;
}

/* Fixes the display of the product page vehicle fitment table */
.product-fitment-module .fitment-table-wrap .fitment-table td, .product-fitment-module .fitment-table-wrap .fitment-table th {
    padding: 8px;
}
.fitment-year {
    min-width: 45px;
}
.fitment-make {
    min-width: 80px;
}
.fitment-model {
    min-width: 60px;
}
.fitment-trim {
    max-width: unset;
}
.fitment-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.fitment-table {
  min-width: 800px;
  width: max-content;
  border-collapse: collapse;
}

.product-details-module li.product-description span.description_body li { /* Adds spacing for lists in product descriptions */
    margin: 0 0 20px 20px;
}

.featured-products-module h2 { /* Centers the Featured Products h2 */
    text-align: center;
}
.featured-products-module .featured-products { /* Centers the Featured Products section */
    justify-content: center;
}

.required-parts th { /* Properly displays the labels in the bundle parts table */
    white-space: nowrap;
}

.cart-page-layout .cart-other-options { /* Prevents the checkout box from clipping */
    width: unset;
}

/* Adjusts the cart page VIN collector */
.cart-page-layout .cart-subtotal-row .collect-vin-form-module p { 
    font-size: 15px;
    font-weight: 700;
}
.collect-vin-form-module .input-custom .vin-form-button {
    min-width: 80px;
}
@media(max-width: 767px) {
    .cart-page-layout .cart-subtotal-row .collect-vin-form-module {
        display: block;
    }
    .cart-page-layout .cart-subtotal-row .collect-vin-form-module p {
        font-size: 12px;
        font-weight: 500;
    }
}

@media only screen and (max-width: 960px) { /* Properly displays the Yotpo rating on mobile */
    .main-widget .avg-score {
        width: 90px !important;
    }
}

.health-warning { /* Adds some space above the Prop 65 warning */
    padding-top: 20px;
}

#rp_shipping_message {
    padding: unset !important;
    padding-left: 10px !important;
}

.shop-other-brands img { /* Adds spacing between the other brand logos in the footer */
    margin: 5px 5px 30px;
}

.product-recommended-module { /* Fixes the alignment of the Recommended Products on the product page */
    padding-right: unset;
}

/* Old code which was removed:
img.cow_img {
    width: 95px;
}
.col-sm-3.cow {
    width: 15%!important;
}
.col-md-6.text {
    width: 70%;
} */

/*-------- End OEMI Audit --------*/

/*Secondary holiday banner styling (support case 00095694)*/
#page-home > header > div > div.page-builder-layout-section.text-color-dark.normal-content > div > div > div > div > div > div {
        color: white;
    font-weight: 600;
    font-size: 14px;
}
#page-home > header > div > div.page-builder-layout-section.text-color-dark.normal-content > div > div > div > div > div > div > p {
        margin-bottom: 0rem;
}
/*end Secondary holiday banner styling (support case 00095694)*/


/* Payment logo fixes for the product page */
.payments-accepted-module .payments-watermark {
    list-style-type: none !important;
}
.payments-accepted-module .payments-watermark li {
    display: inline-block !important;
    margin: 0 7px 7px 0 !important;
    vertical-align: middle !important;
}
.payments-accepted-module .payments-watermark li::marker {
    display: none;
}
.payments-accepted-module .payments-watermark .visa {
    height: 17px !important;
    width: 55px !important;
}
.payments-accepted-module .payments-watermark .mastercard {
    height: 18px !important;
    width: 31px !important;
}
.payments-accepted-module .payments-watermark .amex {
    height: 20px !important;
    width: 24px !important;
}
.payments-accepted-module .payments-watermark .discover {
    height: 18px !important;
    width: 94px !important;
}