/* Barangay San Agustin - PWA install UI. All classes are namespaced .bsa-pwa-* */

/* Floating "Install app" control */
.bsa-pwa-fab{
	position:fixed;
	right:16px;
	bottom:16px;
	bottom:calc(16px + env(safe-area-inset-bottom));
	z-index:2147483000;
	display:flex;
	align-items:center;
	opacity:0;
	transform:translateY(14px);
	transition:opacity .26s ease, transform .26s ease;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
.bsa-pwa-fab.is-in{opacity:1;transform:translateY(0);}
.bsa-pwa-fab-btn{
	display:inline-flex;
	align-items:center;
	gap:9px;
	border:0;
	cursor:pointer;
	padding:10px 15px 10px 11px;
	border-radius:999px;
	background:#0A2F4E;
	color:#fff;
	font-size:15px;
	font-weight:600;
	line-height:1;
	box-shadow:0 10px 26px rgba(10,47,78,.34), 0 2px 6px rgba(10,47,78,.28);
	box-shadow:0 10px 26px rgba(10,47,78,.34), 0 2px 6px rgba(10,47,78,.28), 0 0 0 2px #C6890B inset;
	transition:transform .15s ease, box-shadow .15s ease;
}
.bsa-pwa-fab-btn:hover{transform:translateY(-1px);}
.bsa-pwa-fab-btn:active{transform:translateY(0);}
.bsa-pwa-fab-btn:focus-visible{outline:3px solid rgba(198,137,11,.6);outline-offset:2px;}
.bsa-pwa-fab-seal{width:26px;height:26px;border-radius:50%;background:#fff;flex:0 0 auto;}
.bsa-pwa-fab-txt{white-space:nowrap;}
.bsa-pwa-ic{width:18px;height:18px;flex:0 0 auto;opacity:.9;}
.bsa-pwa-fab-x{
	position:absolute;
	top:-8px;right:-8px;
	width:22px;height:22px;
	border:0;border-radius:50%;
	background:#123C74;color:#fff;
	font-size:15px;line-height:22px;
	cursor:pointer;
	box-shadow:0 2px 6px rgba(0,0,0,.28);
	padding:0;
}
.bsa-pwa-fab-x:hover{background:#0A2F4E;}

/* Inline button (shortcode) */
.bsa-pwa-inline{
	display:inline-flex;
	align-items:center;
	gap:9px;
	cursor:pointer;
	border:0;
	padding:11px 20px;
	border-radius:10px;
	background:#0A2F4E;
	color:#fff;
	font-size:15px;
	font-weight:600;
	line-height:1;
	box-shadow:0 0 0 2px #C6890B inset;
	font-family:inherit;
}
.bsa-pwa-inline:hover{background:#123C74;}
.bsa-pwa-inline .bsa-pwa-ic{opacity:1;}

/* iOS "Add to Home Screen" sheet */
.bsa-pwa-ios{
	position:fixed;inset:0;
	z-index:2147483001;
	display:flex;align-items:flex-end;justify-content:center;
	background:rgba(6,20,35,.55);
	opacity:0;
	transition:opacity .26s ease;
	-webkit-backdrop-filter:blur(2px);
	backdrop-filter:blur(2px);
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
.bsa-pwa-ios.is-in{opacity:1;}
.bsa-pwa-ios-card{
	position:relative;
	width:100%;
	max-width:420px;
	margin:0 10px;
	margin-bottom:calc(10px + env(safe-area-inset-bottom));
	background:#fff;
	border-radius:18px;
	padding:22px 20px 18px;
	text-align:center;
	box-shadow:0 -8px 40px rgba(0,0,0,.3);
	transform:translateY(18px);
	transition:transform .28s cubic-bezier(.2,.8,.2,1);
}
.bsa-pwa-ios.is-in .bsa-pwa-ios-card{transform:translateY(0);}
.bsa-pwa-ios-seal{width:56px;height:56px;border-radius:14px;background:#0A2F4E;margin:0 auto 8px;display:block;}
.bsa-pwa-ios-title{font-size:18px;font-weight:700;color:#0A2F4E;}
.bsa-pwa-ios-app{font-size:13px;color:#667487;margin-top:2px;}
.bsa-pwa-ios-steps{list-style:none;margin:16px 0 6px;padding:0;text-align:left;}
.bsa-pwa-ios-steps li{
	display:flex;align-items:center;gap:12px;
	padding:11px 12px;
	background:#F4F7FB;
	border-radius:12px;
	margin-bottom:9px;
	color:#25313f;
	font-size:14.5px;
}
.bsa-pwa-ios-n{
	flex:0 0 auto;
	width:22px;height:22px;border-radius:50%;
	background:#0A2F4E;color:#fff;
	font-size:12px;font-weight:700;
	display:flex;align-items:center;justify-content:center;
}
.bsa-pwa-gl{width:24px;height:24px;flex:0 0 auto;color:#123C74;}
.bsa-pwa-ios-tx{flex:1 1 auto;}
.bsa-pwa-ios-done{
	margin-top:8px;
	width:100%;
	border:0;cursor:pointer;
	padding:13px;
	border-radius:12px;
	background:#C6890B;color:#fff;
	font-size:15px;font-weight:700;
	font-family:inherit;
}
.bsa-pwa-ios-done:hover{background:#a9760a;}
.bsa-pwa-ios-x{
	position:absolute;top:12px;right:12px;
	width:28px;height:28px;border:0;border-radius:50%;
	background:#EEF2F7;color:#5b6a79;
	font-size:18px;line-height:28px;cursor:pointer;padding:0;
}
.bsa-pwa-ios-x:hover{background:#e2e8f0;}

@media (prefers-reduced-motion: reduce){
	.bsa-pwa-fab,.bsa-pwa-fab-btn,.bsa-pwa-ios,.bsa-pwa-ios-card{transition:none;}
	.bsa-pwa-fab{transform:none;}
}