/* Meditherapie — form validation message placement.
   Added 2026-09-18. Ref: meditherapie-qty-validation-message-misaligned-2026-09-18
   1. The theme caps every validation message at width:60%, which leaves the cart
      qty message short of its input and paints it under the Price column.
   2. On the qty field the 1px border sits on .control, not on the input, so the
      message is drawn inside the visible field box. Hang it below the box. */

body div.mage-error {
    width: auto;
    max-width: 100%;
}

body .cart.table-wrapper .col.qty div.mage-error {
    text-align: right;
}

body .product-add-form .field.qty > .control {
    position: relative;
}

body .product-add-form .field.qty > .control > div.mage-error {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 6px;
    width: max-content;
    max-width: none;
}

body .product-add-form .field.qty:has(> .control > div.mage-error) {
    padding-bottom: 24px;
}