/**
 * Marcnet Gadgets — WooCommerce Baseline
 * MG-04.2E
 *
 * Conservative visual normalization only.
 * Native WooCommerce queries, templates and behaviour are preserved.
 */

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button {
    min-height: 44px;
    padding: 0.72rem 1rem;
    border-radius: var(--mg-radius-md);
    background: var(--mg-color-primary);
    color: var(--mg-text-inverse);
    font: inherit;
    font-weight: var(--mg-font-weight-semibold);
    line-height: 1.2;
    transition:
        background-color var(--mg-transition-fast),
        color var(--mg-transition-fast),
        border-color var(--mg-transition-fast);
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover {
    background: color-mix(in srgb, var(--mg-color-primary) 88%, black);
    color: var(--mg-text-inverse);
}

.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background: var(--mg-color-secondary);
    color: var(--mg-text-inverse);
}

.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
    background: color-mix(in srgb, var(--mg-color-secondary) 88%, black);
    color: var(--mg-text-inverse);
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row textarea,
.woocommerce-page form .form-row select {
    min-height: 44px;
    padding: 0.7rem 0.85rem;
    border: 1px solid var(--mg-border-strong);
    border-radius: var(--mg-radius-md);
    background: var(--mg-surface);
    color: var(--mg-text);
    font: inherit;
}

.woocommerce form .form-row textarea,
.woocommerce-page form .form-row textarea {
    min-height: 120px;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus,
.woocommerce-page form .form-row input.input-text:focus,
.woocommerce-page form .form-row textarea:focus,
.woocommerce-page form .form-row select:focus {
    border-color: var(--mg-color-secondary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mg-color-secondary) 15%, transparent);
    outline: none;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    border-top: 0;
    border-left: 4px solid var(--mg-color-primary);
    border-radius: var(--mg-radius-md);
    background: var(--mg-surface-soft);
    color: var(--mg-text);
}

.woocommerce-error {
    border-left-color: var(--mg-error);
}

.woocommerce-message {
    border-left-color: var(--mg-success);
}

.woocommerce-info {
    border-left-color: var(--mg-color-primary);
}

.woocommerce span.onsale {
    min-width: auto;
    min-height: 28px;
    padding: 0.35rem 0.55rem;
    border-radius: 999px;
    background: var(--mg-color-secondary);
    color: var(--mg-text-inverse);
    font-size: var(--mg-font-size-sm);
    font-weight: var(--mg-font-weight-bold);
    line-height: 1;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price {
    color: var(--mg-price);
    font-weight: var(--mg-font-weight-bold);
}

.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins,
.woocommerce ul.products li.product .price ins {
    color: var(--mg-price-sale);
    text-decoration: none;
}