/**
 * WooCommerce surface styling — Mission 017
 * Uses tokens only; no new colors. Enqueued with foundation.
 */

/* Forms — campus paper/ink */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce .select2-container .select2-selection,
.woocommerce-page .input-text,
.woocommerce-page select,
.woocommerce-page textarea {
	background-color: var(--tq-surface);
	border: 1px solid var(--tq-border);
	color: var(--tq-ink);
	border-radius: var(--tq-radius);
	font-family: var(--tq-font-body);
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
	border-color: var(--tq-signal);
	outline: var(--tq-focus-ring);
	outline-offset: var(--tq-focus-offset);
}

/* Tables — cart, checkout, account */
.woocommerce table.shop_table {
	border: 1px solid var(--tq-border);
	border-collapse: collapse;
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
	border-top: 1px solid var(--tq-border);
	padding: var(--tq-space-xs) var(--tq-space-sm);
	font-family: var(--tq-font-body);
}

.woocommerce table.shop_table th {
	font-family: var(--tq-font-ui);
	font-size: var(--tq-size-ui);
	text-transform: uppercase;
	letter-spacing: var(--tq-tracking-ui);
	color: var(--tq-cta-ink);
}

/* Notices — scarce turquoise / band ink */
.woocommerce-message {
	background-color: color-mix(in srgb, var(--tq-signal) 15%, var(--tq-paper));
	color: var(--tq-ink);
	border-top-color: var(--tq-signal);
}

.woocommerce-info {
	background-color: var(--tq-band);
	color: var(--tq-paper);
	border-top-color: var(--tq-band);
}

.woocommerce-error {
	background-color: color-mix(in srgb, var(--tq-sale) 90%, var(--tq-ink));
	color: var(--tq-paper);
	border-top-color: var(--tq-sale);
}

.woocommerce-message a,
.woocommerce-info a,
.woocommerce-error a {
	color: inherit;
}

/* Alt / primary Woo buttons — black pill, not WP blue */
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.wc-block-components-button:not(.is-link) {
	background-color: var(--tq-band) !important;
	color: var(--tq-paper) !important;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
	background-color: var(--tq-cta-ink) !important;
	color: var(--tq-paper) !important;
}

/* Product page tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	color: var(--tq-ink);
	font-family: var(--tq-font-ui);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
	color: var(--tq-signal);
}

/* Block cart typography */
.wc-block-cart__main-title,
.wc-block-components-title {
	font-family: var(--tq-font-display);
	color: var(--tq-cta-ink);
}

/* Empty states */
.woocommerce-info.wc-empty-cart-message,
.cart-empty.woocommerce-info {
	background-color: color-mix(in srgb, var(--tq-signal) 12%, var(--tq-paper));
	color: var(--tq-ink);
}

/* Breadcrumb */
.woocommerce-breadcrumb {
	font-family: var(--tq-font-ui);
	font-size: var(--tq-size-ui);
	color: var(--tq-muted);
	margin-bottom: var(--tq-space-sm);
}

.woocommerce-breadcrumb a {
	color: var(--tq-signal);
}

/* GP form fields sitewide (search, comments) */
input[type="text"],
input[type="email"],
input[type="search"],
input[type="url"],
input[type="password"],
input[type="tel"],
input[type="number"],
textarea,
select {
	background-color: var(--tq-surface);
	border-color: var(--tq-border);
	color: var(--tq-ink);
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus {
	border-color: var(--tq-signal);
}

/* Woo — full-width content; no blog sidebar widgets on commerce surfaces */
body.woocommerce-page.no-sidebar .site-content .content-area,
body.woocommerce.no-sidebar .site-content .content-area {
	width: 100%;
	max-width: 100%;
}

body.woocommerce-page .sidebar,
body.woocommerce .sidebar,
body.woocommerce-page #right-sidebar,
body.woocommerce #right-sidebar {
	display: none !important;
}