/*
 * Provider Card Styles
 * Styles for provider-directory/social-links,
 * provider-directory/provider-address, and
 * provider-directory/provider-website blocks.
 */

/* ── Social links row ───────────────────────────────────────── */

.provider-social-links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	list-style: none;
	margin: 0;
	padding: 0;
	align-items: center;
}

.provider-social-links__link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.5rem;
	height: 1.5rem;
	color: inherit;
	opacity: 0.75;
	transition: opacity 0.15s ease;
}

.provider-social-links__link:hover,
.provider-social-links__link:focus-visible {
	opacity: 1;
}

.provider-social-links__link svg {
	width: 1.5rem;
	height: 1.5rem;
}

/* ── Contact column layout ──────────────────────────────────── */

/* First column: collapse row gap and reduce h4 size */
.wp-block-columns .wp-block-column:first-child {
	row-gap: 0;
}

.wp-block-columns .wp-block-column:first-child h4 {
	font-size: var( --neve-font-size-body, var( --wp--preset--font-size--normal ) );
	margin-bottom: 0.15rem;
}

/* ── Hours table ────────────────────────────────────────────── */

.provider-hours td,
.provider-hours th {
	padding: 0.6rem 1rem;
}

.provider-hours caption,
.provider-hours .provider-hours__note {
	caption-side: bottom;
	text-align: left;
	padding: 0.5rem 0;
	font-style: italic;
}

/* ── Address ────────────────────────────────────────────────── */

.provider-address {
	margin: 0;
	line-height: 1.6;
}

/* ── Website ────────────────────────────────────────────────── */

.provider-website {
	word-break: break-all;
}

/* ── Mobile centering for social links ──────────────────────── */

@media ( max-width: 599px ) {
	.provider-social-links {
		justify-content: center;
	}
}

/* ── Card actions row (button + social links) ───────────────── */

.provider-card-actions {
	align-items: center;
}