/* Wavy gradient underline under .rf-heading-accent orange titles.
   Responsive width (matches the title text like an underscore), constant stroke thickness. */

/* Remove the OLD background-image wave (Line-18-1.svg) added via Elementor global Custom CSS:
   it used background-size:100% so its thickness scaled with the title width (and clipped on
   wide titles). Superseded by the constant-thickness inline SVG below. */
.rf-heading-accent::after{ content: none !important; }

.rf-heading-accent .elementor-heading-title{
  display: inline-block;
  position: relative;
  padding-bottom: 0.55em;
}
.rf-heading-accent--center .elementor-widget-container{ text-align: center; }
.rf-heading-accent--left   .elementor-widget-container{ text-align: left;   }

.rf-accent-wave{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.3em;
  overflow: visible;
  pointer-events: none;
}
/* keeps the stroke the SAME thickness no matter how wide the title is */
.rf-accent-wave path{ vector-effect: non-scaling-stroke; }