/* ==========================================================================
 * SHAHAZ.com — Homepage floating Live button
 * File: assets/css/shahaz-homepage-live-button.css
 *
 * Mobile-only entry point to SHAHAZ Live (Part 25 of the Live spec). Only
 * enqueued on the homepage (functions.php calls
 * shahaz_enqueue_homepage_live_button_assets() from front-page.php
 * directly, never sitewide) and only visible below the same 1024px
 * breakpoint the mobile bottom nav itself uses
 * (assets/css/capsule-bottom-nav.css), so it never appears next to the
 * desktop header/footer navigation.
 *
 * Visual language matches the button this replaces (the removed
 * Single Product page's floating Live control) — same pink gradient,
 * same white play glyph + LIVE label — not a new invented design.
 * ========================================================================== */
.shahaz-homepage-live-btn{
	position:fixed;
	z-index:510; /* above the nav; JS clamps its lower edge to 12px above the nav */
	right:14px;
	bottom:calc(var(--shahaz-mobile-nav-height, 64px) + 0px + 12px); /* exactly 12px above the sticky nav at rest */
	border:1px solid rgba(255,255,255,.62);
	background:linear-gradient(145deg,#ff087f,#c60075);
	color:#fff;
	width:54px;
	height:58px;
	border-radius:15px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:3px;
	padding:7px;
	box-sizing:border-box;
	box-shadow:none;
	cursor:grab;
	touch-action:none;
	user-select:none;
	-webkit-user-select:none;
	-webkit-tap-highlight-color:transparent;
	transition:filter .16s ease;
}
.shahaz-homepage-live-btn.is-dragging{cursor:grabbing;transform:none;}
.shahaz-homepage-live-btn span{
	flex:0 0 auto;
	display:flex;
	align-items:center;
	justify-content:center;
	width:25px;
	height:25px;
	border-radius:50%;
	background:#fff;
	color:#e60078;
	font-size:12px;
	font-weight:900;
	letter-spacing:-2px;
	line-height:1;
}
.shahaz-homepage-live-btn b{
	flex:0 0 auto;
	display:block;
	width:100%;
	margin:0;
	padding:0;
	font-size:9px;
	letter-spacing:.08em;
	text-align:center;
	line-height:1.05;
	color:#fff;
}
.shahaz-homepage-live-btn:focus-visible{
	outline:2px solid #fff;
	outline-offset:2px;
}

@media (min-width:1024px){
	/* Desktop already has the header/footer navigation — the mobile bottom
	 * nav itself is hidden at this same breakpoint (capsule-bottom-nav.css),
	 * so this floating control is hidden alongside it. */
	.shahaz-homepage-live-btn{ display:none; }
}

/* ZIP-314: hidden until the Live status says someone is live ("only while live" mode). */
.shahaz-homepage-live-btn[hidden]{display:none!important}