.text-primary{
		color: #0a9c61 !important;
	}
	.border-primary{
		border: 2px solid #0a9c61 !important;
	}
	.btn-outline-primary{
		border: 1px solid #0a9c61 !important;
		background-color: white;
		color: black;
	}
	.heading{
		margin-bottom: 10px;
	}
	.title .widget_title {
		max-width: 270px;
		color: var(--white-color);
		font-weight: 500;
		text-transform: capitalize;
		margin: -0.12em 0 10px 0;
		padding: 0 0 20px 0;
		display: flex;
	}
	.title .widget_title:before {
		display: none;
	}
	.title .widget_title:after {
		border-radius: 10px;
		height: 2px;
		width: 106px;
		background-color: transparent;
		background-image: -webkit-linear-gradient(
		left,
		var(--theme-color),
		transparent
		);
		background-image: linear-gradient(to right, var(--theme-color), transparent);
	}
	.title .widget_title img {
		margin: -7px 10px 0 0;
	}




	/* Subscription Goal Options */
	.goal-option-wrapper {
		display: block;
		position: relative;
		padding: 5px;
	}

	/* Hide radio buttons */
	.goal-radio {
		display: none;
	}

	/* Styling for the goal badge */
	.goal-badge {
		padding: 15px 20px;
		background: transparent;
		border-radius: 30px;
		cursor: pointer;
		border: 1px solid #00af66;
		font-size: 16px;
		text-align: center;
		font-weight: bold;
		transition: all 0.3s ease;
	}

	/* Change background and text color when radio button is selected */
	.goal-radio:checked + .goal-badge {
		background: #0a9c61;
		color: white;
	}


	/* Add styling for the kcal range text */
	.goal-badge p {
		font-size: 14px;
		color: #6b7280; /* Gray color */
		margin-top: 10px;
	}
	.goal-radio:checked + .goal-badge p {
		color: rgb(235, 225, 225);
	}

	/* Additional hover effect for better user experience */
	.goal-badge:hover {
		background-color: #e5f8e2; /* Light green on hover */
	}

	/* Ensures the badge has some padding and doesn't look too tight */
	.goal-option-wrapper label {
		display: block;
		width: 100%;
		margin-bottom: 1rem;
	}












	/* Meals */
    .product-wrapper {
        display: block;
        cursor: pointer;
        position: relative;
        text-align: center;
        transition: all 0.3s ease;
        margin: 10px;
    }

	.product-wrapper .product-img {
	   position: relative;
	   overflow: hidden;
	   border-radius: 10px;
	}



	/* Overlay with text when checkbox is checked */
	/*.meal-checkbox:checked + .product-img::after {*/
	   content: 'Selected'; /* Add your desired text */
	/*   position: absolute;*/
	/*   top: 50%;*/
	/*   left: 50%;*/
	/*   transform: translate(-50%, -50%);*/
	/*   width: 100%;*/
	/*   height: 100%;*/
	/*   background-color: #0a9c617d;*/
	   color: white; /* Text color */
	   font-size: 18px; /* Adjust text size */
	   font-weight: bold; /* Bold text */
	/*   text-align: center;*/
	/*   border-radius: 10px;*/
	/*   transition: all 0.3s ease;*/
	/*   display: flex;*/
	/*   justify-content: center;*/
	/*   align-items: center;*/
	   z-index: 2; /* Make sure the overlay is above everything else */
	/*}*/


	/*.meal-checkbox:checked + .product-img {*/
	   border: 3px solid #00af66; /* Active color for selected meal */
	/*   box-shadow: 0 0 10px rgba(0, 128, 0, 0.5);*/
	/*   transform: scale(1.05);*/
	/*}*/

	h6 {
	   font-size: 16px;
	   margin: 0;
	}

	.product-wrapper:hover .product-img {
	   transform: scale(1.05);
	   transition: all 0.8s ease;
	}

	/* Flex container for meal type and price */


	.pre-price {
	   color: #888;
	   margin-left: 5px;
	   font-size: 14px;
	}

	/* Offer Badge styling */
	.offer-badge {
	   /*position: absolute;*/
	   /*top: 5px;*/
	   /*right: 5px;*/
	   background-color: #0a9c61;
	   color: white;
	   padding: 3px 8px;
	   font-size: 12px;
	   font-weight: bold;
	   border-radius: 30px;
	}
	





	/* <!-- Days --> */
    .day-option-wrapper {
        display: block;
        position: relative;
        padding: 5px;
    }

   	.day-radio {
      display: none;
   	}

   .day-badge {
		padding: 15px 20px;
		background: transparent;
		border-radius: 30px;
		cursor: pointer;
		border: 1px solid #00af66;
		font-size: 16px;
		text-align: center;
		font-weight: bold;
		transition: all 0.3s ease;
	   }
	.day-badge:hover {
		background-color: #f0f8f5;
		color: #0a9c61;
	}


    .day-selection .offer-badge {
        background-color: #ffc200;
        color: white;
        padding: 4px 10px;
        border-radius: 15px;
        font-size: 12px;
        position: absolute;
        top: 64px;
        left: 50%;
        transform: translate(-50%, -50%);
        white-space: nowrap;
    }


   .day-radio:checked + .day-badge {
      background: #0a9c61;
      color: white;
   }







	/* <!-- Auhthentication Modal --> */
	.form-control {
		border-radius: 10px;
	  font-size: 16px;
		padding: 15px;
	}
	.nav-link {
	  font-size: 16px;
	  font-weight: 600;
	  text-transform: uppercase;
	}

	.nav-link:hover {
	  background-color: #e9ecef;
	  color: #007bff;
	}

	.form-control {
	    border-radius: 10px;
	    padding: 15px;
	    border: 1px solid green;
	    margin: 2px;
	    background: none !important;
	}

	.btn-primary {
	  padding: 15px;
	  border-radius: 10px;
	}

	/* Custom tab panel styling */
	.tab-content {
	    padding: 20px;
	    background-color: #f8f9fa;
	    border-radius: 10px;
	}






