/* DEV28 WIP4 shared UI primitives. */
.systemtech-reference-ui-v1 :where(
.st-brand-product-card,
.st-product-card,
.st-brand-category-card,
.st-brand-account-stat,
.st-brand-account-orders,
.st-brand-account-quicklinks a,
.psm-page-card,
.st-brand-info-card
) {
border-color: var(--st-card-border);
border-radius: var(--st-radius-card);
background-color: var(--st-color-surface);
}
.systemtech-reference-ui-v1 :where(.st-brand-product-card,.st-product-card) {
overflow: hidden;
box-shadow: var(--st-shadow-product-card);
transition: transform var(--st-transition-fast), border-color var(--st-transition-fast), box-shadow var(--st-transition-fast);
}
.systemtech-reference-ui-v1 :where(.st-brand-product-card,.st-product-card):hover {
transform: translateY(-2px);
border-color: var(--st-card-border-hover);
box-shadow: var(--st-shadow-hover);
}
.systemtech-reference-ui-v1 :where(.st-brand-product-card__media,.st-product-card__media) {
background: var(--st-gradient-card-media);
}

.systemtech-reference-ui-v1 :where(.st-brand-product-card__media,.st-product-card__media):focus-visible {
box-shadow: inset 0 0 0 3px var(--st-color-accent);
}
.systemtech-reference-ui-v1 :where(
.woocommerce form .input-text,
.woocommerce form select,
.woocommerce form textarea,
.woocommerce .select2-container .select2-selection--single,
.psm-contact-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]),
.psm-contact-form select,
.psm-contact-form textarea,
.st-filter__range input,
.st-filter__option-search input,
.st-sort select
) {
min-height: var(--st-field-height);
border: 1px solid var(--st-field-border);
border-radius: var(--st-radius-control);
color: var(--st-color-primary);
background: var(--st-field-background);
transition: border-color var(--st-transition-fast), box-shadow var(--st-transition-fast), background var(--st-transition-fast);
}
.systemtech-reference-ui-v1 :where(
.woocommerce form .input-text,
.woocommerce form select,
.woocommerce form textarea,
.psm-contact-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]),
.psm-contact-form select,
.psm-contact-form textarea,
.st-filter__range input,
.st-filter__option-search input,
.st-sort select
):focus,
.systemtech-reference-ui-v1 .woocommerce .select2-container--focus .select2-selection--single {
border-color: var(--st-color-accent);
background: var(--st-color-surface);
box-shadow: var(--st-focus-ring);
outline: 0;
}
.systemtech-reference-ui-v1 :where(.woocommerce-message,.woocommerce-info,.woocommerce-error) {
border: 1px solid var(--st-color-line);
border-radius: var(--st-radius-card);
color: var(--st-color-text);
background: var(--st-color-surface);
box-shadow: var(--st-shadow-card);
}
.systemtech-reference-ui-v1 :where(.woocommerce-message,.woocommerce-info) {
border-left: 4px solid var(--st-color-accent);
}
.systemtech-reference-ui-v1 .woocommerce-error {
border-left: 4px solid var(--st-color-danger);
}
.systemtech-reference-ui-v1 :where(
.st-brand-product-card__cart,
.st-product-card__action,
.st-brand-account-order-view,
.st-pagination a,
.st-pagination span,
.st-brand-carousel-next
) {
min-height: var(--st-control-height);
}
.systemtech-reference-ui-v1 .st-brand-product-status {
margin: 12px 0 0;
padding: 10px 12px;
border: 1px solid #f1c7c3;
border-radius: var(--st-radius-card);
color: #8f3129;
background: #fff5f4;
font-size: 13px;
font-weight: 650;
}
.systemtech-reference-ui-v1 .st-brand-product-status[hidden] {
display: none;
}
.systemtech-reference-ui-v1 .st-brand-product-status.is-loading {
position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}