/* GSCT — bulk minimum progress bar (v1.4.31). Slim bar pinned to the bottom of
   the viewport for approved bulk customers; maroon while below the minimum,
   green once met. Minimal + responsive; reserves its own height via a body class
   so it never covers page content, and sits clear of the WhatsApp/chat buttons. */

.gsct-bulkbar{
	position:fixed;
	left:0; right:0; bottom:0;
	z-index:99980;            /* below typical chat widgets (which sit ~1e6) */
	box-sizing:border-box;
	background:linear-gradient(135deg,#8c1d45 0%,#6e1536 100%);
	color:#fff;
	box-shadow:0 -4px 18px rgba(20,16,30,.16);
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	transition:background .25s ease;
}
.gsct-bulkbar[hidden]{ display:none; }
.gsct-bulkbar.is-met{
	background:linear-gradient(135deg,#1a7f47 0%,#0f6437 100%);   /* success green */
}

.gsct-bulkbar__in{
	max-width:1100px;
	margin:0 auto;
	padding:9px 16px;
	/* Leave room on the right so the bar text never collides with a corner chat
	   button on phones. */
	padding-right:84px;
	display:flex;
	align-items:center;
	gap:14px;
}

.gsct-bulkbar__label{
	flex:0 0 auto;
	font-size:13.5px;
	font-weight:600;
	line-height:1.3;
	letter-spacing:.1px;
	max-width:46%;
}
.gsct-bulkbar__track{
	flex:1 1 auto;
	height:8px;
	background:rgba(255,255,255,.26);
	border-radius:999px;
	overflow:hidden;
	min-width:80px;
}
.gsct-bulkbar__fill{
	height:100%;
	width:0;
	background:#f3c47a;        /* gold fill on maroon */
	border-radius:999px;
	transition:width .3s ease, background .25s ease;
}
.gsct-bulkbar.is-met .gsct-bulkbar__fill{ background:#d5ffe6; }

.gsct-bulkbar__cta{
	flex:0 0 auto;
	background:#fff !important;
	color:#0f6437 !important;
	text-decoration:none !important;
	font-weight:800;
	font-size:13px;
	line-height:1;
	padding:9px 16px;
	border-radius:8px;
	white-space:nowrap;
}
.gsct-bulkbar__cta[hidden]{ display:none; }

/* Reserve space so the fixed bar never hides the footer / last content. */
body.gsct-bulkbar-on{ padding-bottom:52px; }

/* Phone: stack label over the track so neither is cramped; smaller text. */
@media (max-width:600px){
	.gsct-bulkbar__in{
		padding:8px 14px 8px;
		padding-right:70px;
		flex-wrap:wrap;
		gap:7px 12px;
	}
	.gsct-bulkbar__label{ max-width:100%; flex:1 1 100%; font-size:12.5px; }
	.gsct-bulkbar__track{ flex:1 1 auto; min-width:120px; }
	.gsct-bulkbar__cta{ flex:0 0 auto; padding:8px 13px; }
	body.gsct-bulkbar-on{ padding-bottom:72px; }
}

@media (prefers-reduced-motion:reduce){
	.gsct-bulkbar, .gsct-bulkbar__fill{ transition:none; }
}
