/*
 Theme Name:   BBTheme Child
 Theme URI:    https://bbtheme.baasbox.dev/
 Description:  BBTheme Child Theme
 Author:       Baasbox
 Author URI:   https://baasbox.com
 Template:     bb-theme
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  bbchild
*/
.page-template-subscription-steps-form .cky-btn-revisit-wrapper,
.page-template-goals-steps-form .cky-btn-revisit-wrapper,
.page-template-subscription-steps-form .iubenda-tp-btn{
   display: none;
}

.mobile-app .step-1 .bb-steps-form_steps_form_step-grid {
   grid-template-columns: 1fr 1fr !important;
   gap: 8px !important;
}
.mobile-app .step-1 .bb-steps-form_steps_form_step-grid .bb-steps-form_steps_form_checkbox {
   aspect-ratio: 1;
   position: relative;
   overflow: hidden;
   border-radius: 50px;
   border: 2px solid transparent;
}
.mobile-app .step-1 .bb-steps-form_steps_form_step-grid .bb-steps-form_steps_form_checkbox:after {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: red;
}
.mobile-app .step-1 .bb-steps-form_steps_form_step-grid .bb-steps-form_steps_form_checkbox:nth-child(1):after {
   background: url(/wp-content/themes/bb-theme/assets/images/profilazione/app/fitness.svg) no-repeat center center;
   background-size: cover;
}
.mobile-app .step-1 .bb-steps-form_steps_form_step-grid .bb-steps-form_steps_form_checkbox:nth-child(2):after {
   background: url(/wp-content/themes/bb-theme/assets/images/profilazione/app/mamme.svg) no-repeat center center;
   background-size: cover;
}
.mobile-app .step-1 .bb-steps-form_steps_form_step-grid .bb-steps-form_steps_form_checkbox:nth-child(3):after {
   background: url(/wp-content/themes/bb-theme/assets/images/profilazione/app/meditazione.svg) no-repeat center center;
   background-size: cover;
}
.mobile-app .step-1 .bb-steps-form_steps_form_step-grid .bb-steps-form_steps_form_checkbox:nth-child(4):after {
   background: url(/wp-content/themes/bb-theme/assets/images/profilazione/app/nutrizione.svg) no-repeat center center;
   background-size: cover;
}
.mobile-app .step-1 .bb-steps-form_steps_form_step-grid .bb-steps-form_steps_form_checkbox:nth-child(5):after {
   background: url(/wp-content/themes/bb-theme/assets/images/profilazione/app/pilates.svg) no-repeat center center;
   background-size: cover;
}
.mobile-app .step-1 .bb-steps-form_steps_form_step-grid .bb-steps-form_steps_form_checkbox:nth-child(6):after {
   background: url(/wp-content/themes/bb-theme/assets/images/profilazione/app/selfcare.svg) no-repeat center center;
   background-size: cover;
}
.mobile-app .step-1 .bb-steps-form_steps_form_step-grid .bb-steps-form_steps_form_checkbox:nth-child(7):after {
   background: url(/wp-content/themes/bb-theme/assets/images/profilazione/app/yoga.svg) no-repeat center center;
   background-size: cover;
}

.mobile-app .step-1 .bb-steps-form_steps_form_step-grid .bb-steps-form_steps_form_checkbox:hover {
   cursor: pointer;
   opacity: 0.9;
   transition: opacity 0.3s ease-in-out;
}

.mobile-app .step-1 .bb-steps-form_steps_form_step-grid .bb-steps-form_steps_form_checkbox:has(input:checked) {
   border: 2px solid var(--color-primary);
}



.modal-submit-app-goals .modal-content img {
   width: 100%;
   height: auto;
   max-height: 200px;
   display: block;
   object-fit: contain;
   object-position: center;
   margin: 0 auto;
}

.modal-submit-app-goals .modal-content {
   text-align: center;
}

.modal-submit-app-goals .modal-content h3 {
   font-size: 24px;
   line-height: 1.3;
   margin-bottom: 12px !important;
}

.modal-submit-app-goals .modal-content p {
   font-size: 16px;
   line-height: 1.5;
   display: block;
   text-align: center;
   margin-bottom: 16px;
}

.modal-submit-app-goals .bb-popup {
   justify-content: center;
}

.modal-submit-app-goals .btn-text {
   margin-bottom: 0 !important;
}

.mobile-app .step-1 .bb-steps-form_steps_form_step-grid.bb-steps-form_steps_form_step-grid-goals {
   grid-template-columns: 1fr !important;
   gap: 8px !important;
}


.mobile-app .step-1 .bb-steps-form_steps_form_step-grid .bb-steps-form_steps_form_counter-area {
   width: 100%;
   border-radius: 12px;
   padding: 16px;
   margin: 0 !important;
   justify-content: space-between;
   gap: 16px;
}

.mobile-app .step-1 .bb-steps-form_steps_form_step-grid .bb-steps-form_steps_form_counter-area:nth-child(1){
   background: #C58FF7 !important;
}

.mobile-app .step-1 .bb-steps-form_steps_form_step-grid .bb-steps-form_steps_form_counter-area:nth-child(2){
   background: #FF5C97 !important;
}

.mobile-app .step-1 .bb-steps-form_steps_form_step-grid .bb-steps-form_steps_form_counter-area:nth-child(3){
   background: #69A6FF !important;
}

.mobile-app .step-1 .bb-steps-form_steps_form_step-grid .bb-steps-form_steps_form_counter-area:nth-child(4){
   background: #7DCAFF !important;
}


.mobile-app .step-1 .bb-steps-form_steps_form_step-grid .bb-steps-form_steps_form_counter-area span {
   color: #fff;
   font-size: 16px;
   line-height: 1.2;
   font-weight: 600;
}

.mobile-app .step-1 .bb-steps-form_steps_form_step-grid .bb-steps-form_steps_form_counter-area .actions {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 4px;
}

.mobile-app .step-1 .bb-steps-form_steps_form_step-grid .bb-steps-form_steps_form_counter-area .actions button{
   padding-bottom: 3px;
   width: 32px;
   height: 32px;
   border-radius: 8px;
   background: #fff;
   border: none;
   color: #FF682C;
   font-size: 24px;
   line-height: 1;
}

.mobile-app .step-1 .bb-steps-form_steps_form_step-grid .bb-steps-form_steps_form_counter-area .actions input {
   background: transparent;
   border: none;
   color: #fff;
   width: fit-content !important;
   min-width: 0 !important;
   padding: 0 !important;
   margin: 0 !important;
   text-align: end;
}

#total-workouts-container {
   padding: 16px 16px 0;
   border-top: 1px solid #E7E9F1;
   display: flex;
   align-items: center;
   justify-content: space-around;
   gap: 8px;
   
}

#total-workouts-container #total-workouts {
   font-size: 24px;
   font-weight: 600;
}

#total-workouts-container p{
   font-size: 16px;
   line-height: 1.4;
   max-width: 180px;
}