/* Bandeau « Télécharge l'app » (navigateurs iOS sans Smart App Banner).
   Injecté en JS (its-app-dlbanner.js) → classes safelistées RUCSS côté PHP.
   Charte : teal + vert flash, angles droits. Barre discrète, une seule ligne. */

.its-app-dlbanner {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99980; /* sous le soft-ask push (99990) : jamais les deux empilés hors app de toute façon */
	display: flex;
	align-items: center;
	gap: 12px;
	background: var(--teal, #1C3D34);
	color: var(--white, #fff);
	padding-top: 10px;
	padding-right: calc(12px + env(safe-area-inset-right, 0px));
	padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
	padding-left: calc(14px + env(safe-area-inset-left, 0px));
	transform: translateY(105%);
	transition: transform 0.25s ease-out;
}
.its-app-dlbanner.is-visible {
	transform: translateY(0);
}
.its-app-dlbanner-text {
	flex: 1 1 auto;
	margin: 0;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.3;
}
.its-app-dlbanner-btn {
	flex: 0 0 auto;
	border-radius: 0; /* charte : angles droits, contre tout style global de lien-bouton */
	padding: 8px 14px;
	font-size: 13px;
	font-weight: 800;
	background: var(--g-bright, #8ED968);
	color: var(--teal, #1C3D34);
	text-decoration: none;
	text-align: center;
}
.its-app-dlbanner-btn:hover,
.its-app-dlbanner-btn:visited {
	color: var(--teal, #1C3D34);
	text-decoration: none;
}
.its-app-dlbanner-close {
	flex: 0 0 auto;
	width: 34px;
	height: 34px;
	padding: 0;
	border: 0;
	background: transparent;
	color: rgba(255, 255, 255, 0.75);
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
}
.its-app-dlbanner-btn:focus-visible,
.its-app-dlbanner-close:focus-visible {
	outline: 2px solid var(--white, #fff);
	outline-offset: 2px;
}

/* Ceinture-bretelles : jamais dans l'app native. */
html.is-app .its-app-dlbanner {
	display: none;
}