/*
 * DevLux AI Descriptions — Frontend Content Styles
 * Styles the h3/ul/li/strong/em tags output by AI Format.
 * Designed to be theme-agnostic — uses relative sizing and
 * inherits surrounding text colour where possible.
 */

.woocommerce-Tabs-panel--description h3,
.woocommerce-product-details__short-description h3,
#tab-description h3 {
    font-size: 1.15em;
    font-weight: 700;
    letter-spacing: -.01em;
    margin: 1.75em 0 .6em;
}
.woocommerce-Tabs-panel--description h3:first-child,
#tab-description h3:first-child {
    margin-top: 0;
}

.woocommerce-Tabs-panel--description p,
.woocommerce-product-details__short-description p,
#tab-description p {
    line-height: 1.7;
    margin-bottom: 1.1em;
}

.woocommerce-Tabs-panel--description ul,
#tab-description ul {
    list-style: none;
    padding: 0;
    margin: 0 0 1.2em;
    display: flex;
    flex-direction: column;
    gap: .55em;
}

.woocommerce-Tabs-panel--description ul li,
#tab-description ul li {
    line-height: 1.6;
    padding-left: 1.4em;
    position: relative;
}
.woocommerce-Tabs-panel--description ul li::before,
#tab-description ul li::before {
    content: '•';
    position: absolute;
    left: 0;
    opacity: .6;
}

.woocommerce-Tabs-panel--description strong,
#tab-description strong {
    font-weight: 700;
}

.woocommerce-Tabs-panel--description em,
#tab-description em {
    opacity: .75;
    font-style: italic;
    font-size: .92em;
}