/*
Theme Name: Lamaro Child
Template:   lamaro
*/

/* ── WooCommerce cart: mobile layout fix ─────────────────── */
@media (max-width: 768px) {
    .woocommerce-cart-form td.actions {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 12px 16px;
    }
    .woocommerce-cart-form td.actions .coupon {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        width: 100%;
    }
    .woocommerce-cart-form td.actions .coupon input.input-text {
        flex: 1;
        min-width: 120px;
    }
    /* Lamaro wraps the button in an .ltx-btn-wrap (inline-block span).
       Must expand it or width:100% on the button resolves to ~95px. */
    .woocommerce-cart-form td.actions .ltx-btn-wrap {
        display: block !important;
        width: 100% !important;
    }
    /* WooCommerce JS sets width:0px as inline style.
       Lamaro theme sets padding:0 with !important.
       Both need !important to override. */
    .woocommerce-cart-form td.actions button[name="update_cart"] {
        width: 100% !important;
        display: block !important;
        padding: 16px 20px !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        letter-spacing: 0.1em !important;
        color: #28364b !important;
        border: 2px solid #28364b !important;
        background: transparent !important;
        box-shadow: none !important;
        cursor: pointer !important;
    }
}