/* Viglan WhatsApp Order — all colour/shape comes from custom properties set in wp_head,
   so a theme can override :root{--vwo-accent:…} and everything follows. */

.vwo-btn{
	--_bg: var(--vwo-accent, #25D366);
	--_fg: var(--vwo-accent-text, #fff);
	display:inline-flex; align-items:center; justify-content:center; gap:.5em;
	padding:.7em 1.25em; border-radius:var(--vwo-radius, 999px);
	background:var(--_bg); color:var(--_fg) !important;
	font-weight:600; line-height:1.2; text-decoration:none !important;
	border:2px solid var(--_bg); cursor:pointer;
	transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.vwo-btn:hover{ transform:translateY(-1px); box-shadow:0 6px 18px rgba(0,0,0,.16); }
.vwo-btn:focus-visible{ outline:3px solid currentColor; outline-offset:2px; }

.vwo-style-outline{ background:transparent; color:var(--vwo-accent,#25D366) !important; }
.vwo-style-outline:hover{ background:var(--vwo-accent,#25D366); color:var(--vwo-accent-text,#fff) !important; }
.vwo-style-soft{
	background:color-mix(in srgb, var(--vwo-accent,#25D366) 14%, transparent);
	color:var(--vwo-accent,#25D366) !important;
	border-color:transparent;
}
.vwo-style-soft:hover{ background:color-mix(in srgb, var(--vwo-accent,#25D366) 24%, transparent); }

.vwo-icon{ width:1.15em; height:1.15em; flex:0 0 auto; }

.vwo-btn--loop{ width:100%; margin-top:.6rem; font-size:.92rem; padding:.6em 1em; }
.vwo-btn--single{ margin:1rem 0 .35rem; font-size:1.05rem; }
.vwo-note{ margin:0 0 1rem; font-size:.85rem; opacity:.7; }

/* Floating button */
.vwo-float{
	position:fixed; bottom:var(--vwo-offset,22px); z-index:9990;
	display:inline-flex; align-items:center; gap:.55em;
	padding:.85em 1.1em; border-radius:999px;
	background:var(--vwo-accent,#25D366); color:var(--vwo-accent-text,#fff) !important;
	font-weight:600; text-decoration:none !important;
	box-shadow:0 8px 26px rgba(0,0,0,.22);
	transition:transform .18s ease, box-shadow .18s ease;
}
.vwo-float--right{ right:var(--vwo-offset,22px); }
.vwo-float--left { left:var(--vwo-offset,22px); }
.vwo-float:hover{ transform:translateY(-2px); box-shadow:0 12px 30px rgba(0,0,0,.28); }
.vwo-float .vwo-icon{ width:1.5em; height:1.5em; }

@media (max-width:600px){
	.vwo-float__label{
		position:absolute; width:1px; height:1px; overflow:hidden;
		clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap;
	}
	.vwo-float{ padding:.9em; }
}
@media (prefers-reduced-motion:reduce){
	.vwo-btn,.vwo-float{ transition:none; }
	.vwo-btn:hover,.vwo-float:hover{ transform:none; }
}