/*
 Theme Name:   Twenty Twenty-Five Child
 Template:     twentytwentyfive
*/

/* 141 = opening-soon-form */
body:not(.page-id-141) {


    /* --- Add your custom CSS below this line --- */

    /* Targets the checked state of the checkbox and forces the checkmark color to black */
    .page-id-267 .gform-theme--framework input[type=checkbox]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):checked::before {
        /* Set the color to black and force the override */
        color: #000000 !important;
        /* You may also need to ensure opacity is 1 if the theme is hiding it */
        opacity: 1 !important; 
    }

    /* Include the radio button selector just in case, using the same fix */
    .page-id-267 .gform-theme--framework input[type=radio]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):checked::before {
        color: #000000 !important;
        opacity: 1 !important;
    }


    /*
    * ul 2 columns on desktop
    */
        @media (min-width: 768px) {
        .list-2-column-desktop {
            column-count: 2;
            column-gap: 40px; /* Adjust the space between columns */
        }    

        .taglines-midpage {
            /* If the original size was 24px, 2x is 48px */
            font-size: 68px !important; 
        }

        .benefits-header {
            font-size: 34px !important; 
        }  
        .benefits-list li{
            font-size: 22px !important; 
        }
        .benefits-list-cryofacial-therapy li{
            font-size: 17px !important; 
        }

    }

    /** Tablet styles and small laptop */
    @media (min-width: 768px) and (max-width: 1400px) {

        .no-mobile-stack-compression-sleeves-hero {
            min-height: 550px !important;
        }

        .wp-block-cover.no-mobile-stack-compression-sleeves-hero .wp-block-cover__image-background {
            object-fit: contain !important;
        }

    }


    @media (max-width: 767px) {


        /*  ADD no-mobile-stack  TO THE GROUP */

        .hide-br-on-mobile {
            display: none !important;
        }
        
        /* 1. Force cover blocks to stack, UNLESS they have the .no-mobile-stack class */
        .wp-block-cover:not(.no-mobile-stack) {
            display: flex !important;
            flex-direction: column-reverse !important;
            min-height: auto !important; 
        }

        /* 2. Force text/background out of overlay, UNLESS .no-mobile-stack */
        .wp-block-cover:not(.no-mobile-stack) .wp-block-cover__inner-container,
        .wp-block-cover:not(.no-mobile-stack) .wp-block-cover__background {
            position: static !important;
        }

        /* 3. Remove background and adjust padding, UNLESS .no-mobile-stack */
        .wp-block-cover:not(.no-mobile-stack) .wp-block-cover__inner-container {
            background-color: transparent !important;
            padding: 0 20px 40px 20px; /* Top=0, L/R=20, Bottom=40 */
            width: auto !important;
        }
        
    /* * 4. FORCE TEXT TO BE BLACK (FIX)
        * Broken into separate rules to override inline styles.
        */
        .wp-block-cover:not(.no-mobile-stack) .wp-block-cover__inner-container h1,
        .wp-block-cover:not(.no-mobile-stack) .wp-block-cover__inner-container h2 {
        color: #111 !important;
        font-size: 26px !important;
        }

        /* This rule specifically targets the paragraph to beat the inline style */
        .wp-block-cover:not(.no-mobile-stack) .wp-block-cover__inner-container p {
        color: #111 !important;
        }

        /* This NEW rule targets paragraphs with inline color classes like "has-accent-3-color" */
        .wp-block-cover:not(.no-mobile-stack) .wp-block-cover__inner-container p[class*="-color"] {
        color: #111 !important;
        }

        /* 5. Force button to be black, UNLESS .no-mobile-stack */
        .wp-block-cover:not(.no-mobile-stack) .wp-block-cover__inner-container .wp-block-button__link {
            color: #111 !important;
            border-color: #111 !important;
        }

        /* 6. Force image to be a normal block, UNLESS .no-mobile-stack */
        .wp-block-cover:not(.no-mobile-stack) .wp-block-cover__image-background {
        position: static !important;
        width: 100%;
        height: auto;
        object-fit: initial;
        object-position: initial;
        }

        /* 7. NEW, MORE SPECIFIC RULE */
        .wp-block-cover.no-mobile-stack-taglines {
            min-height: 250px !important;
        }


        /* START ALL THE MODALITIES - dwd */

        /* COMPRESSION SLEEVES */
            .wp-block-cover.no-mobile-stack-compression-sleeves {
                min-height: 350px !important;
                margin-top:30px;
            }

            /* This rule *swaps the image* on mobile without breaking the stacking */
            .wp-block-cover.no-mobile-stack-compression-sleeves-hero .wp-block-cover__image-background {
                content: url('https://www.banditwellness.com/wp-content/uploads/2025/08/compression-wide.jpg') !important;
                object-fit: cover; 
                
            }
        /* HYPERBARIC OXYGEN CHAMBER */
            .wp-block-cover.no-mobile-stack-oxygen-chamber { 
                min-height: 350px !important;
                margin-top: 30px;
            } 
            /* OXYGEN CHAMBER HERO - mobile image  - ******* class goes on Hero Image Block****** */
            .wp-block-cover.no-mobile-stack-oxygen-chamber-hero .wp-block-cover__image-background {
                content: url('https://www.banditwellness.com/wp-content/uploads/2025/11/OxyRevo-Hard-Hyperbaric-Chambers-web-opt4-scaled-002.jpg') !important;
                object-fit: cover; 
            }       

        /* Cyro Chamber */
            .wp-block-cover.no-mobile-stack-cyro { 
                min-height: 600px !important;
                margin-top: 30px;
            } 
            /* OXYGEN CHAMBER HERO - mobile image  - class goes on Hero Image Block*/
            .wp-block-cover.no-mobile-stack-cryo-hero .wp-block-cover__image-background {
                content: url('https://www.banditwellness.com/wp-content/uploads/2025/11/cyrophit-cryo-chamber-001.jpg') !important;
                object-fit: cover; 
            } 

        /* RED LIGHGT THERAPY BED  */
            .wp-block-cover.no-mobile-stack-red-light-bed .wp-block-cover__image-background {
                content: url('https://www.banditwellness.com/wp-content/uploads/2025/11/redlightbed-wide-mobile.jpg') !important;
                object-fit: cover; 
            } 


        /* ZERO GRAVITY CHAIRS  */
            .wp-block-cover.no-mobile-stack-zero-gravity-chairs .wp-block-cover__image-background {
                content: url('https://www.banditwellness.com/wp-content/uploads/2025/11/zerogravitychair-web-2-mobile-001.jpg') !important;
                object-fit: cover; 
            }         

        /* MASSAGE CHAIRS  */
            .wp-block-cover.no-mobile-stack-massage-chairs .wp-block-cover__image-background {
                content: url('https://www.banditwellness.com/wp-content/uploads/2025/11/Novo-XTPRO_Black_Hero_Model_mobile.jpg') !important;
                object-fit: cover; 
            }         
        /* SOCIAL RELAXIZATION  */
            .wp-block-cover.no-mobile-stack-social-relaxation .wp-block-cover__image-background {
                content: url('https://www.banditwellness.com/wp-content/uploads/2025/11/socia-relaxation-mobile.jpg') !important;
                object-fit: cover; 
            }       
            
        /* BENEFITS ACCROSS ALL MODALITIES */
        #wp--skip-link--target > div > div.wp-block-cover.alignfull > div > div > p > strong > mark {
                color:#000 !important;
            }       


        /* MEDIAL WEIGHT LOSS  */
            .wp-block-cover.no-mobile-medical-weight-loss .wp-block-cover__image-background {
                display: none !important;
            }          

        /* CRYOFACIAL THERAPY  */
            .wp-block-cover.no-mobile-cryofacial-therapy .wp-block-cover__image-background {
                content: url('https://www.banditwellness.com/wp-content/uploads/2025/11/cryofacial-therapy-mobile-001.jpg') !important;
                object-fit: cover; 
            }       


        /* THE REJUVENATOR */
            .wp-block-cover.no-mobile-the-rejuvenator .wp-block-cover__image-background {
                content: url('https://www.banditwellness.com/wp-content/uploads/2025/11/bandit-the-rejuvenator-mobile-001.jpg') !important;
                object-fit: cover; 
            }   

        /* CONTACT PAGE */
            .contact-background-remove img {
                display: none;
            }
            /* TARGETS ALL TEXT ELEMENTS ON PAGE-ID-267 */
            .page-id-267 body, 
            .page-id-267 p, 
            .page-id-267 span, 
            .page-id-267 h1, 
            .page-id-267 h2, 
            .page-id-267 h3, 
            .page-id-267 h4, 
            .page-id-267 h5, 
            .page-id-267 h6,
            .page-id-267 label, /* Targets form labels like (REQUIRED) */
            .page-id-267 input, /* Targets text inside form fields */
            .page-id-267 textarea {
                color: #000000 !important;
            }

            /* TARGETS ALL LINKS ON PAGE-ID-267 */
            .page-id-267 a {
                color: #000000 !important;
            }

            /* TARGETS SPECIFIC GRAVITY FORMS TEXT */
            .page-id-267 .gform_wrapper label,
            .page-id-267 .gform_wrapper .gfield_description {
                color: #000000 !important;
            }
            .page-id-267 ul.wp-block-list li {
                color: #000000 !important;
            }        

            .page-id-267 .gfield_label {
                color: #000000 !important;
            }

            /* Targets the (REQUIRED) span within the form on this page */
            .page-id-267 .gfield_required {
                color: #000000 !important;
            }
            .gform_confirmation_message_1, .gform_confirmation_message {
                color: #000000 !important;
            }
            .gfield_consent_description_1_4 {
                color: #000000 !important;
            }

    }
}