/* =========================================================
   SYAKE SUSHI — PREMIUM FLOATING WHATSAPP BUTTON
   Exact visual direction: sushi roll + green WhatsApp center
   + black/gold slide-out label.
========================================================= */

#syake-global-whatsapp,
#syake-global-whatsapp *{
	box-sizing:border-box;
}

#syake-global-whatsapp{
	--syake-wa-desktop-top:80%;
	--syake-wa-mobile-top:84%;
	--syake-wa-desktop-size:60px;
	--syake-wa-mobile-size:54px;

	position:fixed;
	right:18px;
	top:var(--syake-wa-desktop-top);
	transform:translateY(-50%);
	z-index:2147483000;

	display:flex;
	align-items:center;
	justify-content:flex-end;

	color:#fff!important;
	text-decoration:none!important;
	line-height:1;
	-webkit-tap-highlight-color:transparent;

	filter:drop-shadow(0 12px 24px rgba(0,0,0,.44));
	transition:opacity .18s ease, visibility .18s ease;
}

/* Hide while Syake's mobile tray/check-out drawer is open. */
body.syake-checkout-open #syake-global-whatsapp{
	opacity:0!important;
	visibility:hidden!important;
	pointer-events:none!important;
}

/* Sushi roll */
#syake-global-whatsapp .syake-wa-roll{
	position:relative;
	z-index:3;

	width:var(--syake-wa-desktop-size);
	height:var(--syake-wa-desktop-size);
	flex:0 0 var(--syake-wa-desktop-size);

	display:flex;
	align-items:center;
	justify-content:center;

	border-radius:50%;

	background:#0a0807;
	box-shadow:
		0 0 0 1px rgba(220,176,106,.62),
		0 0 0 5px rgba(8,7,6,.90),
		0 0 0 6px rgba(237,76,59,.38),
		0 0 24px rgba(237,76,59,.18);

	transition:
		transform .22s ease,
		box-shadow .22s ease,
		filter .22s ease;
}

#syake-global-whatsapp .syake-wa-roll::before{
	content:"";
	position:absolute;
	inset:-9px;
	border-radius:50%;
	border:1px solid rgba(220,176,106,.18);
	pointer-events:none;
}

#syake-global-whatsapp .syake-wa-roll::after{
	content:"";
	position:absolute;
	inset:-13px;
	border-radius:50%;
	background:radial-gradient(circle,transparent 56%,rgba(237,76,59,.08) 66%,transparent 72%);
	pointer-events:none;
}

#syake-global-whatsapp .syake-wa-roll img{
	width:100%;
	height:100%;
	display:block;
	object-fit:contain;
	border-radius:50%;
	user-select:none;
	-webkit-user-drag:none;
}

/* Black/gold label from the approved design */
#syake-global-whatsapp .syake-wa-label{
	position:absolute;
	right:calc(var(--syake-wa-desktop-size) - 14px);

	min-width:180px;
	height:59px;

	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:14px;

	padding:0 23px 0 20px;

	border:1px solid rgba(220,176,106,.76);
	border-right-color:rgba(220,176,106,.35);
	border-radius:999px 18px 18px 999px;

	background:
		linear-gradient(180deg,rgba(17,13,11,.99),rgba(7,6,5,.99));

	box-shadow:
		0 13px 30px rgba(0,0,0,.42),
		inset 0 1px 0 rgba(255,255,255,.035),
		inset 0 -1px 0 rgba(237,76,59,.10);

	opacity:0;
	visibility:hidden;
	pointer-events:none;

	transform:translateX(18px) scale(.97);
	transform-origin:right center;

	transition:
		opacity .20s ease,
		visibility .20s ease,
		transform .20s ease;
}

#syake-global-whatsapp .syake-wa-label::after{
	content:"";
	position:absolute;
	left:17px;
	right:12px;
	bottom:-2px;
	height:2px;
	background:linear-gradient(90deg,transparent,#c83227 20%,#ef4f3f 58%,#dcb06a 100%);
	opacity:.80;
}

