/* ============================================================
   Good Nutrition Only — supplemental WooCommerce fixes
   (enqueued stylesheet, loads after WooCommerce's own CSS)
   ============================================================ */

/* WooCommerce adds clearfix ::before / ::after to ul.products. Inside a CSS
   grid those count as grid items, creating empty phantom cells that push the
   first product into the middle/right. Remove them so products fill from the
   left whether there's 1 item or 12. */
.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after {
	content: none !important;
	display: none !important;
}

/* Hide the little "View cart" link that appears next to a product after adding.
   The slide-out cart drawer replaces it. */
.woocommerce a.added_to_cart,
.woocommerce-page a.added_to_cart { display: none !important; }

/* Product links: the global theme leaves generic anchors unstyled, so product
   name / image links fall back to the browser's default underline and blue
   (unvisited) / purple (visited) link colors. Neutralize that on the loop
   links — but NOT the Add to Cart button — so names stay clean and on-brand. */
.woocommerce ul.products li.product a:not(.button):not(.added_to_cart),
.woocommerce ul.products li.product a:not(.button):not(.added_to_cart):visited,
.woocommerce ul.products li.product a:not(.button):not(.added_to_cart):hover,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	text-decoration: none;
	color: inherit;
}

/* Single-product tabs: WooCommerce renders decorative ::before/::after on the
   tab list and each tab (legacy rounded-corner artifacts). On top of our pill
   styling they look glitched, so strip them for a clean tab row. */
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
	display: none !important;
	border: 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
	content: none !important;
	display: none !important;
	border: 0 !important;
}

/* ============================================================
   NOTE: The Order Received / Thank-you (Order Confirmed) page is
   styled entirely by its dedicated, self-contained template at
   woocommerce/checkout/thankyou.php (inline, scoped to .gno-orderok).
   No order-received rules live here anymore — edit the template.
   ============================================================ */