/* KINDLINGER WhatsApp-Beratung. Mobil: runder Button rechts über der
   Schnellleiste des Themes (--k-dock-h) und ggf. über der Kaufleiste.
   Desktop: Pille „WhatsApp-Beratung“ unten rechts. */
.klw-float {
	--klw-green: #25d366; /* WhatsApp-Markengrün, nur fürs Symbol */
	--klw-bg: var(--k-navy, #0f3d77); /* Shop-Blau: ruhig, passt zum Theme */
	position: fixed; right: 16px; bottom: calc(var(--k-dock-h, 0px) + env(safe-area-inset-bottom, 0px) + 14px); z-index: 78;
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	width: 52px; height: 52px; border-radius: 50%;
	background: var(--klw-bg); color: #fff; text-decoration: none;
	box-shadow: 0 4px 14px rgb(15 61 119 / 28%); transition: transform .15s, bottom .2s;
}
.klw-float:hover { transform: translateY(-2px); color: #fff; }
.klw-float:focus-visible { outline: 3px solid #111418; outline-offset: 3px; }
.klw-float .klw-icon { width: 28px; height: 28px; color: var(--klw-green); }
.klw-float__label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
body:has(.k-buybar.is-visible) .klw-float { bottom: calc(var(--k-dock-h, 0px) + env(safe-area-inset-bottom, 0px) + 80px); }
@media (min-width: 1024px) {
	.klw-float { right: 24px; bottom: 24px; width: auto; height: 48px; padding: 0 20px 0 16px; border-radius: 999px; font-weight: 700; font-size: .95rem; }
	.klw-float .klw-icon { width: 24px; height: 24px; }
	.klw-float__label { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
}
/* Nicht über Menü, Mini-Warenkorb, Vollbild-Galerie oder Druck legen. */
body:has(.pswp--open) .klw-float, .k-nav-open .klw-float, .k-minicart-open .klw-float { display: none; }
@media print { .klw-float, .klw-product { display: none; } }
/* Click to Chat wird durch dieses Modul ersetzt. */
.ht-ctc, #ht-ctc-chat, .ht_ctc_chat_style { display: none !important; }

.klw-product { margin: 12px 0 0; }
.klw-product a { display: inline-flex; align-items: center; gap: 8px; color: inherit; font-weight: 700; text-decoration: none; }
.klw-product .klw-icon { color: #25d366; }
.klw-product a:hover span { text-decoration: underline; }
.klw-product .klw-icon { width: 24px; height: 24px; }