/*
BioGurukul PWA Complete
Author: Abhishek Das
*/

.bgk-pwa-install-banner{
	position:fixed;
	left:50%;
	bottom:22px;
	transform:translateX(-50%);
	z-index:999999;
	width:min(560px, calc(100vw - 24px));
	display:grid;
	grid-template-columns:auto minmax(0,1fr) auto;
	align-items:center;
	gap:14px;
	padding:14px 52px 14px 14px;
	border-radius:26px;
	background:rgba(255,255,255,.97);
	border:1px solid rgba(109,40,217,.18);
	box-shadow:0 24px 70px rgba(15,23,42,.24);
	backdrop-filter:blur(18px);
	font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;
}

.bgk-pwa-install-banner[hidden]{
	display:none!important;
}

.bgk-pwa-logo{
	width:56px;
	height:56px;
	border-radius:18px;
	object-fit:cover;
	background:#fff;
	box-shadow:0 0 0 5px #eef2ff;
}

.bgk-pwa-text{
	display:grid;
	gap:4px;
	min-width:0;
}

.bgk-pwa-text strong{
	color:#0f172a;
	font-size:18px;
	font-weight:1000;
	line-height:1.15;
}

.bgk-pwa-text span{
	color:#475569;
	font-size:13px;
	font-weight:800;
	line-height:1.35;
}

.bgk-pwa-action{
	min-height:43px;
	padding:10px 22px;
	border:0;
	border-radius:999px;
	background:linear-gradient(135deg,#6d28d9,#2563eb);
	color:#fff;
	font-size:14px;
	font-weight:1000;
	cursor:pointer;
	box-shadow:0 16px 30px rgba(37,99,235,.24);
	white-space:nowrap;
}

.bgk-pwa-action:hover,
.bgk-pwa-action:focus{
	background:linear-gradient(135deg,#5b21b6,#1d4ed8);
	outline:3px solid rgba(109,40,217,.16);
}

.bgk-pwa-close{
	position:absolute;
	top:8px;
	right:10px;
	width:32px;
	height:32px;
	border:0;
	border-radius:50%;
	background:#f1f5f9;
	color:#334155;
	font-size:23px;
	line-height:1;
	font-weight:800;
	cursor:pointer;
}

.bgk-pwa-close:hover,
.bgk-pwa-close:focus{
	background:#e2e8f0;
}

@media(max-width:640px){
	.bgk-pwa-install-banner{
		grid-template-columns:auto minmax(0,1fr);
		bottom:12px;
		padding:13px 46px 13px 12px;
		border-radius:22px;
	}
	.bgk-pwa-action{
		grid-column:1 / -1;
		width:100%;
	}
	.bgk-pwa-logo{
		width:50px;
		height:50px;
		border-radius:16px;
	}
}