/* ==========================================================================
   Single product (templates/single-product.html → patterns/hidden-single-product.php)
   WooCommerce blocks do the layout; this only adds Noor's card, form row
   and buttons. Palette and spacing presets only.
   ========================================================================== */

.noor-product__main {
    padding: var(--wp--preset--spacing--50);
    border: 1px solid var(--wp--preset--color--line);
    border-radius: var(--wp--custom--radius--lg);
    margin-block-end: var(--wp--preset--spacing--60);
}

.noor-product__summary {
    display: flex;
    flex-direction: column;
    gap: var(--wp--preset--spacing--30);
}

.noor-product__summary .wp-block-post-title { margin: 0; }

.noor-product__summary .wc-block-components-product-price del { color: var(--wp--preset--color--text-soft); font-weight: 400; }

.noor-product__summary .wc-block-components-product-price ins { text-decoration: none; color: var(--wp--preset--color--primary); }

/* Stock line */
.noor-product__stock .wc-block-components-product-stock-indicator--in-stock { color: var(--wp--preset--color--success); }
.noor-product__stock .wc-block-components-product-stock-indicator--out-of-stock { color: var(--wp--preset--color--danger); }
/* The Add to Cart form prints the same line again (a variation's own line stays). */
.noor-product__summary .wp-block-add-to-cart-form > .stock { display: none; }

/* Add to cart: quantity and buttons on one row */
.noor-product__summary form.cart {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: var(--wp--preset--spacing--20);
    margin: 0;
}

.noor-product__summary form.variations_form.cart { display: block; }

.noor-product__summary .single_variation_wrap .woocommerce-variation-add-to-cart {
    display: flex;
    flex-wrap: wrap;
    gap: var(--wp--preset--spacing--20);
}

.noor-product__summary table.variations { border: 0; margin-block-end: var(--wp--preset--spacing--30); }

.noor-product__summary table.variations th,
.noor-product__summary table.variations td { padding: 0 0 var(--wp--preset--spacing--20); border: 0; vertical-align: middle; }

.noor-product__summary .quantity input.qty {
    inline-size: 4.5rem;
    block-size: 100%;
    min-block-size: 2.75rem;
    text-align: center;
    border: 1px solid var(--wp--preset--color--line);
    border-radius: var(--wp--custom--radius--md);
}

.noor-product__summary .single_add_to_cart_button {
    flex: 1 1 12rem;
    min-block-size: 2.75rem;
}

.noor-product__summary .single_add_to_cart_button.disabled { opacity: 0.5; }

/* Meta: SKU, categories, tags */
.noor-product__summary .wp-block-woocommerce-product-meta {
    padding-block-start: var(--wp--preset--spacing--30);
    border-block-start: 1px solid var(--wp--preset--color--line);
    color: var(--wp--preset--color--text-soft);
    font-size: var(--wp--preset--font-size--small);
}

.noor-product__summary .wp-block-woocommerce-product-meta .wp-block-group { flex-wrap: wrap; gap: var(--wp--preset--spacing--20) var(--wp--preset--spacing--40); }

/* Details (description, additional information, reviews) */
.noor-product__details { margin-block-end: var(--wp--preset--spacing--60); }

/* Related products use the shop's card grid (woocommerce.css). */
.noor-product__related .wp-block-heading { margin-block-end: var(--wp--preset--spacing--40); }

@media (max-width: 781px) {
    .noor-product__main { padding: var(--wp--preset--spacing--40); }
}

/* "You already bought this" above the add-to-cart form (Noor\WooCommerce\Products). */
.noor-bought-note {
    margin-block: 0 var(--wp--preset--spacing--40);
    padding-block: var(--wp--preset--spacing--30);
    padding-inline: var(--wp--preset--spacing--40);
    border-inline-start: 4px solid var(--wp--preset--color--success);
    border-radius: 8px;
    background: var(--wp--preset--color--muted);
    font-size: var(--wp--preset--font-size--small);
}
.noor-bought-note a { font-weight: 600; }