/* HUB 420 — WooCommerce Extra Overrides */

/* ── Shop layout with optional sidebar ── */
.woocommerce .woocommerce-result-count { color: var(--h420-muted); font-size:.85rem; }
.woocommerce .woocommerce-ordering select { border-radius:50px; padding:10px 20px; border-color:var(--h420-border); font-weight:600; font-size:.85rem; }

/* ── Product gallery ── */
.woocommerce div.product div.images .woocommerce-product-gallery__image { border-radius:1.75rem; overflow:hidden; }
.woocommerce div.product div.images figure.woocommerce-product-gallery__image img { border-radius:1.75rem; }

/* ── Product summary ── */
.woocommerce div.product div.summary { padding-top:0; }
.woocommerce div.product .woocommerce-product-details__short-description { margin:16px 0; color:var(--h420-muted); line-height:1.7; }
.woocommerce div.product .product_meta { font-size:.82rem; color:var(--h420-muted); margin-top:16px; }
.woocommerce div.product .product_meta a { color:var(--h420-leaf-deep); }
.woocommerce div.product .product_meta a:hover { text-decoration:underline; }

/* ── Tabs ── */
.woocommerce div.product .woocommerce-tabs { border-top:1px solid var(--h420-border); margin-top:48px; }
.woocommerce div.product .woocommerce-tabs .tabs { border-bottom:1px solid var(--h420-border); }
.woocommerce div.product .woocommerce-tabs .tabs li { border:none; }
.woocommerce div.product .woocommerce-tabs .tabs li::before,
.woocommerce div.product .woocommerce-tabs .tabs li::after { display:none; }
.woocommerce div.product .woocommerce-tabs .tabs li.active { background:transparent; border-bottom:2px solid var(--h420-leaf-deep) !important; }
.woocommerce div.product .woocommerce-tabs .panel { padding:24px 0; }

/* ── Reviews ── */
#reviews #comments ol.commentlist .comment_container { background:var(--h420-card); border-radius:var(--h420-radius); border:1px solid var(--h420-border); padding:20px; }
#reviews #comments ol.commentlist .comment .star-rating { color:var(--h420-amber); }
#reviews #respond .stars a { color:var(--h420-amber); }
.woocommerce .star-rating span::before { color:var(--h420-amber); }
.woocommerce .star-rating { color:var(--h420-amber); }

/* ── Related products ── */
.woocommerce div.product .related h2,
.woocommerce div.product .upsells h2 { font-family:var(--h420-font-display); font-size:2.5rem; text-transform:uppercase; margin-bottom:24px; }

/* ── Cart ── */
.woocommerce .cart_item td { vertical-align:middle; }
.woocommerce .cart_item .product-name a { font-weight:700; color:var(--h420-ink); }
.woocommerce .cart_item .product-thumbnail img { border-radius:0.75rem; }
.woocommerce .coupon input { border-radius:50px 0 0 50px; border-right:none; }
.woocommerce .coupon .button { border-radius:0 50px 50px 0 !important; }

/* ── Checkout ── */
.woocommerce .woocommerce-checkout #payment { background:var(--h420-card); border-radius:var(--h420-radius); border:1px solid var(--h420-border); padding:24px; }
.woocommerce .woocommerce-checkout #payment ul.payment_methods li { border-bottom:1px solid var(--h420-border); padding:12px 0; }
.woocommerce .woocommerce-checkout #payment .place-order { padding:0; margin-top:20px; }
.woocommerce .woocommerce-checkout #payment .place-order .button { width:100%; font-size:1rem; padding:18px; }

/* ── Account ── */
.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style:none; background:var(--h420-card); border:1px solid var(--h420-border); border-radius:var(--h420-radius); padding:8px; overflow:hidden; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li a { display:block; padding:12px 16px; border-radius:calc(var(--h420-radius)*.5); font-weight:700; font-size:.88rem; text-transform:uppercase; letter-spacing:.04em; color:var(--h420-ink); transition:background .15s; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover { background:var(--h420-secondary); }
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a { background:var(--h420-ink); color:#fff; }

/* ── Order table ── */
.woocommerce .woocommerce-orders-table td { padding:14px 16px; }
.woocommerce .woocommerce-orders-table .woocommerce-button { font-size:.82rem; padding:8px 18px; }

/* ── Responsive adjustments ── */
@media (max-width:768px) {
  .woocommerce div.product { display:block; }
  .woocommerce div.product div.images { margin-bottom:32px; }
}