/* ==========================================
   1. WOOCOMMERCE PRODUCT TAB MODIFICATIONS
   ========================================== */

/* Hide the Additional Information tab */
.woocommerce-tabs .additional_information_tab {
    display: none !important;
}

/* Set width and padding for Description tab */
.woocommerce-tabs .description_tab {
    min-width: 180px !important;
    white-space: nowrap !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
}

/* Hide original tab link text */
.woocommerce-tabs .description_tab a {
    visibility: hidden;
    position: relative;
    white-space: nowrap !important;
}

/* Rename Description tab to "Product Details" */
.woocommerce-tabs .description_tab a::after {
    content: "Product Details";
    visibility: visible;
    position: absolute;
    left: 0;
    white-space: nowrap !important;
}


/* ==========================================
   2. VARIATION SWATCHES LAYOUT & STYLING
   ========================================== */

/* Keep the label row inline and prevent wrapping */
table.variations td.label,
.zoo-cw-attribute-label,
.woo-variation-raw-type-label {
    display: inline-block !important;
    width: auto !important;
    white-space: nowrap !important;
}

/* Ensure label text and selected value sit side-by-side */
.woo-variation-raw-type-label,
.woo-variation-selected-value,
.zoo-cw-attribute-label label,
.zoo-cw-attribute-label span {
    display: inline-block !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
}

/* Hide colon pseudo-elements */
.woo-variation-raw-type-label::after,
.variations label::after,
.variations td.label::after,
.zoo-cw-attribute-label::after {
    display: none !important;
    content: "" !important;
}

/* Move the swatch images container to a new row below the text */
.zoo-cw-group-attribute,
.woo-variation-items-wrapper,
table.variations td.value {
    display: block !important;
    width: 100% !important;
    margin-top: 8px !important;
    clear: both !important;
}
/* ==========================================
   STACKED VARIATION LAYOUT & CLEANUP
   ========================================== */

/* Stack the label container and remove colon text nodes */
table.variations td.label {
    display: block !important;
    width: 100% !important;
    font-size: 0 !important; /* Hides hardcoded colon text nodes */
}

/* Line 1: Title "Color Options" on its own line */
.woo-variation-raw-type-label,
.zoo-cw-attribute-label label {
    display: block !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin-bottom: 4px !important;
}

/* Line 2: Selected Option Name (e.g. W9004 Champagne Alloy) on its own line */
.woo-variation-selected-value,
.zoo-cw-attribute-label span {
    display: block !important;
    font-size: 14px !important;
    font-weight: normal !important;
    margin-bottom: 8px !important;
}

/* Completely remove pseudo-element colons */
.woo-variation-raw-type-label::after,
.variations label::after,
.variations td.label::after {
    display: none !important;
    content: "" !important;
}

/* Line 3: Swatch images on their own row directly below */
.zoo-cw-group-attribute,
.woo-variation-items-wrapper,
table.variations td.value {
    display: block !important;
    width: 100% !important;
    clear: both !important;
}
.woocommerce-product-details__short-description,
.single-product .product .entry-content {
    font-size: 16px;
    line-height: 1.6;
}

.single-product ul li {
    margin-bottom: 8px;
}