.woocommerce .price:has(ins),
.woocommerce .price .opbs-price-pair,
.widget .price:has(ins),
.widget .price .opbs-price-pair {
display: inline-flex;
align-items: baseline;
flex-wrap: wrap;
gap: 0.45em;
}
.woocommerce .price del,
.widget .price del,
.woocommerce .price .opbs-price-pair del,
.widget .price .opbs-price-pair del {
display: inline !important;
visibility: visible !important;
opacity: 0.62;
color: inherit;
font-size: 0.82em;
font-weight: 400;
text-decoration-thickness: 1px;
}
.woocommerce .price ins,
.widget .price ins,
.woocommerce .price .opbs-price-pair ins,
.widget .price .opbs-price-pair ins {
display: inline-block;
padding: 0.08em 0.38em;
border-radius: 0.25em;
background: color-mix(in srgb, currentColor 9%, transparent);
color: var(--porto-primary-color, #0088cc);
font-weight: 700;
text-decoration: none;
}
@supports not (background: color-mix(in srgb, black 10%, transparent)) {
.woocommerce .price ins,
.widget .price ins {
background: rgba(0, 136, 204, 0.08);
}
}