/* TODO: À faire en sass correctement plus tard */
.checkout-step-content #pisol-otw-tips {
	    margin: 0 0 1rem;
	        background-color: rgba(255, 208, 52, 0.14);
    border: 0;
    padding: 1rem;
}

.checkout-step-content .pisol-otw-name {
	font-size: 1rem;
	text-transform:uppercase;
	margin-bottom: 0.5rem;
	font-weight: 700;
}

.checkout-step-content .pisol-otw-values {
	margin: 0;
    gap: 0.5rem;
}

.checkout-step-content .pisol-otw-value,
.checkout-step-content .pisol-otw-value-custom {
	border:0;
	margin:0;
	padding:0;
}

.checkout-step-content .pisol-otw-value span,
.checkout-step-content .pisol-otw-value-custom span,
.pisol-otw-custom-tip-button {
	border-radius:32px;
	border: 1px solid #e6e6e6;
	height:auto;
	padding: 0 1rem;
	font-size: 0.9em;
	font-weight:600;
	text-transform: uppercase;
}

.pisol-otw-custom-tip-button {
	border-color: var(--owl-active-button-bg-color);
	margin-left: 0.5rem;
}

.pisol-otw-custom-tip-button:hover {
	background-color: #3a3a3a;
    border-color: #3a3a3a;
    color: #fff!important;
}

.checkout-step-content .pisol-otw-value:not(.pisol-otw-applied) span:hover,
.checkout-step-content .pisol-otw-value-custom:not(.pisol-otw-custom-applied) span:hover {
	background-color: #e6e6e6;
}

.checkout-step-content .pisol-otw-value.pisol-otw-applied span, 
.checkout-step-content .pisol-otw-value-custom.pisol-otw-custom-applied span {
	border-color: var(--owl-active-button-bg-color);
}

.checkout-step-content .pisol-otw-custom-tip-field {
    height: 38px !important;
    line-height: 38px !important;
    padding: 0.25rem 1rem !important;
    border-radius: 0.25rem!important;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02)!important;
}