/**
 * Single Product Page Styles
 * Loaded on: is_product()
 *
 * @package MCJ Child Theme
 * @version 1.0.0
 */

/* Single Product Layout */
.woocomerce div.product .expand-button-hidden,
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
     z-index: 1;
}

.woocommerce div.product .product_title {
     letter-spacing: 2px;
     padding: 0 !important;
}

.woocommerce div.product .product_title,
.woocommerce-loop-product__title,
.woocommerce div.product div.summary h2.desc {
     font-weight: 700;
}

.woocommerce div.product div.summary {
     font-weight: 400;
}

/* Stock Status */
.woocommerce div.product p.stock {
     font-size: 0.8em;
     margin-top: 1em;
     color: #000;
}

.woocommerce div.product .stock {
     color: var(--darkgreen);
}

/* Add to Cart */
.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled {
     margin-top: 2em;
}

.woocommerce .quantity input.qty,
.woocommerce-page .quantity input.qty {
     font-size: inherit;
     padding: 12.5px;
     line-height: 1em;
}

.woocommerce div.product form.cart .button,
.woocommerce-notices-wrapper button.wc-forward {
     background: var(--green);
     border-color: var(--green);
     color: var(--darkgreen);
     font-weight: bold;
}

.woocommerce div.product form.cart .button:hover,
.woocommerce-notices-wrapper button.wc-forward:hover,
.woocommerce div.product form.cart .button:focus,
.woocommerce-notices-wrapper button.wc-forward:focus,
.woocommerce div.product form.cart .button:active,
.woocommerce-notices-wrapper button.wc-forward:active {
     background: var(--gold);
     border-color: var(--gold);
     color: var(--darkgreen);
}

/* Product Meta */
.woocommerce div.product .product_meta {
     margin-top: 1em;
     font-size: 0.9em;
}

/* Product Gallery */
.woocommerce div.product div.images .flex-control-thumbs li {
     width: 20%;
}

/* Variations */
.woocommerce div.product form.cart .variations {
     margin-bottom: 1em;
}

.woocommerce div.product form.cart .variations td.label {
     padding-right: 1em;
}

.woocommerce div.product form.cart .variations select {
     min-width: 200px;
}

/* Related Products - ensure proper grid layout */
.related.products ul.products,
.woocommerce .related.products ul.products,
.woocommerce-page .related.products ul.products,
section.related.products ul.products {
     display: flex !important;
     flex-wrap: wrap !important;
     gap: 0 !important;
}

.related.products ul.products li.product,
.woocommerce .related.products ul.products li.product,
.woocommerce-page .related.products ul.products li.product,
section.related.products ul.products li.product,
.woocommerce-page .related.products ul.products li.product:nth-child(n) {
     margin: 0 5% 10% 0 !important;
     width: 30% !important;
     float: left !important;
}

/* Third item in each row - no right margin */
.related.products ul.products li.product:nth-child(3n),
.woocommerce-page .related.products ul.products li.product:nth-child(3n) {
     margin-right: 0 !important;
}

/* Responsive Related Products */
@media (max-width: 768px) {
     .related.products ul.products li.product,
     .woocommerce .related.products ul.products li.product,
     .woocommerce-page .related.products ul.products li.product,
     .woocommerce-page .related.products ul.products li.product:nth-child(n) {
          width: 47% !important;
          margin: 0 6% 10% 0 !important;
     }

     .related.products ul.products li.product:nth-child(2n),
     .woocommerce-page .related.products ul.products li.product:nth-child(2n) {
          margin-right: 0 !important;
     }
}

/* Responsive Single Product */
@media (max-width: 991px) {
     .woocommerce div.product .product_title,
     .woocommerce div.product div.summary h2.desc {
          margin-top: 1.5em;
     }

     .woocommerce div.product p.price {
          padding-top: 0;
     }
}

@media (max-width: 767px) {
     .woocommerce div.product div.images,
     .woocommerce div.product div.summary {
          width: 100%;
          float: none;
     }

     .woocommerce div.product div.summary {
          margin-top: 2em;
     }
}