/* Pros/cons list for the [product_table] shortcode's full-details view.
   Standalone (not part of br-style.css) since that stylesheet doesn't load
   on every post type this shortcode can appear on — this loads only when
   the shortcode is actually present, regardless of post type. */

.product-pros-cons {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin: 16px 0;
}

.product-pros,
.product-cons {
    flex: 1 1 260px;
    margin: 0;
    padding: 12px 16px;
    list-style: none;
    border-radius: 6px;
}

.product-pros {
    background: #f0f9f0;
    border: 1px solid #cdeccd;
}

.product-cons {
    background: #fbf0f0;
    border: 1px solid #f0d3d3;
}

.product-pros li,
.product-cons li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 4px 0;
    line-height: 1.5;
}

.product-pros li i {
    color: #2ea83f;
    margin-top: 3px;
}

.product-cons li i {
    color: #d94848;
    margin-top: 3px;
}