/* ============================================================
   Weinhold Mehrsprachigkeit – Styles
   Farben kommen aus den --weinhold-blog-list-*-Variablen (Blog List, pro Site
   einstellbar); ohne Blog List greifen die Standardwerte.
   ============================================================ */

/* ── Sprachumschalter ────────────────────────────────── */
.weinhold-languages-wrapper {
	position: relative;
}

.weinhold-languages-toggle {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 0;
	margin-bottom: 20px;
	border-radius: var(--weinhold-blog-list-radius, 10px);
	overflow: hidden;
	border: 1px solid var(--weinhold-blog-list-border, #e0e0e0);
	box-shadow: var(--weinhold-blog-list-shadow, 0 2px 12px rgba(0, 137, 123, 0.10));
}

.weinhold-languages-toggle button {
	background: var(--weinhold-blog-list-bg, #ffffff);
	border: none;
	padding: 7px 20px;
	font-size: 0.88rem;
	font-weight: 500;
	cursor: pointer;
	color: var(--weinhold-blog-list-text-muted, #5f6368);
	transition: background 0.18s, color 0.18s;
}

.weinhold-languages-toggle button:hover {
	background: var(--weinhold-blog-list-surface, #f5f7f7);
	color: var(--weinhold-blog-list-accent, #00897b);
}

.weinhold-languages-toggle button.active {
	background: var(--weinhold-blog-list-accent, #00897b);
	color: #fff;
}

/* ── Sprachblöcke ────────────────────────────────────── */
.weinhold-languages-block {
	animation: wlang-fadein 0.2s ease;
}

@keyframes wlang-fadein {
	from { opacity: 0; transform: translateY(5px); }
	to   { opacity: 1; transform: translateY(0); }
}

/* Leere Zeilenumbrüche, die wpautop zwischen die Shortcodes eines Sprachblocks setzt */
.weinhold-languages-block > br {
	display: none;
}

/* ── Profilseite (ehemals Modul About Page, z. B. Startseite weinify.de) ── */
.weinhold-languages-profile {
	max-width: 900px;
	margin: 0 auto;
	color: var(--weinhold-blog-list-text, #1a1a1a);
}

.weinhold-languages-profile h1 {
	font-size: 2.2rem;
	font-weight: 700;
	margin-bottom: 0.3em;
	color: var(--weinhold-blog-list-accent-dark, #00695c);
}

.weinhold-languages-profile h2 {
	font-size: 1.3rem;
	color: var(--weinhold-blog-list-accent, #00897b);
	margin-top: 1.6em;
	margin-bottom: 0.5em;
}

.weinhold-languages-profile p {
	line-height: 1.7;
	margin-bottom: 1em;
}

.weinhold-languages-profile ul {
	padding-left: 1.4em;
	line-height: 1.8;
}

.weinhold-languages-profile ul li::marker {
	color: var(--weinhold-blog-list-accent, #00897b);
}

/* ── Mobil ───────────────────────────────────────────── */
@media (max-width: 600px) {
	.weinhold-languages-toggle button {
		padding: 6px 14px;
		font-size: 0.82rem;
	}

	.weinhold-languages-profile h1 {
		font-size: 1.6rem;
	}
}