.checkout-button.button-error
{
    pointer-events: none;
    border-color: rgb(137, 137, 137) !important;
    background-color: rgb(137, 137, 137) !important;
    opacity: 0.5 !important;
}

.onlyleft.error
{
    color: rgb(217 82 82) !important;
}


.accordion
{
    max-height: 0;
    overflow: hidden;
    transition: max-height 500ms ease;
    /* Ajoutez une transition avec un effet d'interpolation (easing) */
}

/* Définissez un style pour l'état ouvert de l'accordéon */
.accordion.open
{
    max-height: 330px;
    /* Réglez la hauteur maximale en fonction de la taille de votre contenu */
}

#payment .payment_methods li.wc_payment_method > input[type=radio]:first-child:checked + label:before
{

    color: white !important;

}

#payment .payment_methods li label
{
    display: flex !important;
    justify-content: center !important;
}

#payment .payment_methods li.wc_payment_method img
{
    width: 170px;
    align-self: center;
}

@keyframes colorChange
{
    0%
    {
        background-color: #495f41;
    }

    100%
    {
        background-color: #57BE69;
    }
}

@keyframes colorChangeText
{
    0%
    {
        background-color: #495f41;
    }

    100%
    {
        background-color: #850033;
    }
}


#payment .payment_methods li.wc_payment_method > input[type=radio]:first-child:checked + label
{
    font-weight: 700;
    color: white !important;
    animation: colorChange 1s infinite alternate;
}

.woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions h2
{
    font-size: 18px;
}

.woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions h3
{
    font-size: 16px;
}


.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals
{

    width: 50% !important;
}


.woocommerce-shipping-destination
{
    font-weight: bold;
    font-size: 15px;
    color: white;
    padding: 10px;
    animation: colorChangeText 1s infinite alternate;
}

@media (max-width:768px)
{

    .woocommerce .cart-collaterals .cart_totals,
    .woocommerce-page .cart-collaterals .cart_totals
    {

        width: 100% !important;
    }
}