/*
 * Restores bullet markers/indentation for lists typed into the product
 * description (WYSIWYG ul/ol content), scoped to the Description tab
 * panel only, and to desktop/tablet widths above 1024px only.
 *
 * Root cause: Royal Elementor Kit's product-tabs widget CSS
 * (css/frontend.min.css) ships
 *     .wpr-product-tabs ol, .wpr-product-tabs ul { padding: 0; }
 * which is meant for the tab-nav <ul class="tabs wc-tabs"> list, but
 * ".wpr-product-tabs ul" also matches any ul typed directly into the
 * description content, since that content sits inside the same
 * .wpr-product-tabs wrapper. With padding/margin at 0 and the browser's
 * default list-style-position: outside, the bullet marker has nowhere
 * to render and list items end up flush with the surrounding paragraph
 * text — no visible marker, no indentation. Confirmed live at desktop
 * width (1920px): ul padding-left computed to 0px before this fix.
 *
 * min-width: 1025px is deliberate — kosher-mobile-layout-fixes.php
 * already has a client-tuned fix (BUG-0081/BUG-0082) for this exact
 * selector at max-width: 1024px (margin: 14px 0, li padding-left: 4px).
 * This file must not touch that breakpoint or it would override
 * already-agreed mobile values with different ones.
 *
 * Scoped to .woocommerce-Tabs-panel--description.entry-content (both
 * classes already present together on that one element) so the
 * tab-nav list, the Additional Information tab, and every other list
 * on the site are untouched. The doubled class selector is deliberate:
 * it matches the conflicting rule's specificity-or-higher so this fix
 * wins the cascade regardless of stylesheet load order.
 */
@media screen and (min-width: 1025px) {
    .woocommerce-Tabs-panel--description.entry-content ul,
    .woocommerce-Tabs-panel--description.entry-content ol {
        padding-left: 22px;
        margin: 0 0 1em;
        list-style-position: outside;
    }

    .woocommerce-Tabs-panel--description.entry-content ul {
        list-style-type: disc;
    }

    .woocommerce-Tabs-panel--description.entry-content ol {
        list-style-type: decimal;
    }

    .woocommerce-Tabs-panel--description.entry-content ul ul,
    .woocommerce-Tabs-panel--description.entry-content ol ol,
    .woocommerce-Tabs-panel--description.entry-content ul ol,
    .woocommerce-Tabs-panel--description.entry-content ol ul {
        margin: 0.25em 0 0;
    }

    .woocommerce-Tabs-panel--description.entry-content li {
        display: list-item;
        margin-bottom: 8px;
        line-height: 1.6;
    }

    .woocommerce-Tabs-panel--description.entry-content li:last-child {
        margin-bottom: 0;
    }
}
