/* ASGUHM Core — premium floating action bar (Call · WhatsApp · Second Opinion).
   Mobile: full-width sticky bar pinned to the bottom (with iOS safe-area).
   Desktop: a centred floating pill that lifts off the bottom edge.
   Brand navy #092c74, coral #0c53c6, WhatsApp green #25d366. */

/* Hide the legacy theme side button (.kulakcik) site-wide — replaced by this bar. */
.kulakcik{display:none !important}

.asg-bar{
	--navy:#092c74; --navy2:#0a1f4a; --coral:#2585e8; /* azure on dark bar (v1.12.2) */ --wa:#25d366;
	position:fixed; z-index:9998; left:0; right:0; bottom:0;
	display:flex; gap:0;
	font-family:'Plus Jakarta Sans','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
	background:rgba(255,255,255,.92);
	-webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
	border-top:1px solid rgba(9,44,116,.10);
	box-shadow:0 -8px 30px rgba(9,44,116,.12);
	padding-bottom:env(safe-area-inset-bottom,0);
	animation:asgBarIn .4s cubic-bezier(.22,1,.36,1) both;
}
@keyframes asgBarIn{from{transform:translateY(100%)}to{transform:translateY(0)}}

.asg-bar__btn{
	flex:1 1 0; min-width:0;
	display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px;
	padding:11px 6px; text-decoration:none; cursor:pointer;
	color:var(--navy); font-weight:700; font-size:.82rem; letter-spacing:.005em;
	border:0; background:transparent; position:relative;
	transition:background .15s, color .15s, transform .12s;
}
.asg-bar__btn + .asg-bar__btn::before{
	content:""; position:absolute; left:0; top:22%; bottom:22%; width:1px;
	background:rgba(9,44,116,.10);
}
.asg-bar__btn svg{width:23px; height:23px; transition:transform .15s}
.asg-bar__btn span{line-height:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%}
.asg-bar__btn:hover svg{transform:scale(1.08)}
.asg-bar__btn:active{transform:translateY(1px)}

.asg-bar__btn--call{color:var(--navy)}
.asg-bar__btn--call svg{color:var(--coral)}
.asg-bar__btn--wa svg{color:var(--wa)}
.asg-bar__btn--opinion svg{color:var(--navy)}
.asg-bar__btn:hover{background:rgba(9,44,116,.05)}

/* ---------- Desktop: a centred floating pill ---------- */
@media (min-width:768px){
	.asg-bar{
		left:50%; right:auto; bottom:22px; transform:translateX(-50%);
		width:auto; gap:6px; padding:7px;
		border:1px solid rgba(9,44,116,.10);
		border-radius:999px;
		background:linear-gradient(180deg, rgba(255,255,255,.97), rgba(247,249,253,.97));
		box-shadow:0 22px 50px -18px rgba(9,44,116,.45), 0 4px 14px rgba(9,44,116,.10);
		animation:asgPillIn .45s cubic-bezier(.22,1,.36,1) both;
	}
	@keyframes asgPillIn{from{transform:translate(-50%,140%)}to{transform:translate(-50%,0)}}
	.asg-bar__btn{
		flex:0 0 auto; flex-direction:row; gap:9px;
		padding:12px 22px; border-radius:999px; font-size:.95rem;
	}
	.asg-bar__btn svg{width:20px; height:20px}
	.asg-bar__btn + .asg-bar__btn::before{display:none}
	.asg-bar__btn--call{background:var(--navy); color:#fff}
	.asg-bar__btn--call svg{color:#ffb9a6}
	.asg-bar__btn--call:hover{background:#0b3690}
	.asg-bar__btn--wa{background:var(--wa); color:#fff}
	.asg-bar__btn--wa svg{color:#fff}
	.asg-bar__btn--wa:hover{filter:brightness(1.05)}
	.asg-bar__btn--opinion{background:var(--coral); color:#fff}
	.asg-bar__btn--opinion svg{color:#fff}
	.asg-bar__btn--opinion:hover{filter:brightness(1.04)}
	.asg-bar__btn:hover{transform:translateY(-1px)}
}

/* Lift footer-pinned UI (scroll-to-top) above the mobile bar */
@media (max-width:767.98px){
	.scrollToTop{bottom:84px !important}
}

@media (prefers-reduced-motion:reduce){
	.asg-bar{animation:none}
}