/* Start Date and Select Menu */
	.date-input {
		padding: 25px;
		background: transparent;
		border-radius: 30px;
		cursor: pointer;
		border: 1px solid #00af66;
		font-size: 16px;
		text-align: center;
		font-weight: bold;
		transition: all 0.3s ease;
		color: #333;
	 }

	 .date-input:focus {
		outline: none;
		border-color: #0a9c61;
		background-color: #f0f8f5;
		color: #0a9c61;
	 }

	 .menu-radio {
		display: none;
	 }

    .menu-option-wrapper {
        position: relative;
        display: block;
        padding: 5px;
    }

	 .menu-badge {
		padding: 15px 20px;
		background: transparent;
		border-radius: 30px;
		cursor: pointer;
		border: 1px solid #00af66;
		font-size: 16px;
		text-align: center;
		font-weight: bold;
		transition: all 0.3s ease;
	 }

	 .menu-radio:checked + .menu-badge {
		background-color: #0a9c61;
		color: white;
	 }

	 .menu-badge:hover {
		background-color: #f0f8f5;
		color: #0a9c61;
	 }






	 /* MACROS */
	 .minimal-macro-tracker {
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
        max-width: 800px;
        margin: 0 auto;
        padding: 1rem;
        background: transparent;
    }

    .macro-bars {
        display: flex;
        gap: 1rem;
        background: white;
        padding: 6px;
        border-radius: 12px;
    }

    .macro-item {
        flex: 1;
        display: flex;
        flex-direction: column;
        position: relative;
    }

    /* Add subtle separator between items except last */
    .macro-item:not(:last-child)::after {
        content: "";
        position: absolute;
        right: -0.5rem;
        top: 10%;
        height: 80%;
        width: 1px;
        background: #f0f0f0;
    }

    .macro-label {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .macro-icon {
        width: 26px;
        height: 26px;
        border-radius: 7px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.8rem;
        font-weight: 700;
        color: white;
    }

    /* Kcal Styling */
    .kcal .macro-icon {
        background: #FF6B6B;
        font-size: 0.9rem;
    }

    .kcal .macro-name {
        color: #FF6B6B;
    }

    .kcal .progress-bar {
        background: linear-gradient(90deg, #FF6B6B, #FF8E8E);
    }

    /* Protein Styling */
    .protein .macro-icon {
        background: #4ECDC4;
    }

    .protein .progress-bar {
        background: #4ECDC4;
    }

    /* Carbs Styling */
    .carbs .macro-icon {
        background: #FFD166;
    }

    .carbs .progress-bar {
        background: #FFD166;
    }

    /* Fats Styling */
    .fats .macro-icon {
        background: #A78BFA;
    }

    .fats .progress-bar {
        background: #A78BFA;
    }

    .macro-name {
        font-size: 0.8rem;
        font-weight: 600;
        color: #64748B;
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }

    .macro-details {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
    }

    .macro-value {
        font-size: 0.95rem;
        font-weight: 600;
        color: #1E293B;
    }

    .progress-container {
        height: 5px;
        background: #EDF2F7;
        border-radius: 3px;
        overflow: hidden;
    }

    .progress-bar {
        height: 100%;
        border-radius: 3px;
        width: var(--progress);
    }

    @media (max-width: 768px) {
        .macro-bars {
            flex-wrap: wrap;
            gap: 30px;
        }
        
        .macro-item {
            flex: 1 1 45%;
        }
        
        .macro-item:not(:last-child)::after {
            display: none;
        }
    }

    @media (max-width: 480px) {
        .macro-item {
            flex: 1 1 0%;
        }
        
        .form-group {
            margin-bottom: 15px;
            padding: 5px;
        }
    }






    .scroll-top.show {
        display: none !important;
    }



	


	 /* Payment Methods */
	 .payment-input-radio{
		display: none;
	 }

	 .payment-icon {
		width: 50px; /* Adjust size */
		height: auto;
	}
	.woocommerce-checkout-payment ul li {
		margin-top: 12px;
		border-radius: 10px;
		font-size: 16px;
		padding: 20px;
	}
	.wc_payment_method {
		padding: 10px;
		border: 1px solid #0a9c61;
		border-radius: 5px;
		margin-bottom: 10px;
		background: transparent;
	}
	.wc_payment_method label {
		cursor: pointer;
		padding-left: 10px;
	}