Ancho adaptable para el campo cupón descuento de WooCommerce

    Por defecto el campo de cupón es muy estrecho, y con este código CSS conseguimos que tanto el placeholder como el código como tal quepan correctamente.

    <?php
    
    add_action( 'wp_head', function () { ?>
    <style>
    
    	.woocommerce #content table.cart td.actions .coupon .input-text,
    	.woocommerce table.cart td.actions .coupon .input-text, 
    	.woocommerce-page #content table.cart td.actions .coupon .input-text,
    	.woocommerce-page table.cart td.actions .coupon .input-text
    	{
    		width: auto;
    	}
    </style>
    <?php } );

    Versión de sólo CSS:

    .woocommerce #content table.cart td.actions .coupon .input-text,
    .woocommerce table.cart td.actions .coupon .input-text, 
    .woocommerce-page #content table.cart td.actions .coupon .input-text,
    .woocommerce-page table.cart td.actions .coupon .input-text
    {
        width: auto;
    }