/**
 * Yanting — Single Product Page Overrides
 * Shop/archive styles live inline in woocommerce/archive-product.php (yc- prefix).
 * This file is intentionally minimal: only single-product B2B cleanup.
 */

/* ── Hide price, cart, SKU on single product page (B2B catalog mode) ─── */
.single-product .price,
.single-product .stock,
.single-product .quantity,
.single-product .single_add_to_cart_button,
.single-product form.cart,
.single-product .product_meta .sku_wrapper,
.woocommerce div.product .product_meta .posted_in {
    display: none !important;
}

/* Show YITH request-a-quote button on single product page */
.single-product .yith-ywraq-add-to-quote { display: block !important; }

/* Hide add-to-quote on loop (archive) — cards use custom yc-card-quote link */
.woocommerce ul.products li.product .yith-ywraq-add-to-quote,
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart { display: none !important; }

/* Kill Storefront sorting bar — we handle layout ourselves */
.storefront-sorting { display: none !important; }

/* Kill Storefront sidebar on archive (our archive-product.php is self-contained) */
.post-type-archive-product .widget-area { display: none !important; }
.single-product .widget-area { display: none !important; }

/* ── YITH Quote button styling on single product ─────────────────────── */
.yith-ywraq-add-to-quote .add-request-quote-button {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    padding: 14px 32px !important;
    background: #C9A96E !important;
    color: #1A1A1A !important;
    font-family: 'DM Sans', system-ui, sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    border: none !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    transition: background .25s !important;
}
.yith-ywraq-add-to-quote .add-request-quote-button:hover {
    background: #D4B97E !important;
}

/* ── Single product: widen layout, hide Storefront chrome ─────────────── */
.single-product .site-content .col-full { max-width: 1280px; }
.single-product .content-area { width: 100%; margin-right: 0; }

/* ── WooCommerce tabs: match brand style ─────────────────────────────── */
.single-product .woocommerce-tabs ul.tabs {
    border-bottom: 1px solid #E8E3DA;
    padding: 0;
    margin: 40px 0 30px;
    display: flex;
    gap: 0;
}
.single-product .woocommerce-tabs ul.tabs li {
    border: none !important;
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
}
.single-product .woocommerce-tabs ul.tabs li::before,
.single-product .woocommerce-tabs ul.tabs li::after { display: none !important; }
.single-product .woocommerce-tabs ul.tabs li a {
    padding: 12px 24px;
    font-family: 'DM Sans', system-ui, sans-serif;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #6B6B6B;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    display: block;
    text-decoration: none;
    background: none !important;
}
.single-product .woocommerce-tabs ul.tabs li.active a {
    color: #1A1A1A;
    border-bottom-color: #C9A96E;
}

/* ── Related products grid (single page) ─────────────────────────────── */
.related.products h2,
.upsells.products h2 {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 28px;
    font-weight: 300;
    color: #1A1A1A;
    margin-bottom: 28px;
}
.related.products ul.products,
.upsells.products ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 24px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.related.products ul.products::before,
.related.products ul.products::after,
.upsells.products ul.products::before,
.upsells.products ul.products::after { display: none !important; }
.related.products ul.products li.product,
.upsells.products ul.products li.product {
    width: auto !important;
    float: none !important;
    margin: 0 !important;
}
@media (max-width: 992px) {
    .related.products ul.products,
    .upsells.products ul.products { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 576px) {
    .related.products ul.products,
    .upsells.products ul.products { grid-template-columns: 1fr !important; }
}