/* ==========================================================================
   Immenverein – WhatsApp-Chat-Widget
   ========================================================================== */

.iv-wa {
	position: fixed; bottom: 22px; z-index: 90000;
	font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
.iv-wa-rechts { right: 22px; }
.iv-wa-links { left: 22px; }

/* ---------- Runder Knopf ---------- */

.iv-wa-knopf {
	width: 62px; height: 62px; border-radius: 50%; border: none; cursor: pointer;
	background: #25D366; color: #fff;
	display: grid; place-items: center;
	box-shadow: 0 14px 34px -10px rgba(18, 140, 70, .65);
	transition: transform .15s ease;
}
.iv-wa-knopf:hover { transform: scale(1.07); }
.iv-wa-knopf svg { width: 34px; height: 34px; }

/* ---------- Chat-Panel ---------- */

.iv-wa-panel {
	position: absolute; bottom: 76px; width: 340px; max-width: calc(100vw - 44px);
	background: #FBF6EC; border-radius: 18px; overflow: hidden;
	box-shadow: 0 30px 70px -18px rgba(36, 28, 21, .45);
	border: 1px solid rgba(36, 28, 21, .08);
}
.iv-wa-rechts .iv-wa-panel { right: 0; }
.iv-wa-links .iv-wa-panel { left: 0; }

.iv-wa-kopf {
	display: flex; align-items: center; gap: 12px;
	background: #075E54; color: #fff; padding: 14px 16px;
}
.iv-wa-kopf svg { width: 30px; height: 30px; flex: none; }
.iv-wa-kopf strong { display: block; font-size: 15.5px; line-height: 1.2; }
.iv-wa-kopf span { font-size: 12.5px; opacity: .75; }
.iv-wa-zu {
	margin-left: auto; background: none; border: none; color: #fff;
	font-size: 22px; cursor: pointer; line-height: 1; padding: 4px;
}

.iv-wa-verlauf { padding: 16px; }
.iv-wa-blase {
	background: #fff; border-radius: 4px 14px 14px 14px;
	padding: 12px 14px; font-size: 14.5px; color: #241C15;
	box-shadow: 0 4px 14px -8px rgba(36, 28, 21, .3);
	max-width: 88%;
}
.iv-wa-themen { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; margin-top: 14px; }
.iv-wa-thema {
	background: #fff; border: 1.5px solid #25D366; color: #128C46;
	border-radius: 999px; padding: 9px 16px; font-size: 14px; font-weight: 600;
	cursor: pointer; transition: background .15s, color .15s; text-align: right;
}
.iv-wa-thema:hover, .iv-wa-thema.iv-gewaehlt { background: #25D366; color: #fff; }

.iv-wa-start {
	display: block; margin: 4px 16px 12px; padding: 12px 16px;
	background: #25D366; color: #fff !important; text-align: center;
	border-radius: 999px; font-weight: 700; font-size: 15px; text-decoration: none;
	box-shadow: 0 10px 24px -10px rgba(18, 140, 70, .7);
}
.iv-wa-start:hover { background: #1FB558; }

.iv-wa-hinweis {
	padding: 10px 16px 14px; font-size: 11.5px; line-height: 1.5; color: #7A6E60;
	border-top: 1px solid rgba(36, 28, 21, .07);
}
.iv-wa-hinweis a { color: #128C46; }

@media (max-width: 480px) {
	.iv-wa { bottom: 16px; }
	.iv-wa-rechts { right: 16px; }
	.iv-wa-links { left: 16px; }
	.iv-wa-knopf { width: 56px; height: 56px; }
}