/* ==========================================================================
   Sky Theme - WooCommerce catalog-only styles.
   Hides commerce elements (price/cart/checkout) and styles the catalog.
   ========================================================================== */

/* Hide native Woo price / add-to-cart anywhere they may still appear */
.woocommerce .price,
.woocommerce-Price-amount,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price,
.product_meta .price,
.woocommerce .star-rating { display: none !important; }

.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart,
.single_add_to_cart_button,
.woocommerce-variation-add-to-cart,
.quantity,
.cart { display: none !important; }

/* Product grid: make Woo use our card markup (cards are rendered via sky_product_card) */
.woocommerce ul.products,
.woocommerce ul.products li.product { background: none; border: 0; margin: 0; text-align: left; }
.woocommerce ul.products { display: flex; flex-wrap: wrap; margin: 0 -8px; width: auto; }
.woocommerce ul.products::before,
.woocommerce ul.products::after { display: none; content: ''; }
.woocommerce ul.products li.product { width: 33.333%; padding: 0 8px 16px; box-sizing: border-box; float: none; }

/* Hide Woo's default notice on shop pages from catalog mode */
.woocommerce-message { display: none; }

/* Single product layout */
.single-product-area .single-product-grid { display: flex; gap: 40px; flex-wrap: wrap; }
.single-product-area .product-gallery { flex: 1; min-width: 320px; }
.single-product-area .product-summary { flex: 1; min-width: 300px; }
.single-product-area .product_title { font-size: 28px; margin-bottom: 16px; color: #333; }
.single-product-area .product-short-desc { color: #555; line-height: 1.8; margin-bottom: 24px; }
.single-product-area .product-inquiry { margin: 20px 0; }
.single-product-area .product-tabs { margin-top: 40px; }
.single-product-area .tab-title { font-size: 22px; color: var(--sky-green-dark); margin-bottom: 14px; border-left: 4px solid var(--sky-green); padding-left: 12px; }

/* WooCommerce gallery thumbnails */
.woocommerce-product-gallery { position: relative; }
.woocommerce-product-gallery__image img { width: 100%; border: 1px solid #eee; }
.woocommerce-product-gallery__trigger { background: #fff; border-radius: 50%; }

/* Related products */
.related.products { margin-top: 50px; }
.related.products > h2 { font-size: 24px; margin-bottom: 20px; }

/* WooCommerce pagination override (we use our own .pages) */
.woocommerce nav.woocommerce-pagination ul { border: 0; }

/* Result count / ordering hidden via PHP; ensure no whitespace */
.woocommerce-result-count,
.woocommerce-ordering { display: none !important; }

/* Notices container */
.woocommerce-notices-wrapper { display: none; }

/* Shop banner image */
.page-banner img { opacity: .55; }

/* ---------- Single product meta + attribute specs ---------- */
.product-meta-list { margin-top: 24px; padding-top: 18px; border-top: 1px solid #eee; }
.product-meta-list .meta-row { display: flex; padding: 6px 0; font-size: 14px; }
.product-meta-list .meta-label { flex: 0 0 110px; color: #888; font-weight: 600; }
.product-meta-list .meta-value { flex: 1; color: #444; }
.product-meta-list .meta-value a { color: var(--sky-green-dark); }
.product-meta-list .meta-value a:hover { text-decoration: underline; }

.spec-title { font-size: 18px; margin: 24px 0 10px; color: #333; border-left: 3px solid var(--sky-green); padding-left: 10px; }
.product-attribute-table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
.product-attribute-table th,
.product-attribute-table td { border: 1px solid #eee; padding: 10px 14px; text-align: left; font-size: 14px; vertical-align: top; }
.product-attribute-table th { background: #f7f7f7; width: 180px; color: #555; font-weight: 600; }
.product-attribute-table tr:hover td { background: #fafafa; }

@media screen and (max-width: 768px) {
	.woocommerce ul.products li.product { width: 50%; }
	.single-product-area .single-product-grid { flex-direction: column; }
}
@media screen and (max-width: 480px) {
	.woocommerce ul.products li.product { width: 100%; }
}