#syake-global-whatsapp .syake-wa-label-copy{
	display:block;
	text-align:left;
	white-space:nowrap;
}

#syake-global-whatsapp .syake-wa-label small{
	display:block;
	margin:0 0 4px;
	color:#f6eee3;
	font-family:Georgia,"Times New Roman",serif;
	font-size:14px;
	font-weight:500;
	line-height:1;
	letter-spacing:.01em;
	text-transform:none;
}

#syake-global-whatsapp .syake-wa-label strong{
	display:block;
	margin:0;
	color:#dfb876;
	font-family:Georgia,"Times New Roman",serif;
	font-size:16px;
	font-weight:500;
	line-height:1;
	letter-spacing:.005em;
	text-transform:none;
}

#syake-global-whatsapp .syake-wa-arrow{
	color:#e5ba75;
	font-family:Arial,Helvetica,sans-serif;
	font-size:31px;
	font-weight:300;
	line-height:1;
	transform:translateY(-1px);
}

/* Desktop hover/focus */
@media (hover:hover) and (pointer:fine){
	#syake-global-whatsapp:not(.syake-wa-no-label):hover .syake-wa-label{
		opacity:1;
		visibility:visible;
		transform:translateX(0) scale(1);
	}

	#syake-global-whatsapp:hover .syake-wa-roll{
		transform:scale(1.065);
		box-shadow:
			0 0 0 1px rgba(242,207,141,.82),
			0 0 0 5px rgba(8,7,6,.94),
			0 0 0 7px rgba(237,76,59,.70),
			0 0 32px rgba(237,76,59,.36);
	}
}

#syake-global-whatsapp:not(.syake-wa-no-label):focus-visible .syake-wa-label{
	opacity:1;
	visibility:visible;
	transform:translateX(0) scale(1);
}

#syake-global-whatsapp:focus-visible{
	outline:2px solid #f1cf8d;
	outline-offset:12px;
	border-radius:50%;
}

/* Mobile: sushi only. */
@media (max-width:820px){
	#syake-global-whatsapp{
		right:11px;
		top:var(--syake-wa-mobile-top);
	}

	#syake-global-whatsapp .syake-wa-roll{
		width:var(--syake-wa-mobile-size);
		height:var(--syake-wa-mobile-size);
		flex-basis:var(--syake-wa-mobile-size);

		box-shadow:
			0 0 0 1px rgba(220,176,106,.58),
			0 0 0 4px rgba(8,7,6,.90),
			0 0 0 5px rgba(237,76,59,.42),
			0 0 21px rgba(237,76,59,.18);
	}

	#syake-global-whatsapp .syake-wa-label{
		display:none!important;
	}
}

/* Small phones */
@media (max-width:430px){
	#syake-global-whatsapp{
		right:10px;
	}
}

}

/* Respect reduced-motion preference */
@media (prefers-reduced-motion:reduce){
	#syake-global-whatsapp,
	#syake-global-whatsapp .syake-wa-roll,
	#syake-global-whatsapp .syake-wa-label{
		transition:none!important;
	}
}


/* v1.1 visibility hardening — keeps the floating control visible on Homepage
   and other BeTheme/BeBuilder pages. */
body #syake-global-whatsapp{
	position:fixed!important;
	display:flex!important;
	visibility:visible;
	pointer-events:auto;
}

@media (max-width:820px){
	body #syake-global-whatsapp{
		top:var(--syake-wa-mobile-top)!important;
		right:11px!important;
		bottom:auto!important;
		transform:translateY(-50%)!important;
	}

	body #syake-global-whatsapp .syake-wa-roll{
		width:var(--syake-wa-mobile-size)!important;
		height:var(--syake-wa-mobile-size)!important;
		flex-basis:var(--syake-wa-mobile-size)!important;
	}
}