/*
 * Het couponveld op de winkelwagenpagina staat in de AWCC-plugin op
 * `width: auto` (awcc-public-cart-page.css, regel 183). Een tekstveld valt dan
 * terug op zijn standaardbreedte van ongeveer 20 tekens — te smal voor de
 * placeholder "Waardebon / Voucher code" (24 tekens), waardoor het einde van de
 * tekst wegviel.
 *
 * We zetten alleen een min-width; `width: auto` uit de plugin blijft staan, dus
 * de volgorde waarin de stylesheets laden maakt niet uit.
 */

body.woocommerce-cart .cart-actions .coupon input#coupon_code {
    min-width: 265px;
    max-width: 100%;
}

/*
 * Onder 992px zet de plugin het veld al op `width: 100%` (regel 462). Een vaste
 * min-width zou daar juist overflow geven op smalle telefoons, dus die halen we
 * er weer af.
 */
@media (max-width: 991px) {
    body.woocommerce-cart .cart-actions .coupon input#coupon_code {
        min-width: 0;
    }
}