/* 
 * WooCommerce Fixes for Chibalete Theme
 * Scope: Single Product Description Tab
 * Objective: Force single-column layout by resetting Flexbox/Grid/Columns
 */

/* 1. Container Reset */
body.single-product .woocommerce-Tabs-panel--description,
body.single-product #tab-description,
body.single-product .woocommerce-product-details__short-description {
    display: block !important;
    columns: auto !important;
    column-count: 1 !important;
    width: 100% !important;
}

/* 2. Block-Level Child Reset 
   Target specific block tags to avoid breaking inline elements like spans/links 
*/
body.single-product #tab-description div,
body.single-product #tab-description p,
body.single-product #tab-description article,
body.single-product #tab-description section,
body.single-product #tab-description ul,
body.single-product #tab-description ol,
body.single-product #tab-description li,
body.single-product .woocommerce-Tabs-panel--description div,
body.single-product .woocommerce-Tabs-panel--description p {
    display: block !important;
    /* Kills flex/grid layouts on containers */
    float: none !important;
    width: auto !important;
    max-width: 100% !important;
    flex: none !important;
    grid-template-columns: none !important;

    /* Ensure no columns inherit */
    columns: auto !important;
    column-count: 1 !important;
    -webkit-column-count: 1 !important;
    -moz-column-count: 1 !important;
}

/* 3. Universal Column Reset (General Safety) */
body.single-product #tab-description *,
body.single-product .woocommerce-Tabs-panel--description * {
    column-count: 1 !important;
    columns: auto !important;
    -webkit-column-count: 1 !important;
    -moz-column-count: 1 !important;
}