/**
 * SDH Handwerkerclub – „Freunde empfehlen".
 *
 * Empfehlungs-Link + Teilen + Statistik. Tokens --empf-*, scoped auf `.sdh-empf`.
 *
 * @package SDH_Core
 */

.sdh-empf {
	--empf-accent: #be1623;
	--empf-text:   #2a2a29;
	--empf-muted:  #868583;
	--empf-border: #e2e1dd;
	--empf-soft:   #f4f3f0;
	--empf-radius: 0px;
	--empf-font:   'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

	font-family: var(--empf-font);
	color: var(--empf-text);
	border-radius: var(--empf-radius);
}
.sdh-empf *, .sdh-empf *::before, .sdh-empf *::after { box-sizing: border-box; }
.sdh-empf .sdh-club-content { padding: 20px 24px; }

.sdh-empf-demo-hint {
	font-size: 11px; color: var(--empf-muted);
	background: var(--empf-soft); border: 1px dashed var(--empf-border);
	padding: 6px 10px; margin-bottom: 14px;
}

.sdh-empf-headline { margin: 0 0 10px; font-size: 18px; font-weight: 700; color: var(--empf-text); }
.sdh-empf-intro { font-size: 14px; line-height: 1.55; color: var(--empf-muted); margin: 0 0 16px; }
.sdh-empf-note { font-size: 14px; color: var(--empf-muted); }

.sdh-empf-campaign {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 12px 14px;
	margin-bottom: 16px;
	background: #f9eaeb;
	border: 1.5px solid var(--empf-accent);
	border-radius: var(--empf-radius);
	font-size: 14px;
	font-weight: 600;
	color: var(--empf-accent);
}

/* Link-Zeile */
.sdh-empf-link-row { display: flex; gap: 8px; margin-bottom: 12px; }
.sdh-empf-link-input {
	flex: 1;
	min-width: 0;
	padding: 11px 12px;
	border: 1.5px solid var(--empf-border);
	border-radius: var(--empf-radius);
	background: var(--empf-soft);
	font-family: var(--empf-font);
	font-size: 13px;
	color: var(--empf-text);
}
.sdh-empf-copy {
	flex-shrink: 0;
	padding: 11px 16px;
	border: 1px solid var(--empf-accent);
	border-radius: var(--empf-radius);
	background: var(--empf-accent);
	color: #fff;
	font-family: var(--empf-font);
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: opacity 0.15s ease;
}
.sdh-empf-copy:hover { opacity: 0.9; }
.sdh-empf-copy.is-copied { background: #2d8653; border-color: #2d8653; }

/* Teilen */
.sdh-empf-share { display: flex; gap: 8px; margin-bottom: 20px; flex-wrap: wrap; }
.sdh-empf-share-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 9px 14px;
	border: 1px solid var(--empf-border);
	border-radius: var(--empf-radius);
	background: #fff;
	color: var(--empf-text);
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	transition: background 0.15s ease;
}
.sdh-empf-share-btn:hover { background: var(--empf-soft); }
.sdh-empf-share-btn svg { width: 18px; height: 18px; color: var(--empf-accent); }

/* Statistik */
.sdh-empf-stats {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}
.sdh-empf-stat {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
	padding: 16px 10px;
	border: 1px solid var(--empf-border);
	border-radius: var(--empf-radius);
	background: var(--empf-soft);
	text-align: center;
}
.sdh-empf-stat-num { font-size: 24px; font-weight: 700; color: var(--empf-accent); line-height: 1.1; }
.sdh-empf-stat-label { font-size: 12px; color: var(--empf-muted); }

@media (max-width: 600px) {
	.sdh-empf-stats { grid-template-columns: 1fr; }
	.sdh-empf-link-row { flex-direction: column; }
}