/**
 * WooCommerce Single Product Page Styles
 * Ensures proper spacing and readable layout
 *
 * @package Modual_Configurator
 */

/* Main product container spacing */
.single-product .product {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 1.5rem;
}

/* Product gallery and summary layout */
.single-product .woocommerce-product-gallery {
    margin-bottom: 2rem;
}

.single-product .summary.entry-summary {
    padding: 0 1rem;
}

/* Product title spacing */
.single-product .product_title {
    margin-bottom: 1rem;
    line-height: 1.3;
}

/* Price spacing */
.single-product .price {
    margin: 1.5rem 0;
    font-size: 1.5rem;
}

/* Short description spacing */
.single-product .woocommerce-product-details__short-description {
    margin: 1.5rem 0;
    line-height: 1.6;
}

/* Add to cart form spacing */
.single-product .cart {
    margin: 2rem 0;
    padding: 1.5rem 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

/* Meta info spacing (categories, tags) */
.single-product .product_meta {
    margin-top: 1.5rem;
    padding-top: 1rem;
    font-size: 0.9rem;
}

/* Product tabs section */
.single-product .woocommerce-tabs {
    margin-top: 3rem;
    padding-top: 2rem;
}

.single-product .woocommerce-tabs .panel {
    padding: 2rem 1.5rem;
    max-width: 900px;
}

/* Tab content readability */
.single-product .woocommerce-tabs .panel h2:first-child {
    margin-top: 0;
}

.single-product .woocommerce-tabs .panel p {
    line-height: 1.7;
    margin-bottom: 1rem;
}

/* Related products spacing */
.single-product .related.products {
    margin-top: 4rem;
    padding-top: 2rem;
}

.single-product .related.products h2 {
    margin-bottom: 1.5rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .single-product .product {
        padding: 1rem;
    }

    .single-product .summary.entry-summary {
        padding: 0;
    }

    .single-product .woocommerce-tabs .panel {
        padding: 1.5rem 1rem;
    }
}

/* Breadcrumb spacing */
.single-product .woocommerce-breadcrumb {
    max-width: 1200px;
    margin: 1rem auto;
    padding: 0 1.5rem;
    font-size: 0.85rem;
}

/* Product info grid spacing for component tables */
.single-product .panel table {
    margin: 1.5rem 0;
    width: 100%;
    border-collapse: collapse;
}

.single-product .panel table th,
.single-product .panel table td {
    padding: 0.75rem 1rem;
    text-align: left;
    border-bottom: 1px solid #e5e5e5;
}

.single-product .panel table th {
    background: #f8f8f8;
    font-weight: 600;
}

/* List spacing in description */
.single-product .panel ul,
.single-product .panel ol {
    margin: 1rem 0;
    padding-left: 1.5rem;
}

.single-product .panel li {
    margin-bottom: 0.5rem;
    line-height: 1.6;
}