/*
 * Small compatibility layer for WooCommerce Core markup.
 * No layout or template assumption is made here.
 */

.woocommerce :where(.button, button.button, input.button),
.wc-block-components-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: var(--bhw-control-min-size);
    padding-inline: var(--bhw-space-5);
    border: 1px solid rgba(223, 192, 137, 0.28) !important;
    border-radius: var(--bhw-radius-pill);
    background: var(--bhw-shell-button-gradient) !important;
    box-shadow: var(--bhw-shadow-card), inset 0 1px 0 rgba(255, 255, 255, 0.42);
    color: #120d07 !important;
    font-weight: var(--bhw-weight-semibold);
    line-height: 1.2;
    text-align: center;
}

.woocommerce :where(.button, button.button, input.button):hover,
.woocommerce :where(.button, button.button, input.button):focus-visible,
.wc-block-components-button:hover,
.wc-block-components-button:focus-visible {
    background: linear-gradient(180deg, #efd9aa 0%, #caa268 52%, #aa8150 100%) !important;
    color: #120d07 !important;
}

.woocommerce :where(input.input-text, select, textarea) {
    min-height: var(--bhw-control-min-size);
    border-color: var(--bhw-color-border-strong);
    border-radius: var(--bhw-radius-small);
}

.woocommerce :where(.woocommerce-error, .woocommerce-info, .woocommerce-message) {
    padding: var(--bhw-space-4);
    border: var(--bhw-border-thin) solid var(--bhw-color-border-strong);
    border-inline-start-width: 0.3rem;
    border-radius: var(--bhw-radius-medium);
    background: var(--bhw-color-background-secondary);
    color: var(--bhw-color-text-primary);
}

.woocommerce .woocommerce-error {
    border-inline-start-color: var(--bhw-color-error);
}

.woocommerce .woocommerce-info {
    border-inline-start-color: var(--bhw-color-warning);
}

.woocommerce .woocommerce-message {
    border-inline-start-color: var(--bhw-color-success);
}