/**
 * Chat link in header (Generale → Chat, URL + posizione header).
 * Due slot: toolbar (mobile, affianco hamburger) e nav (desktop, nel menu).
 */

.psh-header-chat {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.psh-header-chat--toolbar {
	display: none;
}

.psh-header-chat--nav {
	display: flex;
}

@media (max-width: 640px) {
	.psh-header-chat--toolbar {
		display: flex;
	}

	.psh-header-chat--nav {
		display: none !important;
	}
}

.psh-header-chat__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	background: var(--psh-chat-bg, #25d366);
	color: #fff;
	text-decoration: none;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.psh-header-chat__btn:hover {
	transform: scale(1.05);
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.16);
	color: #fff;
}

.psh-header-chat__btn:focus-visible {
	outline: 2px solid var(--psh-primary-color, #111);
	outline-offset: 3px;
}

.psh-header-chat__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 0;
	color: #fff;
}

.psh-header-chat__icon .psh-chat-icon {
	display: block;
	width: 1.35rem;
	height: 1.35rem;
}

@media (min-width: 641px) {
	.psh-header-chat--nav {
		margin-left: 0.25rem;
	}
}