/**
 * Claude Card Shop — WooCommerce Style Overrides
 *
 * Colors via theme.json CSS custom properties:
 *   --wp--preset--color--base         (#F5F4ED Warm Cream)
 *   --wp--preset--color--contrast     (#1C1917 Charcoal)
 *   --wp--preset--color--accent-1     (#D97757 Orange)
 *   --wp--preset--color--accent-2     (#EFAE96 Orange Light)
 *   --wp--preset--color--accent-3     (#44403C Charcoal Mid)
 *   --wp--preset--color--accent-4     (#78716C Muted)
 *   --wp--preset--color--accent-5     (#E8E6DC Sand)
 *   --wp--preset--color--accent-6     (#D5D3CB Border)
 */

/* ── Hide account/login icon (guest checkout only) ────────────────────── */
.wp-block-woocommerce-customer-account,
.wc-block-customer-account {
	display: none;
}

/* ── Block Checkout: hide billing address (virtual products, email only) ── */
.wp-block-woocommerce-checkout-billing-address-block,
.wp-block-woocommerce-checkout-shipping-address-block,
.wp-block-woocommerce-checkout-shipping-method-block,
.wp-block-woocommerce-checkout-shipping-methods-block,
.wp-block-woocommerce-checkout-pickup-options-block,
.wp-block-woocommerce-checkout-additional-information-block,
.wp-block-woocommerce-checkout-order-note-block,
.wp-block-woocommerce-checkout-order-summary-shipping-block,
.wp-block-woocommerce-checkout-order-summary-coupon-form-block {
	display: none;
}

/* ── Product Cards (Block: wc-block-product-template) ─────────────────── */
.wc-block-product-template {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	align-items: stretch;
	gap: 1.5rem;
}

.wc-block-product-template .wc-block-product {
	display: flex;
	flex-direction: column;
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--accent-6);
	border-radius: 12px;
	padding: 1.5rem;
	transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.wc-block-product-template .wc-block-product:hover {
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
	transform: translateY(-2px);
}

/* Push button to bottom of card */
.wc-block-product-template .wc-block-product .wp-block-button {
	margin-top: auto;
}

/* ── Classic fallback (ul.products) ────────────────────────────────────── */
.woocommerce ul.products {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	align-items: stretch;
	gap: 1.5rem;
}

.woocommerce ul.products li.product {
	display: flex;
	flex-direction: column;
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--accent-6);
	border-radius: 12px;
	padding: 1.5rem;
	transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.woocommerce ul.products li.product:hover {
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
	transform: translateY(-2px);
}

.woocommerce ul.products li.product .button {
	margin-top: auto;
}

/* ── Product Price ─────────────────────────────────────────────────────── */
.wc-block-product-template .wc-block-components-product-price,
.woocommerce ul.products li.product .price {
	color: var(--wp--preset--color--accent-1);
	font-size: 1.5rem;
	font-weight: 600;
}

/* ── Add to Cart Button ────────────────────────────────────────────────── */
.wc-block-product-template .wp-block-button__link,
.woocommerce ul.products li.product .button,
.woocommerce .single_add_to_cart_button {
	background-color: var(--wp--preset--color--accent-1);
	color: var(--wp--preset--color--base);
	border: none;
	border-radius: 8px;
	padding: 0.875rem 2rem;
	font-weight: 500;
	font-size: 0.95rem;
	transition: background-color 0.2s ease;
}

.wc-block-product-template .wp-block-button__link:hover,
.woocommerce ul.products li.product .button:hover,
.woocommerce .single_add_to_cart_button:hover {
	background-color: var(--wp--preset--color--accent-3);
	color: var(--wp--preset--color--base);
}

/* ── Responsive: product grid ──────────────────────────────────────────── */
@media (max-width: 768px) {
	.wc-block-product-template,
	.woocommerce ul.products {
		grid-template-columns: 1fr;
	}
}

/* ── Checkout Page ─────────────────────────────────────────────────────── */
.woocommerce-checkout {
	max-width: 540px;
	margin: 0 auto;
}

.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea {
	border: 1px solid var(--wp--preset--color--accent-6);
	border-radius: 8px;
	padding: 0.875rem 1rem;
	font-size: 1rem;
	background: var(--wp--preset--color--base);
	transition: border-color 0.2s ease;
}

.woocommerce-checkout .form-row input.input-text:focus,
.woocommerce-checkout .form-row textarea:focus {
	border-color: var(--wp--preset--color--accent-1);
	outline: none;
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--wp--preset--color--accent-1) 15%, transparent);
}

/* Place Order button */
.woocommerce #place_order {
	background-color: var(--wp--preset--color--accent-1);
	color: var(--wp--preset--color--base);
	border: none;
	border-radius: 8px;
	padding: 1rem 2.5rem;
	font-size: 1.125rem;
	font-weight: 600;
	width: 100%;
	transition: background-color 0.2s ease;
}

.woocommerce #place_order:hover {
	background-color: var(--wp--preset--color--accent-3);
}

/* ── Cart Page ─────────────────────────────────────────────────────────── */
.woocommerce-cart .woocommerce {
	max-width: 640px;
	margin: 0 auto;
}

.woocommerce table.shop_table {
	border: 1px solid var(--wp--preset--color--accent-6);
	border-radius: 12px;
	overflow: hidden;
}

.woocommerce table.shop_table th {
	background: var(--wp--preset--color--accent-5);
	color: var(--wp--preset--color--contrast);
	font-weight: 600;
}

.woocommerce table.shop_table td {
	border-top: 1px solid var(--wp--preset--color--accent-6);
}

/* ── Notices ───────────────────────────────────────────────────────────── */
.woocommerce-message,
.woocommerce-info {
	border-top-color: var(--wp--preset--color--accent-1);
	background: var(--wp--preset--color--accent-5);
}

.woocommerce-message::before,
.woocommerce-info::before {
	color: var(--wp--preset--color--accent-1);
}

.woocommerce-error {
	border-top-color: color-mix(in srgb, var(--wp--preset--color--accent-1) 80%, #c00);
}

/* ── My Account ────────────────────────────────────────────────────────── */
.woocommerce-MyAccount-navigation ul {
	list-style: none;
	padding: 0;
}

.woocommerce-MyAccount-navigation ul li {
	border-bottom: 1px solid var(--wp--preset--color--accent-6);
}

.woocommerce-MyAccount-navigation ul li a {
	display: block;
	padding: 0.75rem 0;
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
	transition: color 0.2s ease;
}

.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a {
	color: var(--wp--preset--color--accent-1);
}

/* ── Responsive ────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
	.woocommerce-checkout {
		max-width: 100%;
		padding: 0 1rem;
	}

	.woocommerce-cart .woocommerce {
		max-width: 100%;
	}

	.wc-block-grid__product,
	.woocommerce ul.products li.product {
		padding: 1rem;
	}
}