/* ===== Floating contact dock (widget-fab.php) ===== */
.fab-dock{
	position:fixed; right:18px; bottom:18px; z-index:1040;
	display:flex; flex-direction:column; gap:10px; align-items:flex-end;
	font-family:'Prompt',sans-serif;
}
.fab-item{
	display:flex; align-items:center; gap:10px;
	padding:6px 16px 6px 6px; border-radius:999px;
	background:rgba(255,255,255,.92); color:#1f2937 !important; text-decoration:none !important;
	box-shadow:0 6px 20px rgba(15,23,42,.16), 0 1px 3px rgba(15,23,42,.08);
	border:1px solid rgba(15,23,42,.06);
	-webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
	transition:transform .2s ease, box-shadow .2s ease;
	animation:fabIn .45s ease both;
}
.fab-item:nth-child(2){animation-delay:.06s} .fab-item:nth-child(3){animation-delay:.12s}
.fab-item:nth-child(4){animation-delay:.18s} .fab-item:nth-child(5){animation-delay:.24s}
.fab-item:hover{transform:translateX(-4px); box-shadow:0 10px 28px rgba(15,23,42,.22);}
.fab-icon{
	width:40px; height:40px; border-radius:50%; flex:0 0 40px;
	display:flex; align-items:center; justify-content:center;
	color:#fff; font-size:19px;
}
.fab-text{display:flex; flex-direction:column; line-height:1.15;}
.fab-text strong{font-size:14px; font-weight:600;}
.fab-text small{font-size:12px; color:#6b7280;}
.fab-messenger .fab-icon{background:linear-gradient(135deg,#00b2ff,#a033ff 60%,#ff5c87);}
.fab-line .fab-icon{background:#06c755;}
.fab-tel .fab-icon{background:linear-gradient(135deg,#ff9a00,#ff6a00);}
@keyframes fabIn{from{opacity:0; transform:translateY(12px)} to{opacity:1; transform:none}}

/* มือถือ: แถบติดต่อด้านล่าง แสดงทุกช่องทางทันที */
@media (max-width:767px){
	body{padding-bottom:68px;}
	.fab-dock{
		left:0; right:0; bottom:0; flex-direction:row; gap:0; align-items:stretch;
		background:rgba(255,255,255,.96); box-shadow:0 -4px 18px rgba(15,23,42,.12);
		padding:6px 4px calc(6px + env(safe-area-inset-bottom));
		-webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
	}
	.fab-item{
		flex:1 1 0; min-width:0; flex-direction:column; gap:3px; padding:2px;
		background:none; box-shadow:none; border:0; border-radius:10px; animation:none;
		-webkit-backdrop-filter:none; backdrop-filter:none;
	}
	.fab-item:hover{transform:none; box-shadow:none;}
	.fab-icon{width:34px; height:34px; flex-basis:34px; font-size:16px;}
	.fab-text{align-items:center; text-align:center; max-width:100%;}
	.fab-text strong{font-size:11px;}
	.fab-text small{font-size:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%;}
}