/* One visual system for every legacy title divider: a light peach line and
   a darker peach centre tab. The intrinsic SVG sizes match the old PNGs. */
img[src*="price_slide_line.png"],
img[data-src*="price_slide_line.png"],
img[src*="underline.png"],
img[data-src*="underline.png"] {
    content: url("/images/section-divider-peach-v2-wide.svg") !important;
}

img[src*="price_line.png"],
img[data-src*="price_line.png"] {
    content: url("/images/section-divider-peach-v2-medium.svg") !important;
}

img[src*="short_line.png"],
img[data-src*="short_line.png"] {
    content: url("/images/section-divider-peach-v2-short.svg") !important;
}

/* JS assigns this class when an ancestor has a peach background. */
img.vo-divider-on-peach[src*="price_slide_line.png"],
img.vo-divider-on-peach[data-src*="price_slide_line.png"],
img.vo-divider-on-peach[src*="underline.png"],
img.vo-divider-on-peach[data-src*="underline.png"] {
    content: url("/images/section-divider-white-v2-wide.svg") !important;
}

img.vo-divider-on-peach[src*="price_line.png"],
img.vo-divider-on-peach[data-src*="price_line.png"] {
    content: url("/images/section-divider-white-v2-medium.svg") !important;
}

img.vo-divider-on-peach[src*="short_line.png"],
img.vo-divider-on-peach[data-src*="short_line.png"] {
    content: url("/images/section-divider-white-v2-short.svg") !important;
}

/* The peach result section is image-backed, so it needs an explicit rule. */
html body .u-b-i-l img[src*="price_slide_line.png"],
html body .u-b-i-l img[data-src*="price_slide_line.png"],
html body .u-b-i-l img[src*="underline.png"],
html body .u-b-i-l img[data-src*="underline.png"] {
    content: url("/images/section-divider-white-v2-wide.svg") !important;
}