/* ==========================================================================
   Naughty Butter — WooCommerce 品牌化
   只重写最必要的视觉元素（按钮 / 价格 / 产品卡 / 表单）。
   所有规则作用域在 body.nb-theme 下，不使用 !important，不改结构。
   ========================================================================== */

/* ---------- 1. 按钮：跟随品牌主色 ------------------------------------- */

body.nb-theme .woocommerce a.button,
body.nb-theme .woocommerce button.button,
body.nb-theme .woocommerce input.button,
body.nb-theme .woocommerce #respond input#submit,
body.nb-theme .woocommerce a.button.alt,
body.nb-theme .woocommerce button.button.alt,
body.nb-theme .woocommerce input.button.alt,
body.nb-theme .woocommerce #respond input#submit.alt {
	background-color: var(--nb-brand-warm);
	color: var(--nb-neutral-white);
	border: 1px solid transparent;
	border-radius: var(--nb-radius-sm);
	padding: var(--nb-space-sm) var(--nb-space-lg);
	font-weight: 500;
	letter-spacing: 0.01em;
	box-shadow: none;
	transition:
		background-color var(--nb-duration-fast) var(--nb-easing-default),
		box-shadow var(--nb-duration-fast) var(--nb-easing-default),
		transform var(--nb-duration-fast) var(--nb-easing-default);
}

body.nb-theme .woocommerce a.button:hover,
body.nb-theme .woocommerce button.button:hover,
body.nb-theme .woocommerce input.button:hover,
body.nb-theme .woocommerce #respond input#submit:hover,
body.nb-theme .woocommerce a.button.alt:hover,
body.nb-theme .woocommerce button.button.alt:hover {
	background-color: var(--nb-brand-cocoa);
	color: var(--nb-neutral-white);
	box-shadow: var(--nb-shadow-soft);
}

body.nb-theme .woocommerce a.button:active,
body.nb-theme .woocommerce button.button:active { transform: scale(0.98); }

/* ---------- 2. 价格 --------------------------------------------------- */

body.nb-theme .woocommerce .price,
body.nb-theme .woocommerce ul.products li.product .price,
body.nb-theme .woocommerce div.product p.price,
body.nb-theme .woocommerce div.product span.price {
	color: var(--nb-brand-cocoa);
	font-weight: 600;
}
body.nb-theme .woocommerce .price del { color: var(--nb-neutral-grey); font-weight: 400; }
body.nb-theme .woocommerce .price ins { text-decoration: none; color: var(--nb-status-error); }

/* ---------- 3. 产品卡 ------------------------------------------------- */

body.nb-theme .woocommerce ul.products li.product {
	background-color: var(--nb-neutral-white);
	border: 1px solid var(--nb-border-light);
	border-radius: var(--nb-radius-md);
	padding: var(--nb-space-md);
	transition: box-shadow var(--nb-duration-normal) var(--nb-easing-default);
}
body.nb-theme .woocommerce ul.products li.product:hover {
	box-shadow: var(--nb-shadow-soft);
}
body.nb-theme .woocommerce ul.products li.product img {
	border-radius: var(--nb-radius-md);
	margin-bottom: var(--nb-space-md);
}
body.nb-theme .woocommerce ul.products li.product .woocommerce-loop-product__title {
	color: var(--nb-brand-espresso);
	font-weight: 500;
	font-size: 16px;
}

/* ---------- 4. On-sale 徽章 ------------------------------------------ */

body.nb-theme .woocommerce span.onsale {
	background-color: var(--nb-accent-blush);
	color: var(--nb-brand-espresso);
	border-radius: var(--nb-radius-full);
	font-weight: 500;
	font-size: 12px;
	padding: var(--nb-space-xs) var(--nb-space-md);
	min-height: auto;
	min-width: auto;
	line-height: 1.6;
}

/* ---------- 5. 表单控件 (checkout / account) ------------------------- */

body.nb-theme .woocommerce form .form-row input.input-text,
body.nb-theme .woocommerce form .form-row textarea,
body.nb-theme .woocommerce form .form-row select {
	background-color: var(--nb-neutral-white);
	border: 1px solid var(--nb-border-light);
	border-radius: var(--nb-radius-md);
	color: var(--nb-brand-cocoa);
	padding: var(--nb-space-sm) var(--nb-space-md);
	transition: border-color var(--nb-duration-fast) var(--nb-easing-default);
}
body.nb-theme .woocommerce form .form-row input.input-text:focus,
body.nb-theme .woocommerce form .form-row textarea:focus,
body.nb-theme .woocommerce form .form-row select:focus {
	outline: none;
	border-color: var(--nb-brand-warm);
}

/* ---------- 6. 通知条 ------------------------------------------------- */

body.nb-theme .woocommerce-message,
body.nb-theme .woocommerce-info,
body.nb-theme .woocommerce-error {
	border-top-color: var(--nb-brand-warm);
	background-color: var(--nb-brand-butter);
	color: var(--nb-brand-espresso);
	border-radius: var(--nb-radius-md);
}
body.nb-theme .woocommerce-error {
	border-top-color: var(--nb-status-error);
	background-color: #FBEDEA;
}