/* ==========================================================================
   Meridian — WooCommerce Styles
   ========================================================================== */

.woocommerce-page-wrapper { width: 100%; }

ul.products {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--space-3);
	list-style: none;
	padding: 0;
}
ul.products li.product {
	background: var(--c-bg);
	border: 1px solid var(--c-border);
	border-radius: var(--radius);
	padding: var(--space-2);
	text-align: left;
}
ul.products li.product img {
	border-radius: 6px;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	margin-bottom: var(--space-1);
}
ul.products li.product .woocommerce-loop-product__title {
	font-family: var(--font-body);
	font-size: 1rem;
	font-weight: 600;
	margin: var(--space-1) 0 0.25rem;
}
ul.products li.product .price {
	color: var(--meridian-primary);
	font-weight: 700;
}
ul.products li.product .price del { color: var(--c-text-muted); font-weight: 400; }

.woocommerce div.product .product_title { font-size: 1.8rem; }
.woocommerce div.product p.price {
	font-size: 1.4rem;
	color: var(--meridian-primary);
	font-weight: 700;
}
.woocommerce div.product div.images { border-radius: var(--radius); overflow: hidden; }

.woocommerce-message, .woocommerce-info {
	border-top-color: var(--meridian-primary) !important;
}
.woocommerce-message::before, .woocommerce-info::before {
	color: var(--meridian-primary) !important;
}

.woocommerce table.shop_table {
	border-radius: var(--radius);
	overflow: hidden;
	border: 1px solid var(--c-border);
}

.header-cart-icon { font-size: 1.3rem; }

/* ==========================================================================
   Cart page
   ========================================================================== */
.woocommerce-cart-form table.cart img { width: 72px; border-radius: 6px; }
.woocommerce-cart-form table.cart td { vertical-align: middle; padding: var(--space-2); }
.woocommerce-cart-form .product-remove a {
	color: var(--c-text-muted);
	font-size: 1.2rem;
}
.woocommerce-cart-form .quantity input.qty {
	width: 60px;
	padding: 0.5em;
	border: 1px solid var(--c-border);
	border-radius: 6px;
}
.cart-collaterals .cart_totals {
	background: var(--c-bg-alt);
	border-radius: var(--radius);
	padding: var(--space-3);
	max-width: 420px;
	margin-left: auto;
}
.cart_totals table.shop_table { border: none; }
.cart_totals table.shop_table th,
.cart_totals table.shop_table td { padding: var(--space-1) 0; border: none; }
.cart_totals .order-total .woocommerce-Price-amount {
	font-weight: 700;
	font-size: 1.2rem;
	color: var(--meridian-primary);
}
.wc-proceed-to-checkout .checkout-button {
	display: block;
	text-align: center;
	width: 100%;
	margin-top: var(--space-2);
}

/* ==========================================================================
   Checkout page
   ========================================================================== */
.woocommerce-checkout .col2-set,
.woocommerce-checkout form.checkout {
	display: grid;
	grid-template-columns: 1.4fr 1fr;
	gap: var(--space-4);
	align-items: start;
}
.woocommerce-billing-fields input.input-text,
.woocommerce-additional-fields textarea,
.woocommerce-checkout select {
	width: 100%;
	padding: 0.65em 0.8em;
	border: 1px solid var(--c-border);
	border-radius: 8px;
	font-family: var(--font-body);
}
.woocommerce-billing-fields .form-row,
.woocommerce-additional-fields .form-row { margin-bottom: var(--space-2); }
#order_review, #order_review_heading {
	background: var(--c-bg-alt);
	border-radius: var(--radius);
	padding: var(--space-3);
}
.woocommerce-checkout-review-order-table { border: none; }
.woocommerce-checkout-payment {
	background: var(--c-bg-alt);
	border-radius: var(--radius);
	padding: var(--space-2);
	margin-top: var(--space-2);
}
.woocommerce-checkout-payment ul.payment_methods { list-style: none; padding: 0; }

@media (max-width: 880px) {
	.woocommerce-checkout .col2-set,
	.woocommerce-checkout form.checkout { grid-template-columns: 1fr; }
}

/* ==========================================================================
   My Account
   ========================================================================== */
.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation li {
	border-bottom: 1px solid var(--c-border);
}
.woocommerce-account .woocommerce-MyAccount-navigation li a {
	display: block;
	padding: var(--space-1) 0;
	color: var(--c-text);
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
	color: var(--meridian-primary);
	font-weight: 600;
}

@media (max-width: 880px) {
	ul.products { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 480px) {
	ul.products { grid-template-columns: 1fr !important; }
}