/* PWA-04-03 (07/09/2026) — le lien « Installer l'application » du pied de page
   et son encart de marche à suivre, pour iPhone et iPad.

   MASQUÉ PAR DÉFAUT, PARTOUT : le lien vit dans la partie de modèle du pied de
   page, donc dans toutes les pages, et ne concerne que les appareils Apple
   tactiles. C'est le script assets/js/hg-pwa-ios.js qui pose la classe
   `hg-ios` sur `<html>` quand il se reconnaît sur iOS, hors application
   déjà installée. Une feuille (et non une règle dans le script) parce que le
   masquage doit tenir AVANT que le script ne s'exécute : sans elle, le lien
   clignoterait sur un ordinateur le temps du chargement.

   DEUX NOMS, ET CE N'EST PAS UN HASARD : la racine porte `hg-ios`, le
   paragraphe `hg-pwa-ios`. Avec un seul nom pour les deux, la règle
   `display: none` du paragraphe attrapait `<html>` et la page entière
   disparaissait — mesuré le 07/09 par injection, corrigé avant tout dépôt.

   Le fond sombre et les couleurs viennent du pied de page lui-même
   (hg-dark / hg-white / hg-primaire) : rien n'est réécrit ici. */

.hg-pwa-ios {
	display: none;
}

html.hg-ios .hg-pwa-ios {
	display: block;
}

.hg-pwa-ios__lien {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 18px;
	border: 1px solid var(--wp--preset--color--hg-primaire, #E8D41D);
	border-radius: 30px;
	color: var(--wp--preset--color--hg-primaire, #E8D41D);
	font-weight: 700;
	text-decoration: none;
}

.hg-pwa-ios__lien:hover,
.hg-pwa-ios__lien:focus-visible {
	background: var(--wp--preset--color--hg-primaire, #E8D41D);
	color: var(--wp--preset--color--hg-dark, #1a1a1a);
}

/* L'encart, construit par le script sous le paragraphe du lien. */
.hg-pwa-ios__encart {
	margin: 12px auto 0;
	max-width: 420px;
	padding: 14px 16px;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.18);
	color: var(--wp--preset--color--hg-white, #ffffff);
	font-size: 14px;
	line-height: 1.45;
	text-align: left;
}

.hg-pwa-ios__titre {
	margin: 0 0 8px;
	font-weight: 700;
}

.hg-pwa-ios__etapes {
	margin: 0;
	padding-left: 1.3em;
}

.hg-pwa-ios__etapes li + li {
	margin-top: 6px;
}

.hg-pwa-ios__etapes svg {
	vertical-align: -3px;
	margin: 0 2px;
}

/* PWA-04-03 (18/09/2026) — la ligne de clôture « Il ne reste qu'à appuyer sur
   Ajouter », posée par le script sous la liste quand la source du thème est
   là. Les pictogrammes de la liste héritent du blanc de l'encart par
   currentColor : la règle ci-dessus les couvre déjà. */
.hg-pwa-ios__fin {
	margin: 8px 0 0;
}

.hg-pwa-ios__fermer {
	-webkit-appearance: none;
	appearance: none;
	margin-top: 10px;
	padding: 6px 14px;
	border: 1px solid rgba(255, 255, 255, 0.45);
	border-radius: 30px;
	background: transparent;
	color: inherit;
	font: inherit;
	font-weight: 700;
	cursor: pointer;
}

.hg-pwa-ios__fermer:hover,
.hg-pwa-ios__fermer:focus-visible {
	border-color: var(--wp--preset--color--hg-primaire, #E8D41D);
	color: var(--wp--preset--color--hg-primaire, #E8D41D);
}