/* ==========================================================================
   WOOCOMMERCE — loja, filtros, carrinho, checkout, minha conta
   ========================================================================== */

.woo-wrap {
	padding-block: 0 var(--space-xl);
}

.woocommerce-breadcrumb {
	font-family: var(--font-mono);
	font-size: var(--fs-xs);
	color: var(--ash);
	padding-block: var(--space-sm);
}

.woocommerce-breadcrumb a {
	color: var(--ash);
	text-decoration: underline;
}

.crumb-sep {
	margin-inline: 0.4em;
}

ul.products {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--space-md) var(--space-sm);
}

.shop-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: var(--space-md);
	margin-bottom: var(--space-md);
	border-bottom: 1px solid var(--line-color);
	font-family: var(--font-mono);
	font-size: var(--fs-xs);
	color: var(--ash);
}

.shop-toolbar select {
	border: 0;
	border-bottom: 1px solid var(--line-color);
	background: transparent;
	padding: 0.2em 0;
}

/* ---- Sidebar de filtros ---- */
.shop-filter-widget {
	margin-bottom: var(--space-md);
	padding-bottom: var(--space-md);
	border-bottom: 1px solid var(--line-color);
}

.shop-filter-widget__title {
	font-family: var(--font-mono);
	font-size: var(--fs-xs);
	text-transform: uppercase;
	letter-spacing: 0.06em;
	margin-bottom: var(--space-xs);
}

.woocommerce .widget_layered_nav ul li,
.woocommerce .widget_layered_nav_filters ul li,
.woocommerce .widget_product_categories ul li {
	display: flex;
	justify-content: space-between;
	padding-block: 0.35em;
	font-size: var(--fs-sm);
}

.woocommerce .widget_price_filter .price_slider_amount {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: var(--space-sm);
	font-family: var(--font-mono);
	font-size: var(--fs-xs);
}

.woocommerce .widget_price_filter .price_slider_amount button {
	font-family: var(--font-mono);
	border: 1px solid var(--ink);
	padding: 0.4em 0.9em;
	text-transform: uppercase;
	font-size: 0.65rem;
}

.woocommerce .price_slider_wrapper .ui-slider {
	background: var(--silver);
	height: 2px;
	border: 0;
}

.woocommerce .ui-slider .ui-slider-range {
	background: var(--ink);
}

.woocommerce .ui-slider .ui-slider-handle {
	background: var(--ink);
	width: 12px;
	height: 12px;
	border-radius: 50%;
	top: -5px;
}

/* ---- Carrinho (página) ---- */
.woocommerce table.shop_table {
	border: 0;
	margin-bottom: var(--space-md);
}

.woocommerce table.shop_table th {
	font-family: var(--font-mono);
	font-size: var(--fs-xs);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--ash);
	text-align: left;
	padding-bottom: var(--space-xs);
	border-bottom: 1px solid var(--line-color);
}

.woocommerce table.shop_table td {
	padding-block: var(--space-xs);
	border-bottom: 1px solid var(--line-color);
}

.woocommerce td.product-thumbnail img {
	width: 72px;
	border: 1px solid var(--line-color);
}

.woocommerce .cart-collaterals .cart_totals {
	max-width: 420px;
	margin-left: auto;
	border: 1px solid var(--line-color);
	padding: var(--space-md);
}

.woocommerce .cart_totals table {
	margin-bottom: var(--space-sm);
}

.woocommerce a.checkout-button {
	display: block;
	text-align: center;
	font-family: var(--font-display);
	font-weight: 700;
	text-transform: uppercase;
	background: var(--ink);
	color: var(--white);
	padding: 1em;
}

/* ---- Checkout ---- */
.woocommerce-checkout #customer_details {
	margin-bottom: var(--space-lg);
}

.woocommerce-checkout h3#order_review_heading {
	margin-top: var(--space-lg);
	margin-bottom: var(--space-sm);
}

.woocommerce-checkout #payment {
	border: 1px solid var(--line-color);
	padding: var(--space-md);
}

.woocommerce-checkout #payment ul.payment_methods {
	margin-bottom: var(--space-sm);
}

#place_order {
	width: 100%;
	font-family: var(--font-display);
	font-weight: 700;
	text-transform: uppercase;
	background: var(--ink);
	color: var(--white);
	padding: 1em;
	border: 1px solid var(--ink);
}

/* ---- Minha conta ---- */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-sm);
	border-bottom: 1px solid var(--line-color);
	padding-bottom: var(--space-sm);
	margin-bottom: var(--space-md);
}

.woocommerce-account .woocommerce-MyAccount-navigation a {
	font-family: var(--font-mono);
	font-size: var(--fs-xs);
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
	border-bottom: 1px solid var(--ink);
}

/* ---- Mensagens (avisos, erros, sucesso) ---- */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info,
.woocommerce-noreviews {
	list-style: none;
	border: 1px solid var(--line-color);
	border-left: 3px solid var(--ink);
	padding: var(--space-sm) var(--space-md);
	margin-bottom: var(--space-md);
	font-size: var(--fs-sm);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-sm);
}

.woocommerce-message .button,
.woocommerce-error .button {
	font-family: var(--font-mono);
	font-size: var(--fs-xs);
	text-transform: uppercase;
	border-bottom: 1px solid var(--ink);
}