/* fix search page layout */
@media screen and (max-width: 1050px) {
    .search-listing-module .catalog-products.column-layout-4 {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* 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 */

div.product-description {
    border: 2px solid #eee; /* Adjust the border color and width as needed */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Adjust the shadow as needed */
    padding: 10px; /* Optional: Adds space between the border and content */
    background-color: #fff; /* Optional: Adds a background color */
}




div.product-title-module {
    border: 2px solid #eee; /* Adjust the border color and width as needed */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Adjust the shadow as needed */
    padding: 10px; /* Optional: Adds space between the border and content */
    background-color: #fff; /* Optional: Adds a background color */
}
.page-builder-layout-column-wrap.full-height-wrapper.product-right {
    border: 2px solid #eee; /* Adjust the border color and width as needed */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Adjust the shadow as needed */
    padding: 10px; /* Optional: Adds space between the border and content */
    background-color: #fff; /* Optional: Adds a background color */
}
.page-builder-layout-column-wrap.full-height-wrapper.product-left {
    border: 2px solid #eee; /* Adjust the border color and width as needed */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Adjust the shadow as needed */
    padding: 10px; /* Optional: Adds space between the border and content */
    background-color: #fff; /* Optional: Adds a background color */
}

div.product-tab-nav-module {
    border: 2px solid #eee; /* Adjust the border color and width as needed */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Adjust the shadow as needed */
    padding: 10px; /* Optional: Adds space between the border and content */
    background-color: #fff; /* Optional: Adds a background color */
}

div.product-details-module {
    border: 2px solid #eee; /* Adjust the border color and width as needed */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Adjust the shadow as needed */
    padding: 10px; /* Optional: Adds space between the border and content */
    background-color: #fff; /* Optional: Adds a background color */
}

div.product-recommendations.has-recommendations {
    border: 2px solid #eee; /* Adjust the border color and width as needed */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Adjust the shadow as needed */
    padding: 10px; /* Optional: Adds space between the border and content */
    background-color: #fff; /* Optional: Adds a background color */
}

div.product-fitment {
    border: 2px solid #eee; /* Adjust the border color and width as needed */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Adjust the shadow as needed */
    padding: 10px; /* Optional: Adds space between the border and content */
    background-color: #fff; /* Optional: Adds a background color */
}



div.product-policies-module {
    border: 2px solid #eee; /* Adjust the border color and width as needed */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Adjust the shadow as needed */
    padding: 10px; /* Optional: Adds space between the border and content */
    background-color: #fff; /* Optional: Adds a background color */
}
























#body-content-custom .home-about-text h2 {
  color: #0a7bbc;
}
#body-content-custom .home-about-text p {
  font-family: 'Lato', sans-serif;
  font-size: 14pt;
  font-weight: 400;
  color: #444;
  padding: 0 0 35px 0;
}
#body-content-custom .home-about-text .blog-button {
  color: #0a7bbc;
}
#body-content-custom .home-about-text .blog-button:hover,
#body-content-custom .home-about-text .blog-button:active {
  color: #075b8c;
}
#featured-custom .product-wrapper-link {
   height: 360px;
}
.featured-products-module .product-wrapper-link .product-details-link {
    background-color: #007cc3;
    color: #fff;
}



/*--- OEM INTERACTIVE ---*/
/* Product Page */

.product-purchase-module .purchase-box .product-price .you-save .list-label {
  font-size: 17px;
}
.product-purchase-module .purchase-box .product-price .you-save .list-value {
  color: #49aa22;
  font-size: 17px;
}
.product-page-layout li.you-save .list-value .savings-percent-value {
  font-weight: 1000;
}
.product-details-module li.product-description span.description_body p,
.product-details-module li.product-description span.description_body ul,
.product-details-module li.product-description span.description_body ol,
.product-details-module li.product-description span.description_body li {
    font-size: 15px;
    line-height: 1.5;
    margin: 0 0 20px 0;
}
.product-details-module li.product-description span.description_body ul,
.product-details-module li.product-description span.description_body ol {
    margin: 0 0 20px 30px;
}
.product-badges-module .product-badges .product-badge .badge-icon .icon {
    background-image: url(//rparts-sites.s3.amazonaws.com/4c0925304c01148cf1e8709633debf01/design/badge-sprite.png);
}
.payment-message-display {
    display: flex;
    justify-content: end;
    padding-right: 10%;
}

/* Logo - Centering */
#logo-custom .store-logo-module img {
    padding: 20px 0px;
}


/*-------------  OEM Interactive UX Audit, May 28 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----------*/
/*-------------------------------------------------------------------*/

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

/* 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 (max-width: 1200px) { 
    #logo-custom .store-logo-module img { /* Repositions the tablet logo */ 
        margin-top: 6px;
    }
}

/* Mobile */
@media (max-width: 767px) { 
    .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%;
    }
    
    .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;
        margin-bottom: 5px;        
    }
    .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;
    }
    .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;
    }
    
    .featured-products-module .product-wrapper-link { /* Removes extra height from featured products */
        height: auto;
    }
    
    #mobile-filters-button { /* Moves the category page filters down */
        top: 100px;
        z-index: 40;
    }
    
    #page-home h2, #pop-parts h3 { /* Centers homepage h2s and h3s */
        text-align: center;
    }
}

@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 .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;
    }
}

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

#rp_shipping_message { /* Aligns the shipping message */
    padding: unset !important;
    padding-left: 10px !important;
}

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

.create-user-form-module { /* Adds space between modules on the Track Order page */
    margin-bottom: 50px;
}

.product-page-layout ul.field-list li .list-label { /* Bolds the labels */
    font-weight: 700 !important;
}

/* Fixes the mobile menu placement */
#mobile-drop-downs .search-row.slider-tab.open {
    padding-bottom: 250px;
}
#mobile-menu  {
    margin-top: -15px !important;
}

.cart-listing-module {
    margin-bottom: 20px;
}

#mobile-car-banner { /* Aligns the mobile top banner */
    margin-top: 0;
}

.select-your-vehicle { /* Aligns the vehicle picker boxes on the desktop homepage */
    height: 89% !important;
}

#main-nav-custom .main-nav-links a:hover div, #main-nav-custom .cart-button-module .cart-component .call-to-action-button:hover .cart-text, #main-nav-custom .cart-button-module .cart-component .call-to-action-button:hover .cart-icon i, #main-nav-custom .help-button:hover, #main-nav-custom .help-button:active { /* Changes the hover color for the secondary nav links */
    color: #aaa;
}

/* Makes the Help modal text legible */
.help-modal .help-columns .section-heading h3 { 
    font-weight: 500;
}
.help-half a {
    color: #000 !important;
}
.help-modal a {
    font-size: 25px;
}

#footer-custom .links-list li::after { /* Fixes the alignment of the footer menu arrows */
    left: 200px;
    top: 14px;
}

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

#mobile-header-custom .mobile-menu-col.menu-selected i, #mobile-header-custom .mobile-search-col.menu-selected i { /*  */
    color: unset;
}

#second-nav-custom ul.second-nav-links li.second-nav-outer-list:nth-child(1):hover ul.second-nav-inner-list, #second-nav-custom ul.second-nav-links li.second-nav-outer-list:nth-child(2):hover ul.second-nav-inner-list { /* Enables hover on the main nav menu */
    display: block;
}
/*-------- End OEMI Audit --------*/