/**
 * Extra layout tweaks that build on style.css.
 * Most design tokens live in style.css (:root variables) so the child
 * theme can override colors without touching layout rules.
 */

.ua-woocommerce-wrapper{
	padding: 40px 0 80px;
}

.woocommerce-breadcrumb{
	color: var(--ua-text-muted);
	margin-bottom: 20px;
	font-size: .85rem;
}
.woocommerce-breadcrumb a{ color: var(--ua-text-muted); }
.woocommerce-breadcrumb a:hover{ color: var(--ua-accent); }

.woocommerce-message, .woocommerce-info, .woocommerce-error{
	background: var(--ua-surface);
	border-left: 4px solid var(--ua-accent);
	color: var(--ua-text);
	padding: 14px 18px;
	border-radius: var(--ua-radius);
	list-style: none;
	margin-bottom: 20px;
}
.woocommerce-error{ border-left-color: var(--ua-danger); }

.quantity input.qty{
	background: var(--ua-bg-alt); border:1px solid var(--ua-border); color: var(--ua-text);
	width:70px; padding:10px; border-radius: var(--ua-radius);
}