/* ----- THIS CSS FILE IS FOR CHANGES MADE BY TOOLTROOPERS ----- */

/* CUSTOM: header icons use the text color again (fixes Shrine Pro 1.9.0 CSS order) */
.header__icons .header__icon,
.header__icons .header__icon.link,
.header__icons summary.header__icon,
.header__icons .header__icon:hover {
  color: rgb(var(--color-foreground)) !important;
}


/*============================================
  LANDING PAGES --> START
  ============================================   */
/* When creating a new landing page, you'll need to insert the landing page name just underneath here line:19, 
and then also copy the product section id and insert it at [Product Section] line:124, 
and then also copy the hook section id and insert at line:75 */

    /* Insert landing page names here: */
    body.page--rv-market, body.page--5-signs-of-rotting-tires {


        /*  ======================================
        HEADER / NAV CONTROL - Landing pages
        ======================================  */
        header.header {
        justify-content: center !important;
        text-align: center;
        }

        /* Ensure header layout uses flex (in case Shrine uses grid) */
        .header {
        display: flex !important;
        align-items: center !important;
        }

        /* Move the logo container to the center */
        .header__heading-link {
        margin: 0 auto !important;
        order: 2; /* pushes logo toward the middle */
        }

        /* Optional: keep menu on left and icons on right */
        .header__inline-menu {
        order: 1;
        }

        .header__icons {
        order: 3;
        }

        /* Optional: clean alignment tweaks */
        .header__heading-logo {
        max-height: 48px; /* adjust if needed */
        height: auto;
        }
        
        /* Hide mobile menu*/
        header-drawer { display:none;}

        /* Hide navigation menu */
        nav.header__inline-menu, .header__search, .header__icon--account {display:none!important;}
        
        /* Hide Horizontal Ticker (Top Banner) */
        #shopify-section-sections--25128927002950__2c2ec774-3430-481f-b927-e9c035b9d24e {display:none;}

        /* Show "TT-RVTC - Landing page - Announcement bar" (Top Banner) */
        #shopify-section-sections--25128927002950__fe1c8c67-b84c-4466-a515-70df3134c1c0 {display:block;}


        /*  ======================================
            TT-RVTC - Landing pages
            ======================================  */
    
        body.page--tireshield-pro-rv #shopify-section-sections--25128927002950__custom_liquid_wwaaTQ {display: none !important;}

        /* [HOOK Section] - START */
        #shopify-section-template--26115172696390__image_with_text_n3KV9G, #shopify-section-template--26153266708806__image_with_text_n3KV9G {
            h2 {
            font-size: 3.6rem;
            font-family: roboto;            
            letter-spacing: normal;
            }

            p.image-with-text__text{
            margin-top: 0px;
            }

            /*.image-with-text__media,
            img {
            border-radius: 0px;
            border: 1px solid #333333;
            }*/

            a {
            max-width: 340px;
            width: 100%;
            margin-top: 30px;
            border-radius: 0px;
            background-color: #3e3e3e;
            }

            .button::after {
            box-shadow: none;
            }

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

                .image-with-text {
                    padding-left: 0px;
                    padding-right: 0px;
                }

                .image-with-text__media-item {
                    padding: 0 30px;
                }

                .image-with-text__content {
                    padding: 0 30px;
                }
            }

            @media screen and (max-width: 1024px) {
                h2 {
                    font-size:3.0rem;
                }
            }
        }
        /* [HOOK Section] - END */
        
        /* [Product Section] - START */
        #shopify-section-template--26115172696390__featured_product_MwJDAm, #shopify-section-template--26153266708806__featured_product_MwJDAm {
            .page-width {
                max-width:1200px;
                padding: 0 30px;
            }

            .jdgm-star {
            color: #222223;
            }

            .color-background-2 {
            color: #ffffff;
            }

            .badge {
            font-size: 1.6rem;
            font-weight: 400;
            background-color: #d85f3f;
            border-color: #d85f3f;
            }

            .quantity-break__benefit {
            font-size: 1.1rem;
            }

            .quantity-break__selector-item__number {
            font-size: 1.3rem;
            }

            @media (min-width: 1024px) {

                .quantity-break__upsell-text {
                    font-size: 1.2rem;
                }

                .product__media-wrapper {
                    max-width: 50%;
                }

                .product__info-wrapper {
                    max-width: 50%;
                    padding-right: 0px;
                }
            }

            @media (max-width: 1024px) {
                .page-width {
                    padding-left:20px;
                    padding-right:10px;
                }
            }
        }
        /* [Product Section] - END */

        /* [Reasons/Points Sections] - START */
        .image-with-text {
            max-width:1200px;
        }

        .image-with-text {
            h2 {
                font-size: 3.6rem;
                font-family: roboto;
                letter-spacing: normal;
            }
            
            .image-with-text__media, img {
                border-radius: 0px;
                border: 1px solid #333333;
            }
            
            a {
                font-weight: 400;
                max-width: 310px;
                width: 100%;
                margin-top: 2.4rem;
                border-radius: 0px;
                background-color: #3e3e3e;
            }
            
            .button::after {
                box-shadow: none;
            }
            
            /*DESKTOP VIEW*/
            @media screen and (min-width: 1024px) {
                .image-with-text__media-item {
                    padding-right: 30px;
                    padding-left: 0;
                }

                .image-with-text__content {
                    padding-left: 30px;
                    padding-right: 0;
                    padding-top: 0;
                    padding-bottom:0;
                    line-height: 2.2rem;
                }
            }

            /*MOBILE VIEW*/
            @media screen and (max-width: 1024px) {
                .image-with-text__media-item {
                    padding-right: 0;
                    padding-left: 0;
                    padding-top: 10px;
                }

                .image-with-text__content {
                    padding-left: 0;
                    padding-right: 0;
                }
                
                .image-with-text__content h2 {
                    font-size:3.0rem;
                    letter-spacing:normal;
                }

                .image-with-text__content p {
                    font-size: 16px;
                    line-height: 22px;
                    letter-spacing: normal;
                }

                a {
                    max-width: 100%;
                }
            }
        }
        /* [Reasons/Points Sections] - End */

        /* [FAQ Sections] - START */

        /*  ======================================
        FOOTER CONTROL - Landing pages
        ======================================  */
            .shopify-section-group-footer-group {display:none;}
    }


    /*  ======================================
    JFP50 - Landing pages - BANNER CONTROL - START
    ======================================  */

    body.page--jumpforce-pro-lp, body.page--jumpforce-pro-lp-v2, body.page--jumpforce-pro-lp-matt-test {
            #shopify-section-sections--25128927002950__custom_liquid_wwaaTQ {display: none !important;}
            #shopify-section-sections--25128927002950__announcement_bar_3Hh6qC {display: none !important;}
            #shopify-section-sections--25128927002950__custom_liquid_XHeGCY {display: none !important;}
            #shopify-section-sections--25128927002950__announcement_bar_pKgn8P {display: block;}
    }

    body.page--jumpforce-pro-4th-july {
        #shopify-section-sections--25128927002950__custom_liquid_wwaaTQ {display: none !important;}
        #shopify-section-sections--25128927002950__announcement_bar_pKgn8P {display: none!important;}
        #shopify-section-sections--25128927002950__custom_liquid_XHeGCY {display: none !important;}
        #shopify-section-sections--25128927002950__announcement_bar_3Hh6qC  {display: block;}          
    }


    body.page--jumpforce-pro-lp-v32, body.page--jumpforce-pro-lp-v322, body.page--jumpforce-pro-backorder-add-on {
            #shopify-section-sections--25128927002950__custom_liquid_wwaaTQ {display: none !important;}
            #shopify-section-sections--25128927002950__announcement_bar_3Hh6qC {display: none !important;}
            #shopify-section-sections--25128927002950__announcement_bar_pKgn8P {display: none !important;}
            #shopify-section-sections--25128927002950__custom_liquid_XHeGCY  {display: block;}  
    }

    /* ======= BANNER CONTROL - END ======= */


    



    /*  ======================================
    RVTC - Landing page - RV Focused
    ======================================  */

    div.color-scheme-template--27360212943174__comparison_slider_VwnDw9 {
        .comparison-slider {
            max-width: 65rem;
            border-radius: 12px;
            }

        .content-container {
            text-align: left;
            }

        .content-and-comparison-slider {
            column-gap: 0rem;
            }

        @media screen and (min-width: 1024px) {
            .content-container {
                text-align: left;
                margin-left: 7rem;
            }
        }

        @media screen and (max-width: 1024px) {
            .content-and-comparison-slider {
                display: flex;
                flex-direction: column;
            }
            .content-and-comparison-slider .comparison-slider {
                order: -1;
            }
        }

        h2 {
            background-image: linear-gradient(#d85f3f, #d85f3f);
            background-size: 40% 3px;
            background-position: left bottom;
            background-repeat: no-repeat;
            padding-bottom: 14px;
        }
    }


/*============================================
  LANDING PAGES --> END
  ============================================   */


/*============================================
  TT-RVTC PRODUCT PAGE --> START
  ============================================   */

/* Price: As low as */
.variant-lowest-price-prefix {
    font-size: 1.6rem;
}

.variant-lowest-price-value {
    font-size: 2.4rem;
    font-weight: 700;
}


.color-background-2 {
  color: #ffffff;
}
.review-item__text,
.review-item__author {
  letter-spacing: 0px;
}
.sticky-atc__price .price-item--sale {
  color: #222223;
  font-size: 1.1em;
}
.quantity-break__benefit {
  font-size: 1.1rem;
}
.quantity-break__selector-item__number {
  font-size: 1.3rem;
}
.product__text:nth-of-type(1) {
  max-width: 400px;
}
.urgency-text {
  color: #000;
}
  .quantity-break__caption {
    background: #d85f3f;
    color: #ffffff;
    padding: 7px 10px 5px;
    border-radius: 0.4em;
}

/*DESKTOP VIEW*/
@media (min-width: 1024px) {
    .quantity-break__upsell-text {
        font-size: 1.35rem;
    }

    .quantity-break__compare-price{
        font-size: 1.6rem;
    }

    .quantity-break__price {
        font-size: 1.8rem;
    }
}

/*.jdgm-widget.jdgm-widget{
    display:inline-block!important;
}*/

 /*MOBILE VIEW*/
@media screen and (max-width: 1024px) {
    .quantity-break__compare-price{
        font-size: 1.6rem;
    }
    .quantity-break__price{
        font-size: 1.8rem;
    }
    .quantity-break__upsell-text {
        font-size: 1.3rem;
    }
}
/*============================================
  TT-RVTC PRODUCT PAGE --> END
  ============================================   */