/*
 * United Gold India — WooCommerce Integration Styles
 * Overrides WC defaults to match our design system
 */

/* ── GENERAL WC RESETS ── */
.woocommerce,
.woocommerce-page { font-family: 'Inter', sans-serif; color: var(--color-text); }

.wc-main-content { width: 100%; }

/* ── HIDE THINGS WE DON'T WANT ── */
.woocommerce .price,
.woocommerce-Price-amount,
.cart-contents,
.woocommerce-cart-form,
.woocommerce-checkout,
.woocommerce-account .woocommerce-MyAccount-navigation { display: none !important; }

/* ── WC NOTICES — restyle to match our design ── */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border);
    background: var(--color-bg-light);
    color: var(--color-text);
    padding: 14px 18px;
    margin-bottom: 20px;
    font-size: 13px;
    list-style: none;
}

.woocommerce-message { border-color: rgba(46,125,50,0.3); background: #e8f5e9; color: #2e7d32; }
.woocommerce-error   { border-color: rgba(200,0,0,0.2);   background: #fff3f3; color: #c00; }

/* ── ORDERING DROPDOWN ── */
.woocommerce-ordering select {
    font-size: 12px;
    color: #555;
    border: 1px solid var(--color-border-mid);
    border-radius: var(--radius-sm);
    padding: 6px 14px;
    background: var(--color-white);
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    appearance: auto;
}

/* ── PAGINATION ── */
.woocommerce nav.woocommerce-pagination ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 40px;
    list-style: none;
    padding: 0;
    border: none;
}

.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid var(--color-border-mid);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: var(--color-text-muted);
    text-decoration: none;
    transition: all 0.2s;
    background: var(--color-white);
}

.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover {
    background: linear-gradient(135deg, #F5A623, #E0457B);
    color: #fff;
    border-color: transparent;
    font-weight: 600;
}

/* ── PRODUCT CATEGORY THUMBNAILS ON SHOP PAGE ── */
.woocommerce ul.products li.product-category a img {
    border-radius: var(--radius-md);
}

/* ── SINGLE PRODUCT — WC remnants cleanup ── */
.woocommerce div.product .product_meta { display: none; }
.woocommerce div.product div.images { display: none; } /* we handle gallery ourselves */
.woocommerce div.product div.summary { display: none; } /* we handle info ourselves */
.woocommerce div.product .woocommerce-tabs { display: none; }
.related.products { display: none; } /* we handle related ourselves */

/* ── NO RESULTS ── */
.woocommerce-no-products-found {
    text-align: center;
    padding: 48px 20px;
    color: var(--color-text-muted);
    font-size: 15px;
}

/* ── BREADCRUMB FROM WC (hidden — we use ours) ── */
.woocommerce .woocommerce-breadcrumb { display: none; }

/* ── PRODUCT LOOP COLUMNS ── */
.woocommerce ul.products {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    list-style: none;
    padding: 0;
    margin: 0;
}

@media (max-width: 1024px) {
    .woocommerce ul.products { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
    .woocommerce ul.products { grid-template-columns: 1fr; }
}