/* clinic/services-directory — grouped, filterable service directory */
.svc-directory {
	max-width: 1280px;
	margin: 0 auto;
	padding: var(--wp--preset--spacing--60, 80px) var(--wp--preset--spacing--40, 24px);
}
.svc-directory__head { max-width: 576px; margin-bottom: 24px; }
.svc-directory__head h2 {
	font-family: var(--wp--preset--font-family--heading, Ubuntu, sans-serif);
	font-size: var(--wp--preset--font-size--heading-2, 2rem);
	font-weight: 800;
	color: var(--wp--preset--color--primary, #6b5a1f);
	line-height: 1.11;
	margin: 0 0 8px;
}
.svc-directory__head p {
	font-family: var(--wp--preset--font-family--body, Lato, sans-serif);
	font-size: 16px; line-height: 1.5;
	color: var(--wp--preset--color--body, #4a4a48); margin: 0;
}

/* Controls: chips + search */
.svc-directory__controls {
	display: flex; flex-wrap: wrap; gap: 16px;
	align-items: center; justify-content: space-between;
	margin-bottom: 28px;
}
.svc-directory__chips { display: flex; flex-wrap: wrap; gap: 8px; }
.svc-chip {
	font-family: var(--wp--preset--font-family--body, Lato, sans-serif);
	font-size: 13px; font-weight: 700; cursor: pointer;
	color: var(--wp--preset--color--primary, #6b5a1f);
	background: rgba(140, 115, 50, .07);
	border: 1px solid transparent; border-radius: 9999px;
	padding: 8px 16px; transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.svc-chip:hover { background: rgba(140, 115, 50, .14); }
.svc-chip.is-active {
	color: #fff;
	background: var(--wp--preset--color--gold-dark, #8c7332);
	border-color: var(--wp--preset--color--gold-dark, #8c7332);
}
.svc-directory__search {
	display: inline-flex; align-items: center; gap: 8px;
	border: 1px solid var(--wp--preset--color--border, #ece7d6);
	border-radius: 9999px; padding: 8px 16px; background: #fff;
	color: var(--wp--preset--color--gold-dark, #8c7332);
}
.svc-directory__search input {
	border: 0; outline: 0; background: transparent; min-width: 200px;
	font-family: var(--wp--preset--font-family--body, Lato, sans-serif);
	font-size: 14px; color: var(--wp--preset--color--body, #4a4a48);
}

/* Grid of cluster cards */
.svc-directory__grid {
	display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;
}
@media (max-width: 960px) { .svc-directory__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .svc-directory__grid { grid-template-columns: 1fr; } }

.svc-cluster {
	background: #fff; border-radius: 20px; overflow: hidden;
	border: 1px solid var(--wp--preset--color--border, #ece7d6);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	scroll-margin-top: 96px; /* offset for the sticky header on anchor jumps */
}
.svc-cluster__accent { height: 4px; background: linear-gradient(to right, #8c7332, #d6c422); }
.svc-cluster__inner { padding: 28px 24px 24px; }
.svc-cluster__head {
	display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px;
}
.svc-cluster__head h3 {
	font-family: var(--wp--preset--font-family--heading, Ubuntu, sans-serif);
	font-size: 16px; font-weight: 700; line-height: 1.375; margin: 0;
	color: var(--wp--preset--color--primary, #6b5a1f);
}
.svc-cluster__count {
	font-family: var(--wp--preset--font-family--body, Lato, sans-serif);
	font-size: 11px; font-weight: 700; white-space: nowrap;
	color: var(--wp--preset--color--primary, #6b5a1f);
	background: rgba(140, 115, 50, .07); padding: 3px 10px; border-radius: 9999px;
}
.svc-cluster__links { list-style: none; padding: 0; margin: 0; }
.svc-cluster__links li { border-top: 1px solid rgba(0, 0, 0, .04); }
.svc-cluster__links li:first-child { border-top: none; }
.svc-cluster__links a {
	display: flex; align-items: center; justify-content: space-between;
	padding: 10px 4px; border-radius: 8px;
	font-family: var(--wp--preset--font-family--body, Lato, sans-serif);
	font-size: 14px; line-height: 1.4; text-decoration: none;
	color: var(--wp--preset--color--body, #4a4a48);
	transition: background .15s ease, color .15s ease, padding .15s ease;
}
.svc-cluster__links a:hover {
	background: rgba(140, 115, 50, .04); padding-left: 10px; padding-right: 10px;
	color: var(--wp--preset--color--primary, #6b5a1f);
}
.svc-arrow { opacity: 0; transform: translateX(-4px); flex-shrink: 0; font-size: 13px;
	color: var(--wp--preset--color--primary, #6b5a1f);
	transition: opacity .15s ease, transform .15s ease;
}
.svc-cluster__links a:hover .svc-arrow { opacity: 1; transform: translateX(0); }

/* Filter/search hidden states */
.svc-cluster[hidden], .svc-cluster__links li[hidden] { display: none; }
.svc-directory__empty {
	text-align: center; margin: 24px 0 0;
	font-family: var(--wp--preset--font-family--body, Lato, sans-serif);
	color: var(--wp--preset--color--body, #4a4a48);
}