/* Category hero copy — title + subscription list (category pages). See class-category-hero-copy.php. */

/* Title: dark text, highlighted part green with the yellow curved line (Home hero look).
   The colour comes inline from each post (<span style="color: #ff721e;">), hence !important. */
.subscription-title h2 {
	color: #1a1a1a;
}
.subscription-title h2 span[style*="color"] {
	color: #127A71 !important;
	padding-bottom: .14em;
	/* One curve per line when the name wraps (long names, phones). */
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 276 12' preserveAspectRatio='none'%3E%3Cpath d='M2 9.5C46.1081 3.00787 164.955 -0.376652 274 5.06167' fill='none' stroke='%23FFC400' stroke-width='5.2' stroke-linecap='round'/%3E%3C/svg%3E") left bottom / 100% .24em no-repeat;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}

/* List: light-green round ticks, same as the plan cards on Pricing. */
.subscription-includes ul {
	margin-left: 0;
	list-style: none;
}
.subscription-includes ul li {
	position: relative;
	padding-left: 30px;
	list-style: none;
}
.subscription-includes ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 2.5px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #DFEBE0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23176b45' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4L18 8'/%3E%3C/svg%3E") no-repeat center / 13px auto;
}