/*
 * Install bar of the Easy Deals PWA. Self-contained: it also renders inside the Easy Deals
 * Digital shell, which drops the theme stylesheet. The colour comes from the domain's manifest
 * through --edb-pwa-colour. Above the Digital phone tab bar and clear of the iPhone home
 * indicator (safe-area inset).
 */
.edb-pwa-bar {
	position: fixed;
	left: 12px;
	right: 12px;
	bottom: calc(12px + env(safe-area-inset-bottom, 0px));
	z-index: 100000;
	display: flex;
	align-items: center;
	gap: 12px;
	max-width: 520px;
	margin: 0 auto;
	padding: 12px 12px 12px 16px;
	color: #fff;
	background: var(--edb-pwa-colour, #15265f);
	border-radius: 14px;
	box-shadow: 0 10px 28px rgba(11, 26, 63, .28);
	font: 14px/1.4 'Noto Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

.edb-pwa-bar__text {
	display: flex;
	flex: 1;
	flex-direction: column;
	min-width: 0;
}

.edb-pwa-bar__text strong {
	font-size: 15px;
}

.edb-pwa-bar__text span {
	opacity: .85;
}

.edb-pwa-bar__install {
	flex: none;
	padding: 9px 16px;
	font: inherit;
	font-weight: 700;
	color: var(--edb-pwa-colour, #15265f);
	background: #fff;
	border: 0;
	border-radius: 10px;
	cursor: pointer;
}

.edb-pwa-bar__close {
	flex: none;
	width: 32px;
	height: 32px;
	padding: 0;
	font-size: 22px;
	line-height: 1;
	color: #fff;
	background: transparent;
	border: 0;
	cursor: pointer;
	opacity: .8;
}

@media (max-width: 959px) {
	/* The Digital shell's phone tab bar (.edd-tabbar, hidden from 960px) is about 60px tall; sit above it. */
	body.edd-digital .edb-pwa-bar {
		bottom: calc(72px + env(safe-area-inset-bottom, 0px));
	}
}