/* ── PHC Section Label (Eyebrow) ─────────────────────────────────────────────
   Usage: [phc_label text="OUR SERVICES" color="orange"]
   Produces the small all-caps pill label that sits above section headings.
   ─────────────────────────────────────────────────────────────────────────── */

.phc-section-label {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	font-size: .62rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .18em;
	line-height: 1;
	padding: .38rem .85rem .38rem .55rem;
	border-radius: 100px;
	margin-bottom: .9rem;
}

/* Dot accent */
.phc-section-label__dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	flex-shrink: 0;
}

/* Colour variants */
.phc-section-label--orange {
	background: rgba(255,145,90,.1);
	color: #e55a25;
	border: 1px solid rgba(255,145,90,.25);
}
.phc-section-label--orange .phc-section-label__dot { background: #ff915a; }

.phc-section-label--green {
	background: rgba(139,195,139,.12);
	color: #4a9e4a;
	border: 1px solid rgba(139,195,139,.3);
}
.phc-section-label--green .phc-section-label__dot { background: #8bc38b; }

.phc-section-label--blue {
	background: rgba(58,114,176,.08);
	color: #2a5a9a;
	border: 1px solid rgba(58,114,176,.2);
}
.phc-section-label--blue .phc-section-label__dot { background: #3a72b0; }

.phc-section-label--dark {
	background: rgba(17,24,39,.07);
	color: #111827;
	border: 1px solid rgba(17,24,39,.12);
}
.phc-section-label--dark .phc-section-label__dot { background: #111827; }

.phc-section-label--white {
	background: rgba(255,255,255,.2);
	color: #fff;
	border: 1px solid rgba(255,255,255,.35);
}
.phc-section-label--white .phc-section-label__dot { background: #fff; }