/**
 * @ownership woocommerce-global
 * Global WooCommerce visual overrides (non-card).
 *
 * woocommerce-overrides.css
 * ----------------
 * Allowed selectors:
 *   body.dsp-woocommerce*
 *   body.single-product*
 *   .woocommerce*
 *   .woocommerce-Tabs-panel
 *   .dsp-site-header*
 *
 * Forbidden:
 *   .dsp-product-card*
 *   .dsp-home*
 *   .dsp-shop*
 *   .dsp-product-grid
 */

/* Header logo — WC img { max-width:100%; height:auto } must not blow up the logo */
body.dsp-woocommerce .dsp-site-header__logo img,
body.dsp-woocommerce .dsp-site-header__logo .custom-logo-link img,
body.dsp-woocommerce .dsp-site-header__logo .custom-logo,
body.dsp-woocommerce .dsp-site-header__logo-img {
	display: block;
	height: 56px;
	width: auto;
	max-width: none;
	max-height: 56px;
	object-fit: contain;
}

body.single-product.dsp-woocommerce .dsp-site-header__logo img,
body.single-product.dsp-woocommerce .dsp-site-header__logo .custom-logo-link img,
body.single-product.dsp-woocommerce .dsp-site-header__logo-img {
	height: 44px;
	max-height: 44px;
}

/* Sale badge — hidden by product-card.css (single source of truth) */

/* Primary buttons — replace default WC purple */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: var(--dsp-space-3) var(--dsp-space-6);
	font-family: var(--dsp-font-family-heading);
	font-size: var(--dsp-font-size-sm);
	font-weight: var(--dsp-font-weight-semibold);
	line-height: 1;
	color: var(--dsp-color-text-on-accent) !important;
	background-color: var(--dsp-color-accent) !important;
	border: none !important;
	border-radius: var(--dsp-radius-lg) !important;
	box-shadow: var(--dsp-elevation-1-shadow);
	cursor: pointer;
	transition:
		background-color var(--dsp-transition-normal),
		transform var(--dsp-transition-fast);
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
	background-color: var(--dsp-color-accent-hover) !important;
	transform: translateY(-1px);
}

/* Price — prevent digit-by-digit wrapping */
.woocommerce .price,
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price {
	white-space: nowrap;
}

.woocommerce .price del {
	white-space: nowrap;
}

/* Product tabs — dark surfaces (WC defaults to white) */
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	background: transparent;
	color: var(--dsp-color-text-secondary);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: var(--dsp-color-accent);
}

.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce-Tabs-panel,
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel {
	margin: 0;
	padding: var(--dsp-space-8);
	color: var(--dsp-color-text-secondary);
	background: var(--dsp-elevation-1-bg) !important;
	border: 1px solid var(--dsp-color-border-subtle);
	border-radius: var(--dsp-radius-xl);
	box-shadow: var(--dsp-elevation-1-shadow);
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
	margin: 0 0 var(--dsp-space-5);
	padding: 0;
	border-bottom: 1px solid var(--dsp-color-border-subtle);
	background: transparent;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
	display: none;
}

/* Stock text */
.woocommerce .stock.in-stock {
	color: var(--dsp-color-text-secondary);
	font-weight: var(--dsp-font-weight-semibold);
}

/* Breadcrumbs */
.woocommerce .woocommerce-breadcrumb {
	margin: 0 0 var(--dsp-space-4);
	font-size: var(--dsp-font-size-sm);
	color: var(--dsp-color-text-muted);
}

.woocommerce .woocommerce-breadcrumb a {
	color: var(--dsp-color-text-secondary);
	text-decoration: none;
}

.woocommerce .woocommerce-breadcrumb a:hover {
	color: var(--dsp-color-accent);
}