#tdcac-pickup-locations input[name="pickup_location"]{
	margin-right: 5px;
}
#tdcac_click_and_collect__checkout_field{
	float: left;
    width: 100%;
}	
	.tdcac-pickup-locations__box{
		background: #fff;
	    padding: 1em;
	    margin-bottom: 1em;
	    border-radius: 5px;
	    border: 1px solid rgba(0, 0, 0, .1);
	}
	.tdcac-pickup-locations__title{
		font-weight: bold;
	}
	.tdcac-pickup-locations__list{
		
	}	
		.tdcac-pickup-locations__box label{
			display: block;
			width: 100%;
			margin-bottom: 0.25em;
		}
		.tdcac-pickup-locations__item{
			padding: 0.5em;
    		border-radius: 3px;
    		background: lab(99 0 -0.01);
		}
		.tdcac-pickup-locations__item:hover{
			background: lab(95 0 -0.01);
		}

@keyframes watchme{
	0%{
		transform: scale(1);
		background-color: white;
	}
	10%{
		background-color: #ffffc7;

	}
	
	30%{
		
		transform: scale(1.05);
	}
	95%{
		
		transform: scale(0.99);
	}

	100%{
		transform: scale(1);
		background-color: white;
	}
}

/* Exemple de CSS pour la classe active */
#ptdcac-ickup-locations.active {
	animation-delay: 1s;
	animation: watchme;
	animation-duration: 1s;

    background:#fff; /* Ou les styles que vous souhaitez appliquer lorsque la classe est active */
}

.tdcac-pickup-location input[type="radio"]{
	margin-right: 0.5em;
}

#tdcac-pickup-locations:not(.active){
	display: none;
}
.tdcac-pickup-location-hours{
	padding-left: 1em;
	border-left: 1px rgba(0,0,0,0.1) solid;
}
.tdcac-pickup-location.active,
.tdcac-pickup-location-hours.active{
	font-weight: bold;
}

.tdcac-pickup-location__title,
.tdcac-pickup-location-hours__main-title
{
	font-size: 1.2em;
	margin-bottom: 0.5em;
}