/* =========================================================================
   Hot Milk Magazine : design « néo-verre » (13/10/2026, demande de Simon)
   MÉLANGE néomorphisme + verre, CENTRÉ SUR LE VERRE (14/10/2026, demande de Simon) :
   les grandes surfaces (en-tête, cartes, panneaux, bulles) sont en verre dépoli (translucide, flou, reflet fin,
   liseré clair) ; le néomorphisme garde les creux (menu, étiquettes, champs) et le double relief des boutons.
   Mouvement : AUCUNE animation décorative (ni flottement, ni inclinaison, ni zoom d'image, ni révélation au
   défilement) ; seuls les éléments qu'on touche réagissent (section 8 : survol, clic, clavier).
   Versions gardées dans le dossier de sauvegarde : neo-verre-intense.css (relief fort) et neo-verre-doux.css.

   Cette feuille se charge APRÈS theme.css et revue-ux.css et ne touche à rien d'autre : tout est
   préfixé par body.hm-neo. RETOUR À L'ANCIEN DESIGN : voir _sauvegardes/avant-neo-verre-2026-10-13/LISEZ-MOI.md
   (une commande : wp option update hmm_design ancien).
   ========================================================================= */

/* ---------- 1. Jetons ---------- */
body.hm-neo {
	--hm-fond: #e6eaee;
	--hm-surface: #e6eaee;
	--hm-surface-2: #dde3e9;
	--hm-filet: rgba(22, 32, 43, 0.08);
	--hm-filet-fort: rgba(22, 32, 43, 0.16);
	/* 3e passe (13/10/2026) : NÉOMORPHISME ACCENTUÉ. Relief franc (ombre foncée + ombre claire de même force),
	   creux profonds, boutons et pastilles « bombés » (dégradé doux), le verre n'est plus qu'un léger flou. */
	--hm-ombre-1: 4px 6px 14px rgba(22, 32, 43, 0.12);
	--hm-ombre-2: 6px 10px 24px -4px rgba(22, 32, 43, 0.18);
	--hm-ombre-3: 8px 16px 36px -6px rgba(22, 32, 43, 0.24);
	--nv-relief-s: 3px 5px 10px rgba(22, 32, 43, 0.14);
	--nv-creux: inset 6px 6px 12px #bcc4ce, inset -6px -6px 12px rgba(255, 255, 255, 0.35);
	--nv-creux-s: inset 3px 3px 7px #bfc7d0, inset -3px -3px 7px rgba(255, 255, 255, 0.35);
	--nv-verre: linear-gradient(135deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.22));
	--nv-verre-bord: 1px solid rgba(255, 255, 255, 0.4);
	--nv-verre-ombre: inset 0 1px 0 rgba(255, 255, 255, 0.45), 4px 8px 18px -4px rgba(22, 32, 43, 0.16);
	--nv-verre-flou: blur(20px) saturate(170%);
	--nv-rouge: linear-gradient(145deg, #e04258, #b01c31);
	--nv-rouge-ombre: 3px 6px 12px rgba(22, 32, 43, 0.22); /* ombres NEUTRES : pas de lueur rouge */
	--nv-rouge-appuye: inset 4px 4px 8px rgba(80, 0, 15, 0.45), inset -3px -3px 6px rgba(235, 100, 118, 0.5);
	background-color: #e6eaee;
}
/* Taches de couleur fixes derrière la page : c'est elles que le verre floute (rien ne bouge) */
body.hm-neo::before {
	content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
	background:
		radial-gradient(560px 560px at 90% 10%, rgba(224, 83, 106, 0.2), rgba(224, 83, 106, 0) 70%),
		radial-gradient(600px 600px at 4% 72%, rgba(111, 147, 176, 0.24), rgba(111, 147, 176, 0) 70%),
		radial-gradient(460px 460px at 38% 2%, rgba(246, 218, 221, 0.7), rgba(246, 218, 221, 0) 70%);
}

/* ---------- 2. Immobilité : on neutralise tout ce qui bouge de façon décorative ---------- */
html.hm-js body.hm-neo .hm-reveal.is-wait,
html.hm-js body.hm-neo .hm-reveal.is-in { opacity: 1; transform: none; transition: none; }
body.hm-neo .hm-btn:hover,
body.hm-neo .hm-carte:hover,
body.hm-neo .hm-voisin:hover,
body.hm-neo .hmm-carte--ressource:hover,
body.hm-neo .hm-reseaux__liste a:hover .hm-ic,
body.hm-neo .hm-couvertures__rangee a:hover img,
body.hm-neo .hm-fab:hover,
body.hm-neo .hm-boutique__liens a:hover,
body.hm-neo .hm-btn:hover .hm-ic--fleche,
body.hm-neo .hm-lien:hover .hm-ic,
body.hm-neo .hm-dernier__tous:hover svg,
body.hm-neo .hm-carte:hover .hm-carte__media img { transform: none; }
body.hm-neo .hm-dernier__couv,
body.hm-neo .hm-dernier:hover .hm-dernier__couv,
body.hm-neo .hm-numero__couv,
body.hm-neo .hm-numero:hover .hm-numero__couv,
body.hm-neo .hm-numero__nouveau { transform: none; transition: none; }
body.hm-neo .hm-fab__icone::after,
body.hm-neo .hm-angles__panneau.is-entree .hm-angle,
body.hm-neo .hmm-grille--ressources .hmm-carte { animation: none; }
body.hm-neo .hm-entete__in,
body.hm-neo .hm-logo__img,
body.hm-neo .hm-carte__media img { transition: none; }

/* ---------- 3. En-tête : barre de verre flottante, rail de menu enfoncé ---------- */
body.hm-neo .hm-entete {
	top: 10px; margin: 10px 12px 0;
	border: var(--nv-verre-bord); border-radius: 28px;
	background: var(--nv-verre);
	-webkit-backdrop-filter: var(--nv-verre-flou); backdrop-filter: var(--nv-verre-flou);
	box-shadow: var(--nv-verre-ombre);
}
body.hm-neo .hm-entete.is-compact { box-shadow: var(--nv-verre-ombre); }
body.hm-neo .hm-entete__recherche { border-top: 1px solid var(--hm-filet); }
body.hm-neo .hm-bouton-icone { background: var(--hm-fond); box-shadow: var(--nv-relief-s); }
body.hm-neo .hm-bouton-icone:hover { background: var(--hm-fond); box-shadow: var(--nv-creux-s); }
body.hm-neo .hm-compte-entete__resume { background: var(--hm-fond); border: 0; box-shadow: var(--nv-relief-s); }
body.hm-neo .hm-compte-entete[open] .hm-compte-entete__resume { box-shadow: var(--nv-creux-s); }
body.hm-neo .hm-compte-entete__menu { background: var(--hm-fond); border: 0; border-radius: 22px; box-shadow: var(--hm-ombre-3); }
body.hm-neo .hm-burger { border: 0; background: var(--hm-fond); box-shadow: var(--nv-relief-s); }
body.hm-neo .hm-burger:hover { background: var(--hm-fond); box-shadow: var(--nv-creux-s); }
@media (min-width: 900px) {
	body.hm-neo .hm-entete { top: 14px; margin: 14px 28px 0; border-radius: 34px; }
	body.hm-neo .hm-entete__in { gap: 24px; }
	body.hm-neo .hm-nav { display: flex; justify-content: center; }
	body.hm-neo .hm-nav__liste { padding: 6px; border-radius: 999px; background: var(--hm-fond); box-shadow: var(--nv-creux); }
	body.hm-neo .hm-nav__liste a { padding: 8px 16px; }
	body.hm-neo .hm-nav__liste a:hover { background: transparent; color: var(--hm-accent-fonce); }
	body.hm-neo .hm-nav__liste .is-cur > a {
		background: var(--nv-verre); border: 0; color: var(--hm-accent-fonce);
		box-shadow: var(--nv-relief-s);
	}
}

/* ---------- 4. Boutons : verre relevé, rouge brillant pour l'action principale ---------- */
body.hm-neo .hm-btn {
	border: var(--nv-verre-bord); background: var(--nv-verre); color: var(--hm-encre);
	-webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
	box-shadow: var(--nv-verre-ombre);
}
body.hm-neo .hm-btn:hover { box-shadow: var(--nv-creux-s); }
body.hm-neo .hm-btn:active { box-shadow: var(--nv-creux-s); }
body.hm-neo .hm-btn--primaire,
body.hm-neo .hm-btn--argile,
body.hm-neo .hm-btn--framboise { background: var(--nv-rouge); border-color: transparent; color: #ffffff; box-shadow: var(--nv-rouge-ombre); }
body.hm-neo .hm-btn--primaire:hover,
body.hm-neo .hm-btn--argile:hover,
body.hm-neo .hm-btn--framboise:hover { background: linear-gradient(180deg, #cf2f45, #9e1c2e); color: #ffffff; box-shadow: var(--nv-rouge-appuye); }
body.hm-neo .hm-btn--argile-contour { color: var(--hm-argile); }
body.hm-neo .hm-btn--argile-contour:hover { background: var(--nv-verre); }
body.hm-neo .hm-btn--prune-contour { color: var(--hm-prune); }
body.hm-neo .hm-btn--prune-contour:hover { background: var(--nv-rouge); color: #ffffff; }
body.hm-neo .hm-btn--clair { background: var(--nv-verre); border-color: transparent; box-shadow: 5px 5px 11px rgba(0, 0, 0, 0.4); }
body.hm-neo .hm-btn--clair:hover { background: var(--hm-fond); box-shadow: inset 3px 3px 7px #bcc4ce, inset -3px -3px 7px rgba(255, 255, 255, 0.35); }
body.hm-neo .hm-btn--contour-clair { background: rgba(255, 255, 255, 0.04); border-color: transparent; color: #ffffff; box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.45), inset -3px -3px 7px rgba(255, 255, 255, 0.08); }
body.hm-neo .hm-btn--contour-clair:hover { background: rgba(255, 255, 255, 0.1); box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.55), inset -3px -3px 7px rgba(255, 255, 255, 0.08); }
/* Pastilles : chaque rubrique garde sa teinte (fond pâle + texte soutenu), en léger relief ; le creux grisé les effaçait. */
body.hm-neo .hm-pastille { background: var(--hm-fond); box-shadow: var(--nv-bouton); }
body.hm-neo .hm-pastille--lagune { background: var(--hm-lagune-pale); color: var(--hm-lagune); }
body.hm-neo .hm-pastille--brume { background: var(--hm-brume-pale); color: var(--hm-brume); }
body.hm-neo .hm-pastille--prune { background: var(--hm-prune-pale); color: var(--hm-prune); }
body.hm-neo .hm-pastille--ocre { background: var(--hm-ocre-pale); color: var(--hm-ocre); }
body.hm-neo .hm-pastille--olive { background: var(--hm-olive-pale); color: var(--hm-olive); }
body.hm-neo .hm-pastille--framboise { background: var(--hm-framboise-pale); color: var(--hm-framboise); }
body.hm-neo .hm-pastille--argile { background: var(--hm-argile-pale); color: var(--hm-argile); }
body.hm-neo .hm-pastille.is-cur { background: var(--nv-rouge); color: #ffffff; box-shadow: var(--nv-rouge-ombre); }
body.hm-neo .hm-aide-ia { background: var(--nv-verre); border: var(--nv-verre-bord); box-shadow: var(--nv-verre-ombre); }
body.hm-neo .hm-aide-ia:hover { background: var(--nv-rouge); color: #ffffff; }

/* ---------- 5. Formulaires : champs enfoncés ---------- */
body.hm-neo input[type="text"], body.hm-neo input[type="email"], body.hm-neo input[type="url"],
body.hm-neo input[type="search"], body.hm-neo input[type="password"], body.hm-neo input[type="number"],
body.hm-neo textarea, body.hm-neo select {
	background: var(--hm-fond); border-color: transparent; box-shadow: var(--nv-creux);
}
body.hm-neo input:focus, body.hm-neo textarea:focus, body.hm-neo select:focus { border-color: transparent; box-shadow: var(--nv-creux-s), 0 0 0 3px rgba(196, 37, 58, 0.28); }

/* ---------- 6. Cartes : relief doux, image dans un creux ---------- */
body.hm-neo .hm-carte { background: var(--nv-verre); border: var(--nv-verre-bord); border-radius: 28px; -webkit-backdrop-filter: var(--nv-verre-flou); backdrop-filter: var(--nv-verre-flou); box-shadow: var(--nv-verre-ombre); }
body.hm-neo .hm-carte:hover { box-shadow: var(--nv-verre-ombre); }
body.hm-neo .hm-carte__media { position: relative; margin: 12px 12px 0; border-radius: 20px; }
body.hm-neo .hm-carte__media::after { content: ""; position: absolute; inset: 0; border-radius: 20px; pointer-events: none; box-shadow: inset 3px 3px 7px rgba(60, 72, 88, 0.22); }
body.hm-neo .hm-carte__rubrique { top: 26px; left: 26px; }
body.hm-neo .hm-carte__rubrique .hm-pastille { background: var(--nv-verre); border: var(--nv-verre-bord); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); box-shadow: var(--nv-verre-ombre); }
body.hm-neo .hm-carte__pied { border-top: 1px solid var(--hm-filet); }
body.hm-neo .hm-couvertures__rangee img { border: 0; border-radius: 10px; box-shadow: var(--hm-ombre-1); }
body.hm-neo .hm-couvertures__rangee a:hover img { box-shadow: var(--hm-ombre-1); }

/* ---------- 7. Accueil : bandeau ---------- */
body.hm-neo .hm-forme { opacity: 0.4; }
body.hm-neo .hm-bandeau .hm-etiquette { padding: 9px 18px; border-radius: 999px; background: var(--hm-fond); box-shadow: var(--nv-creux-s); color: var(--hm-accent-fonce); }
body.hm-neo .hm-bandeau__media img {
	border: 14px solid rgba(255, 255, 255, 0.28); border-radius: 44px; background: transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), var(--hm-ombre-3);
}
body.hm-neo .hm-bandeau__etiquette {
	left: 32px; bottom: 80px; max-width: calc(100% - 64px);
	border: var(--nv-verre-bord); background: var(--nv-verre);
	-webkit-backdrop-filter: var(--nv-verre-flou); backdrop-filter: var(--nv-verre-flou);
	box-shadow: var(--nv-verre-ombre);
}
body.hm-neo .hm-bandeau__media figcaption {
	width: fit-content; margin: 14px 8px 0 auto; padding: 6px 16px; border-radius: 999px;
	border: var(--nv-verre-bord); background: var(--nv-verre);
	-webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
	box-shadow: var(--nv-verre-ombre);
}

/* ---------- 8. Accueil : le dernier numéro (grand panneau en relief, couverture sous verre) ---------- */
body.hm-neo .hm-dernier { background: transparent; border: 0; }
body.hm-neo .hm-dernier__in { padding-block: 36px; border-radius: 48px; background: var(--nv-verre); border: var(--nv-verre-bord); -webkit-backdrop-filter: var(--nv-verre-flou); backdrop-filter: var(--nv-verre-flou); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), var(--hm-ombre-3); }
body.hm-neo .hm-dernier__couv img {
	border: 8px solid rgba(255, 255, 255, 0.4); border-radius: 22px;
	box-shadow: 6px 10px 18px rgba(60, 76, 96, 0.3);
}
body.hm-neo .hm-dernier__pastille--contour { border: var(--nv-verre-bord); background: var(--nv-verre); box-shadow: var(--nv-verre-ombre); color: var(--hm-encre); }
body.hm-neo .hm-dernier__pastille--pleine { background: var(--hm-fond); box-shadow: var(--nv-creux-s); color: var(--hm-accent-fonce); }

/* ---------- 9. Accueil : preuves, panneaux, témoignages, réseaux ---------- */
body.hm-neo .hm-mission__faits li,
body.hm-neo .hm-faits li { border: var(--nv-verre-bord); background: var(--nv-verre); -webkit-backdrop-filter: var(--nv-verre-flou); backdrop-filter: var(--nv-verre-flou); box-shadow: var(--nv-verre-ombre); border-radius: 18px; }
body.hm-neo .hm-boutique__points li { background: var(--hm-fond); box-shadow: var(--nv-creux-s); }
body.hm-neo .hm-encadre { border-left: 0; border-radius: 24px; background: var(--hm-fond); box-shadow: var(--nv-creux); }
body.hm-neo .hm-boutique__panneau { border: var(--nv-verre-bord); background: var(--nv-verre); -webkit-backdrop-filter: var(--nv-verre-flou); backdrop-filter: var(--nv-verre-flou); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), var(--hm-ombre-3); }
body.hm-neo .hm-boutique__carte { background: var(--nv-verre); border: var(--nv-verre-bord); -webkit-backdrop-filter: var(--nv-verre-flou); backdrop-filter: var(--nv-verre-flou); box-shadow: var(--nv-verre-ombre); }
body.hm-neo .hm-boutique__liens a { background: var(--hm-fond); box-shadow: var(--hm-ombre-1); }
body.hm-neo .hm-boutique__liens a:hover { background: var(--hm-fond); box-shadow: var(--nv-creux-s); }
body.hm-neo .hm-appel { border: var(--nv-verre-bord); -webkit-backdrop-filter: var(--nv-verre-flou); backdrop-filter: var(--nv-verre-flou); box-shadow: var(--nv-verre-ombre); }
body.hm-neo .hm-appel--lagune { background: linear-gradient(135deg, rgba(223, 231, 238, 0.7), rgba(255, 255, 255, 0.35)); }
body.hm-neo .hm-appel--framboise { background: linear-gradient(135deg, rgba(246, 218, 221, 0.75), rgba(255, 255, 255, 0.35)); }
body.hm-neo .hm-compagnon__panneau { border: 0; box-shadow: var(--hm-ombre-3); }
body.hm-neo .hm-chat { background: rgba(255, 255, 255, 0.82); border: var(--nv-verre-bord); -webkit-backdrop-filter: var(--nv-verre-flou); backdrop-filter: var(--nv-verre-flou); box-shadow: 8px 8px 20px rgba(40, 8, 20, 0.3); }
body.hm-neo .hm-chat__flux, body.hm-neo .hm-chat__choix { background: transparent; }
body.hm-neo .hm-temoignages { background: transparent; border: 0; }
body.hm-neo .hm-temoin figure { border: var(--nv-verre-bord); border-radius: 26px; background: var(--nv-verre); -webkit-backdrop-filter: var(--nv-verre-flou); backdrop-filter: var(--nv-verre-flou); box-shadow: var(--nv-verre-ombre); }
body.hm-neo .hm-reseaux__liste .hm-ic { border: var(--nv-verre-bord); background: var(--nv-verre); -webkit-backdrop-filter: var(--nv-verre-flou); backdrop-filter: var(--nv-verre-flou); box-shadow: var(--nv-verre-ombre); }
body.hm-neo .hm-pied { border-radius: 40px 40px 0 0; }

/* ---------- 10. Compagnon (pastille) et barre mobile : verre ---------- */
body.hm-neo .hm-fab {
	background: var(--nv-verre); border: var(--nv-verre-bord); color: var(--hm-encre);
	-webkit-backdrop-filter: var(--nv-verre-flou); backdrop-filter: var(--nv-verre-flou);
	box-shadow: var(--nv-verre-ombre);
}
body.hm-neo .hm-fab:hover { background: var(--nv-verre); color: var(--hm-encre); box-shadow: var(--nv-verre-ombre); }
body.hm-neo .hm-fab__icone { background: var(--nv-rouge); color: #ffffff; box-shadow: var(--nv-rouge-ombre); }
body.hm-neo .hm-fab__icone::after { border-color: #ffffff; background: #ffd24a; }
body.hm-neo .hm-barre {
	left: 10px; right: 10px; bottom: calc(10px + env(safe-area-inset-bottom, 0px)); padding-bottom: 6px;
	border: var(--nv-verre-bord); border-radius: 26px;
	background: var(--nv-verre);
	-webkit-backdrop-filter: var(--nv-verre-flou); backdrop-filter: var(--nv-verre-flou);
	box-shadow: var(--nv-verre-ombre);
}
body.hm-neo .hm-barre__rond { border: 0; background: var(--nv-rouge); box-shadow: var(--nv-rouge-ombre); }
body.hm-neo .hm-tiroir__panneau { background: var(--hm-fond); }

/* Filtres « Tout voir / Science / … » et zoom d'image des angles (reference.css), carte « pro » sombre */
body.hm-neo .hm-angle:hover .hm-angle__img { transform: none; }
body.hm-neo .hm-angles__pastille { border: 0; background: var(--hm-fond); color: var(--hm-encre); box-shadow: var(--nv-relief-s); }
body.hm-neo .hm-angles__pastille:hover { background: var(--hm-fond); color: var(--hm-accent-fonce); box-shadow: var(--nv-creux-s); }
body.hm-neo .hm-angles__pastille.is-on { background: var(--nv-rouge); color: #ffffff; box-shadow: var(--nv-rouge-ombre); }
body.hm-neo .hm-duo__carte { border-radius: 28px; }
body.hm-neo .hm-duo__carte--ressources { background: var(--nv-verre); border: var(--nv-verre-bord); -webkit-backdrop-filter: var(--nv-verre-flou); backdrop-filter: var(--nv-verre-flou); box-shadow: var(--nv-verre-ombre); }
body.hm-neo .hm-duo__carte--pro { border: 0; box-shadow: var(--hm-ombre-2); }
body.hm-neo .hm-duo__btn-plein { background: var(--nv-verre); color: var(--hm-brume-fonce); border: 1px solid transparent; box-shadow: 5px 5px 11px rgba(0, 0, 0, 0.4); }
body.hm-neo .hm-duo__btn-plein:hover { background: var(--hm-fond); box-shadow: inset 3px 3px 7px #bcc4ce, inset -3px -3px 7px rgba(255, 255, 255, 0.35); }
body.hm-neo .hm-duo__btn-contour { background: rgba(255, 255, 255, 0.04); color: #ffffff; border: 1px solid transparent; box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.45), inset -3px -3px 7px rgba(255, 255, 255, 0.08); }
body.hm-neo .hm-duo__btn-contour:hover { background: rgba(255, 255, 255, 0.1); box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.55), inset -3px -3px 7px rgba(255, 255, 255, 0.08); }

/* Pastille « Une question ? » et bulle d'invitation de Compagnon (feuille de l'extension, restylée d'ici : l'extension reste intacte) */
body.hm-neo .hmm-compagnon-pastille {
	background: var(--nv-verre); border: 0; color: var(--hm-encre);
	-webkit-backdrop-filter: none; backdrop-filter: none;
	box-shadow: var(--hm-ombre-2);
}
body.hm-neo .hmm-compagnon-pastille:hover,
body.hm-neo .hmm-compagnon-pastille:focus-visible { color: var(--hm-encre); transform: none; box-shadow: var(--nv-creux); }
body.hm-neo .hmm-compagnon-pastille::after { animation: none; display: none; }
body.hm-neo .hmm-compagnon-pastille__avatar { background: var(--nv-rouge); color: #ffffff; box-shadow: var(--nv-rouge-ombre); }
body.hm-neo .hmm-compagnon-pastille__avatar i { background: var(--hm-accent); box-shadow: 0 0 0 2px var(--hm-fond); }
body.hm-neo .hmm-compagnon-pastille__texte small { color: var(--hm-secondaire); }
body.hm-neo .hmm-compagnon-invite {
	border: var(--nv-verre-bord); border-radius: 26px 26px 8px 26px;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.6));
	-webkit-backdrop-filter: var(--nv-verre-flou); backdrop-filter: var(--nv-verre-flou);
	box-shadow: var(--nv-verre-ombre);
	animation: none;
}
body.hm-neo .hmm-compagnon-invite__qui { color: var(--hm-accent-fonce); }
body.hm-neo .hmm-compagnon-invite__qui .hmm-compagnon-pastille__avatar { background: var(--nv-rouge); }
body.hm-neo .hmm-compagnon-invite__btn { border: 0; background: var(--nv-rouge); box-shadow: var(--nv-rouge-ombre); }
/* Boutons de l'extension (formulaires, lettre d'information, blocs) : même relief que ceux du thème */
body.hm-neo .hmm-btn { border: 0; background: var(--nv-rouge); color: #ffffff; box-shadow: var(--nv-rouge-ombre); }
body.hm-neo .hmm-btn:hover, body.hm-neo .hmm-btn:focus-visible { background: linear-gradient(145deg, #cf2f45, #9e1c2e); color: #ffffff; box-shadow: var(--nv-rouge-appuye); }
body.hm-neo .hmm-btn--contour { background: var(--nv-verre); color: var(--hm-encre); box-shadow: var(--nv-verre-ombre); }
body.hm-neo .hmm-btn--contour:hover, body.hm-neo .hmm-btn--contour:focus-visible { background: var(--hm-fond); color: var(--hm-encre); box-shadow: var(--nv-creux-s); }
body.hm-neo .hmm-btn--argile { background: var(--nv-rouge); color: #ffffff; }
body.hm-neo .hmm-btn--prune { background: var(--nv-verre); color: var(--hm-prune); box-shadow: var(--nv-verre-ombre); }
body.hm-neo .hmm-compagnon-invite__btn:hover,
body.hm-neo .hmm-compagnon-invite__btn:focus-visible { background: linear-gradient(180deg, #cf2f45, #9e1c2e); box-shadow: var(--nv-rouge-appuye); }
body.hm-neo .hmm-compagnon-invite__fermer:hover { background: var(--hm-fond); box-shadow: var(--nv-creux-s); }

/* ---------- 8. Interaction : retour visuel net au survol, au clic et au clavier (14/10/2026, « un peu plus »)
   Seuls les éléments qu'on touche réagissent (léger soulèvement, ombre, enfoncement au clic). Les images ne bougent jamais.
   prefers-reduced-motion : theme.css coupe déjà toutes les transitions. ---------- */
body.hm-neo .hm-btn,
body.hm-neo .hmm-btn,
body.hm-neo .hm-bouton-icone,
body.hm-neo .hm-burger,
body.hm-neo .hm-angles__pastille,
body.hm-neo .hm-pastille,
body.hm-neo .hm-carte,
body.hm-neo .hmm-compagnon-pastille,
body.hm-neo .hm-reseaux__liste .hm-ic {
	transition: transform 0.2s var(--hm-ease), box-shadow 0.2s var(--hm-ease), background-color 0.2s, color 0.2s, border-color 0.2s;
}
/* Boutons : relief un peu plus marqué au repos (reflet en haut, ombre en bas) */
body.hm-neo .hm-btn { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), var(--nv-bouton); }
body.hm-neo .hm-btn--primaire,
body.hm-neo .hm-btn--argile,
body.hm-neo .hm-btn--framboise { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28), inset 0 -2px 0 rgba(0, 0, 0, 0.14), 0 4px 10px -2px rgba(22, 32, 43, 0.28); }
body.hm-neo .hm-btn--fantome { box-shadow: none; }
/* Survol : le bouton se soulève, l'ombre s'allonge */
body.hm-neo .hm-btn:hover,
body.hm-neo .hmm-btn:hover {
	transform: translateY(-2px);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), 0 2px 4px rgba(22, 32, 43, 0.1), 0 12px 22px -8px rgba(22, 32, 43, 0.3);
}
body.hm-neo .hm-btn--primaire:hover,
body.hm-neo .hm-btn--argile:hover,
body.hm-neo .hm-btn--framboise:hover {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.16), 0 12px 22px -8px rgba(22, 32, 43, 0.4);
}
body.hm-neo .hm-btn--fantome:hover { transform: none; background: var(--hm-surface); box-shadow: var(--nv-bouton); }
body.hm-neo .hm-btn--contour-clair:hover,
body.hm-neo .hm-duo__btn-contour:hover { box-shadow: none; }
body.hm-neo .hm-btn:hover .hm-ic--fleche { transform: translateX(4px); }
/* Clic : le bouton s'enfonce */
body.hm-neo .hm-btn:active,
body.hm-neo .hmm-btn:active { transform: translateY(1px); box-shadow: inset 0 3px 6px rgba(22, 32, 43, 0.22); }
body.hm-neo .hm-btn--primaire:active { box-shadow: inset 0 3px 6px rgba(80, 0, 15, 0.45); }
/* Clavier : anneau net, jamais supprimé */
body.hm-neo .hm-btn:focus-visible,
body.hm-neo .hmm-btn:focus-visible,
body.hm-neo .hm-bouton-icone:focus-visible,
body.hm-neo .hm-burger:focus-visible,
body.hm-neo .hm-angles__pastille:focus-visible { outline: 3px solid rgba(196, 37, 58, 0.45); outline-offset: 3px; }
/* Petits boutons ronds, burger, filtres, pastilles */
body.hm-neo .hm-bouton-icone { box-shadow: var(--nv-bouton); }
body.hm-neo .hm-bouton-icone:hover { background: var(--hm-surface); transform: translateY(-1px); box-shadow: 0 8px 16px -6px rgba(22, 32, 43, 0.3); }
body.hm-neo .hm-bouton-icone:active { transform: translateY(1px); box-shadow: inset 0 2px 5px rgba(22, 32, 43, 0.2); }
body.hm-neo .hm-burger { box-shadow: var(--nv-bouton); }
body.hm-neo .hm-burger:hover { transform: translateY(-1px); box-shadow: 0 8px 16px -6px rgba(22, 32, 43, 0.3); }
body.hm-neo .hm-angles__pastille { box-shadow: var(--nv-bouton); }
body.hm-neo .hm-angles__pastille:hover { transform: translateY(-1px); box-shadow: 0 8px 16px -6px rgba(22, 32, 43, 0.3); }
body.hm-neo .hm-angles__pastille.is-on { box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.18), var(--nv-bouton); }
body.hm-neo a.hm-pastille:hover { transform: translateY(-1px); box-shadow: var(--nv-bouton); filter: none; }
/* Cartes : se soulèvent légèrement, l'image dedans reste immobile */
body.hm-neo .hm-carte:hover { transform: translateY(-3px); box-shadow: var(--hm-ombre-3); }
/* Menu : lien survolé = pastille douce ; pastille Compagnon et réseaux sociaux se soulèvent */
body.hm-neo .hm-nav__liste a:hover { background: rgba(22, 32, 43, 0.06); }
body.hm-neo .hmm-compagnon-pastille:hover,
body.hm-neo .hmm-compagnon-pastille:focus-visible { transform: translateY(-2px); box-shadow: var(--hm-ombre-3); }
body.hm-neo .hm-reseaux__liste a:hover .hm-ic { transform: translateY(-3px); box-shadow: var(--hm-ombre-2); }
body.hm-neo .hm-fab:hover { transform: translateY(-2px); box-shadow: var(--hm-ombre-3); }

/* ---------- 9. Boutons plus vifs, en-tête plus transparent (14/10/2026, « trop terne ») ---------- */
/* Principal : rouge franc, reflet net, ombre rouge discrète sous le bouton */
body.hm-neo .hm-btn--primaire,
body.hm-neo .hm-btn--argile,
body.hm-neo .hm-btn--framboise {
	background: linear-gradient(180deg, #ea4a60 0%, #cc2a41 52%, #b01c31 100%);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -2px 0 rgba(90, 0, 15, 0.22), 0 8px 16px -6px rgba(176, 28, 49, 0.45);
}
body.hm-neo .hm-btn--primaire:hover,
body.hm-neo .hm-btn--argile:hover,
body.hm-neo .hm-btn--framboise:hover {
	background: linear-gradient(180deg, #f05a70 0%, #d63048 52%, #b81f35 100%);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -2px 0 rgba(90, 0, 15, 0.25), 0 14px 22px -8px rgba(176, 28, 49, 0.55);
}
/* Secondaire (« S'abonner », « Télécharger le PDF »…) : blanc, liseré net, texte encre, rouge au survol */
body.hm-neo .hm-btn--contour,
body.hm-neo .hmm-btn--contour {
	background: linear-gradient(180deg, #ffffff, #f3f5f7);
	border: 1.5px solid rgba(22, 32, 43, 0.22);
	color: var(--hm-encre);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), 0 4px 10px -4px rgba(22, 32, 43, 0.22);
}
body.hm-neo .hm-btn--contour:hover,
body.hm-neo .hmm-btn--contour:hover {
	background: linear-gradient(180deg, #fff7f8, #fcebee);
	border-color: var(--hm-accent);
	color: var(--hm-accent-fonce);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), 0 12px 20px -8px rgba(176, 28, 49, 0.3);
}
/* En-tête : « Mon espace » (fantôme) et « Boutique » (contour rouge) prennent de la couleur */
body.hm-neo .hm-entete__actions .hm-btn--fantome { background: rgba(255, 255, 255, 0.7); color: var(--hm-encre); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), 0 3px 8px -3px rgba(22, 32, 43, 0.25); }
body.hm-neo .hm-entete__actions .hm-btn--fantome:hover { background: #ffffff; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), 0 10px 18px -8px rgba(22, 32, 43, 0.35); transform: translateY(-2px); }
body.hm-neo .hm-btn--argile-contour {
	background: linear-gradient(180deg, #fff7f8, #fbe6ea);
	border: 1.5px solid rgba(196, 37, 58, 0.45);
	color: var(--hm-accent-fonce);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), 0 4px 10px -4px rgba(176, 28, 49, 0.3);
}
body.hm-neo .hm-btn--argile-contour:hover {
	background: linear-gradient(180deg, #ffeef1, #f8d3da);
	border-color: var(--hm-accent);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), 0 12px 20px -8px rgba(176, 28, 49, 0.4);
}
/* Boutons ronds, menu, filtres : blancs, ombre plus nette */
body.hm-neo .hm-bouton-icone,
body.hm-neo .hm-burger { background: linear-gradient(145deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.24)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), 0 4px 10px -3px rgba(22, 32, 43, 0.28); }
body.hm-neo .hm-angles__pastille { background: linear-gradient(145deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.24)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), 0 3px 8px -3px rgba(22, 32, 43, 0.28); }
body.hm-neo .hm-angles__pastille:hover { color: var(--hm-accent-fonce); background: linear-gradient(180deg, #fff7f8, #fcebee); }
body.hm-neo .hm-angles__pastille.is-on { background: linear-gradient(180deg, #ea4a60, #b01c31); color: #ffffff; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(90, 0, 15, 0.22), 0 6px 12px -5px rgba(176, 28, 49, 0.45); }
body.hm-neo .hm-nav__liste a:hover { background: rgba(255, 255, 255, 0.7); }
body.hm-neo .hm-nav__liste .is-cur > a { background: rgba(255, 255, 255, 0.85); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), 0 2px 8px -2px rgba(22, 32, 43, 0.25); }
/* Pastille Compagnon et bulle d'invitation : un peu translucides, comme l'en-tête */
body.hm-neo .hmm-compagnon-pastille { background: rgba(255, 255, 255, 0.78); -webkit-backdrop-filter: blur(14px) saturate(160%); backdrop-filter: blur(14px) saturate(160%); }
body.hm-neo .hm-barre { background: rgba(255, 255, 255, 0.72); -webkit-backdrop-filter: blur(18px) saturate(170%); backdrop-filter: blur(18px) saturate(170%); }

/* ---------- 10. Boutons « mélange néomorphisme + verre » (14/10/2026, demande de Simon)
   Verre : fond translucide en dégradé, léger flou, reflet fin en haut.
   Néomorphisme : deux ombres, une foncée en bas à droite, une claire en haut à gauche.
   Au clic : le bouton s'enfonce (ombres à l'intérieur). ---------- */
body.hm-neo .hm-btn--contour,
body.hm-neo .hmm-btn--contour,
body.hm-neo .hm-entete__actions .hm-btn--fantome,
body.hm-neo .hm-btn--argile-contour,
body.hm-neo .hm-bouton-icone,
body.hm-neo .hm-burger,
body.hm-neo .hm-angles__pastille {
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.24));
	-webkit-backdrop-filter: blur(12px) saturate(160%); backdrop-filter: blur(12px) saturate(160%);
	border: 1px solid rgba(255, 255, 255, 0.4);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), 0 0 0 1px rgba(22, 32, 43, 0.05), 6px 6px 14px rgba(22, 32, 43, 0.14);
}
body.hm-neo .hm-btn--argile-contour {
	background: linear-gradient(145deg, rgba(255, 244, 246, 0.6), rgba(251, 214, 221, 0.4));
	border-color: rgba(255, 255, 255, 0.85);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), 0 0 0 1px rgba(196, 37, 58, 0.18), 6px 6px 14px rgba(176, 28, 49, 0.16);
}
body.hm-neo .hm-btn--contour:hover,
body.hm-neo .hmm-btn--contour:hover,
body.hm-neo .hm-entete__actions .hm-btn--fantome:hover,
body.hm-neo .hm-btn--argile-contour:hover,
body.hm-neo .hm-bouton-icone:hover,
body.hm-neo .hm-burger:hover,
body.hm-neo .hm-angles__pastille:hover {
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.4));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), 0 0 0 1px rgba(22, 32, 43, 0.06), 9px 9px 18px rgba(22, 32, 43, 0.18);
}
body.hm-neo .hm-btn--contour:active,
body.hm-neo .hmm-btn--contour:active,
body.hm-neo .hm-entete__actions .hm-btn--fantome:active,
body.hm-neo .hm-btn--argile-contour:active,
body.hm-neo .hm-bouton-icone:active,
body.hm-neo .hm-burger:active,
body.hm-neo .hm-angles__pastille:active {
	transform: translateY(1px);
	box-shadow: inset 4px 4px 9px rgba(22, 32, 43, 0.16), inset -4px -4px 9px rgba(255, 255, 255, 0.35);
}
/* Rouge : verre rouge brillant (reflet + profondeur) posé sur le même double relief */
body.hm-neo .hm-btn--primaire,
body.hm-neo .hm-btn--argile,
body.hm-neo .hm-btn--framboise,
body.hm-neo .hm-angles__pastille.is-on {
	background: linear-gradient(145deg, rgba(240, 86, 106, 0.98) 0%, rgba(204, 42, 65, 0.98) 55%, rgba(170, 26, 47, 0.98) 100%);
	border: 1px solid rgba(255, 255, 255, 0.25);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), inset 0 -3px 6px rgba(90, 0, 15, 0.22), 6px 6px 14px rgba(22, 32, 43, 0.22);
}
body.hm-neo .hm-btn--primaire:hover,
body.hm-neo .hm-btn--argile:hover,
body.hm-neo .hm-btn--framboise:hover {
	background: linear-gradient(145deg, rgba(244, 98, 118, 1) 0%, rgba(212, 48, 72, 1) 55%, rgba(178, 30, 52, 1) 100%);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -3px 6px rgba(90, 0, 15, 0.25), 9px 9px 18px rgba(22, 32, 43, 0.26);
}
body.hm-neo .hm-btn--primaire:active,
body.hm-neo .hm-btn--argile:active,
body.hm-neo .hm-btn--framboise:active {
	transform: translateY(1px);
	box-shadow: inset 4px 4px 9px rgba(80, 0, 15, 0.45), inset -3px -3px 7px rgba(255, 140, 156, 0.45);
}

/* Anti-sautillement de l'en-tête : theme.js pose « is-compact » dès 48 px de défilement et le thème d'origine réduisait
   alors l'en-tête de 16 px ; le contenu remontait de 16 px, repassait sous le seuil et la classe basculait en boucle.
   Ici l'en-tête garde EXACTEMENT la même taille, compact ou non. */
@media (min-width: 900px) {
	body.hm-neo .hm-entete.is-compact { --hm-entete-h: 80px; }
	body.hm-neo .hm-entete.is-compact .hm-logo__img { height: 46px; }
}

/* En-tête : VERRE PUR (14/10/2026, « trop néomorphisme »). Dans la barre du haut : plus de rail creusé, plus de double
   ombre claire/foncée. Que du verre : fond translucide, liseré clair, reflet fin et une seule ombre douce dessous. */
body.hm-neo .hm-entete {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0.22));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), 0 10px 28px -10px rgba(22, 32, 43, 0.25);
}
body.hm-neo .hm-entete.is-compact { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), 0 10px 28px -10px rgba(22, 32, 43, 0.25); }
body.hm-neo .hm-entete .hm-nav__liste {
	background: rgba(255, 255, 255, 0.3);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.3);
}
body.hm-neo .hm-entete .hm-nav__liste a:hover { background: rgba(255, 255, 255, 0.55); color: var(--hm-accent-fonce); }
body.hm-neo .hm-entete .hm-nav__liste .is-cur > a {
	background: rgba(255, 255, 255, 0.8); border: 0; color: var(--hm-accent-fonce);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), 0 3px 10px -3px rgba(22, 32, 43, 0.22);
}
body.hm-neo .hm-entete .hm-bouton-icone,
body.hm-neo .hm-entete .hm-burger,
body.hm-neo .hm-entete .hm-compte-entete__resume,
body.hm-neo .hm-entete .hm-entete__actions .hm-btn--fantome,
body.hm-neo .hm-entete .hm-entete__actions .hm-btn--argile-contour {
	background: rgba(255, 255, 255, 0.45);
	-webkit-backdrop-filter: blur(12px) saturate(160%); backdrop-filter: blur(12px) saturate(160%);
	border: 1px solid rgba(255, 255, 255, 0.4);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), 0 3px 10px -3px rgba(22, 32, 43, 0.2);
}
body.hm-neo .hm-entete .hm-entete__actions .hm-btn--argile-contour { background: rgba(251, 214, 221, 0.5); }
body.hm-neo .hm-entete .hm-bouton-icone:hover,
body.hm-neo .hm-entete .hm-burger:hover,
body.hm-neo .hm-entete .hm-compte-entete__resume:hover,
body.hm-neo .hm-entete .hm-entete__actions .hm-btn--fantome:hover,
body.hm-neo .hm-entete .hm-entete__actions .hm-btn--argile-contour:hover {
	background: rgba(255, 255, 255, 0.8);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), 0 8px 18px -6px rgba(22, 32, 43, 0.3);
}
body.hm-neo .hm-entete .hm-bouton-icone:active,
body.hm-neo .hm-entete .hm-burger:active,
body.hm-neo .hm-entete .hm-entete__actions .hm-btn--fantome:active,
body.hm-neo .hm-entete .hm-entete__actions .hm-btn--argile-contour:active {
	background: rgba(255, 255, 255, 0.6);
	box-shadow: inset 0 2px 5px rgba(22, 32, 43, 0.18);
}
/* « S'abonner » du haut : verre rouge, ombre unique */
body.hm-neo .hm-entete .hm-btn--primaire {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), inset 0 -3px 6px rgba(90, 0, 15, 0.2), 0 6px 14px -5px rgba(22, 32, 43, 0.35);
}
body.hm-neo .hm-entete .hm-btn--primaire:hover {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -3px 6px rgba(90, 0, 15, 0.22), 0 10px 20px -6px rgba(22, 32, 43, 0.4);
}

/* ---------- 12. Boutons CREUSÉS (15/10/2026, revue UX de Simon : « un peu trop vieux, mieux le style creusé »)
   Le bouton est un puits : ombre intérieure en haut à gauche, reflet intérieur en bas à droite, mince liseré clair
   dessous. Plus de verre flou ni d'ombre portée (c'est ce qui faisait daté). Au survol le puits se creuse un peu
   plus et la teinte s'éclaircit, au clic il s'enfonce ; le bouton ne se soulève plus. ---------- */
/* Rouge (principal, Tipeee, S'abonner…) */
body.hm-neo .hm-btn--primaire,
body.hm-neo .hm-btn--argile,
body.hm-neo .hm-btn--framboise,
body.hm-neo .hm-entete .hm-btn--primaire {
	background: linear-gradient(155deg, #a81a2e 0%, #c4253a 52%, #d4384d 100%);
	border: 1px solid rgba(255, 255, 255, 0.55);
	color: #ffffff;
	-webkit-backdrop-filter: none; backdrop-filter: none;
	box-shadow: inset 3px 4px 9px rgba(70, 0, 14, 0.5), inset -3px -3px 7px rgba(255, 150, 165, 0.38), 0 1px 0 rgba(255, 255, 255, 0.85);
}
body.hm-neo .hm-btn--primaire:hover,
body.hm-neo .hm-btn--argile:hover,
body.hm-neo .hm-btn--framboise:hover,
body.hm-neo .hm-entete .hm-btn--primaire:hover {
	background: linear-gradient(155deg, #b01e33 0%, #cf2d43 52%, #de4358 100%);
	transform: none;
	box-shadow: inset 4px 5px 11px rgba(70, 0, 14, 0.58), inset -3px -3px 7px rgba(255, 150, 165, 0.42), 0 1px 0 rgba(255, 255, 255, 0.85);
}
body.hm-neo .hm-btn--primaire:active,
body.hm-neo .hm-btn--argile:active,
body.hm-neo .hm-btn--framboise:active {
	transform: none;
	box-shadow: inset 5px 6px 13px rgba(60, 0, 12, 0.68), inset -2px -2px 5px rgba(255, 150, 165, 0.3), 0 1px 0 rgba(255, 255, 255, 0.85);
}
/* Neutre et rosé (« S'abonner » du haut en contour, Télécharger, Boutique…) */
body.hm-neo .hm-btn--contour,
body.hm-neo .hm-btn--argile-contour,
body.hm-neo .hm-entete .hm-entete__actions .hm-btn--fantome,
body.hm-neo .hm-entete .hm-entete__actions .hm-btn--argile-contour {
	background: linear-gradient(155deg, #d6dce4 0%, #e6eaee 55%, #f1f4f7 100%);
	border: 1px solid rgba(255, 255, 255, 0.7);
	color: var(--hm-encre);
	-webkit-backdrop-filter: none; backdrop-filter: none;
	box-shadow: inset 3px 3px 7px #b4bdc8, inset -3px -3px 7px rgba(255, 255, 255, 0.85), 0 1px 0 rgba(255, 255, 255, 0.9);
}
body.hm-neo .hm-btn--argile-contour,
body.hm-neo .hm-entete .hm-entete__actions .hm-btn--argile-contour {
	background: linear-gradient(155deg, #efc3cb 0%, #f7dde1 55%, #fcecee 100%);
	color: var(--hm-accent-fonce);
	box-shadow: inset 3px 3px 7px rgba(150, 30, 50, 0.3), inset -3px -3px 7px rgba(255, 255, 255, 0.85), 0 1px 0 rgba(255, 255, 255, 0.9);
}
body.hm-neo .hm-btn--contour:hover,
body.hm-neo .hm-btn--argile-contour:hover,
body.hm-neo .hm-entete .hm-entete__actions .hm-btn--fantome:hover,
body.hm-neo .hm-entete .hm-entete__actions .hm-btn--argile-contour:hover {
	background: linear-gradient(155deg, #cfd6df 0%, #e1e6ec 55%, #eef1f5 100%);
	border-color: rgba(255, 255, 255, 0.7);
	color: var(--hm-accent-fonce);
	transform: none;
	box-shadow: inset 4px 4px 9px #aab4c0, inset -3px -3px 7px rgba(255, 255, 255, 0.9), 0 1px 0 rgba(255, 255, 255, 0.9);
}
body.hm-neo .hm-btn--argile-contour:hover,
body.hm-neo .hm-entete .hm-entete__actions .hm-btn--argile-contour:hover {
	background: linear-gradient(155deg, #ebb6c0 0%, #f4d3d9 55%, #fae6e9 100%);
	box-shadow: inset 4px 4px 9px rgba(150, 30, 50, 0.36), inset -3px -3px 7px rgba(255, 255, 255, 0.9), 0 1px 0 rgba(255, 255, 255, 0.9);
}
body.hm-neo .hm-btn--contour:active,
body.hm-neo .hm-btn--argile-contour:active,
body.hm-neo .hm-entete .hm-entete__actions .hm-btn--fantome:active,
body.hm-neo .hm-entete .hm-entete__actions .hm-btn--argile-contour:active {
	transform: none;
	box-shadow: inset 5px 5px 11px #9ca7b4, inset -2px -2px 5px rgba(255, 255, 255, 0.8), 0 1px 0 rgba(255, 255, 255, 0.9);
}
/* Carte « espace pro » (fond bleu nuit) : deux puits nets et pleins, plus rien d'effacé */
body.hm-neo .hm-duo__carte--pro .hm-duo__btn-plein {
	background: linear-gradient(155deg, #d3dde7 0%, #f1f5f9 55%, #ffffff 100%);
	color: var(--hm-brume-fonce);
	border: 1px solid rgba(255, 255, 255, 0.8);
	-webkit-backdrop-filter: none; backdrop-filter: none;
	box-shadow: inset 3px 4px 8px rgba(34, 54, 74, 0.34), inset -3px -3px 6px rgba(255, 255, 255, 0.95), 0 1px 0 rgba(255, 255, 255, 0.22);
}
body.hm-neo .hm-duo__carte--pro .hm-duo__btn-plein:hover {
	background: linear-gradient(155deg, #c6d3e0 0%, #e9eff5 55%, #fbfdff 100%);
	color: var(--hm-brume-fonce);
	transform: none;
	box-shadow: inset 4px 5px 10px rgba(34, 54, 74, 0.42), inset -3px -3px 6px rgba(255, 255, 255, 0.95), 0 1px 0 rgba(255, 255, 255, 0.22);
}
body.hm-neo .hm-duo__carte--pro .hm-duo__btn-contour {
	background: linear-gradient(155deg, rgba(8, 16, 26, 0.6) 0%, rgba(8, 16, 26, 0.3) 60%, rgba(255, 255, 255, 0.07) 100%);
	color: #ffffff;
	border: 1.5px solid rgba(255, 255, 255, 0.7);
	-webkit-backdrop-filter: none; backdrop-filter: none;
	box-shadow: inset 4px 4px 9px rgba(0, 0, 0, 0.5), inset -2px -2px 6px rgba(255, 255, 255, 0.14), 0 1px 0 rgba(255, 255, 255, 0.2);
}
body.hm-neo .hm-duo__carte--pro .hm-duo__btn-contour:hover {
	background: linear-gradient(155deg, rgba(8, 16, 26, 0.7) 0%, rgba(8, 16, 26, 0.4) 60%, rgba(255, 255, 255, 0.14) 100%);
	border-color: #ffffff;
	color: #ffffff;
	transform: none;
	box-shadow: inset 5px 5px 11px rgba(0, 0, 0, 0.58), inset -2px -2px 6px rgba(255, 255, 255, 0.18), 0 1px 0 rgba(255, 255, 255, 0.2);
}

/* ---------- 13. Avis : de vrais fonds (les cartes se fondaient dans la page, même gris) ---------- */
body.hm-neo .hm-avis { background: transparent; border-block: 0; }
body.hm-neo .hm-avis__carte {
	padding: 22px 24px; border: 1px solid rgba(255, 255, 255, 0.95); border-radius: 22px;
	background: linear-gradient(150deg, #ffffff 0%, #f6f8fa 100%);
	box-shadow: inset 0 1px 0 #ffffff, 0 12px 26px -14px rgba(22, 32, 43, 0.3), 0 2px 6px rgba(22, 32, 43, 0.06);
}
body.hm-neo .hm-avis__une {
	border: 1px solid rgba(255, 255, 255, 0.95); border-radius: 32px;
	background: linear-gradient(150deg, #ffffff 0%, #fdeef0 55%, #f9d9de 100%);
	box-shadow: inset 0 1px 0 #ffffff, 0 22px 40px -22px rgba(158, 28, 46, 0.4), 0 3px 8px rgba(22, 32, 43, 0.06);
}
body.hm-neo .hm-avis__initiale { background: var(--hm-lagune-pale); box-shadow: inset 2px 2px 4px rgba(158, 28, 46, 0.22), inset -2px -2px 4px rgba(255, 255, 255, 0.8); }
body.hm-neo .hm-avis__une .hm-avis__initiale { background: var(--nv-rouge); box-shadow: var(--nv-rouge-ombre); }

/* ---------- 14. Qui vous parle, preuves et mission : même langage (verre + creux) ---------- */
body.hm-neo .hm-voix__item,
body.hm-neo .hm-preuves__item {
	border: var(--nv-verre-bord); background: var(--nv-verre);
	-webkit-backdrop-filter: var(--nv-verre-flou); backdrop-filter: var(--nv-verre-flou);
	box-shadow: var(--nv-verre-ombre);
}
body.hm-neo .hm-voix__photo { box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.7), 3px 5px 10px rgba(22, 32, 43, 0.2); }
body.hm-neo .hm-preuves__mission {
	border: var(--nv-verre-bord); border-radius: 36px; background: var(--nv-verre);
	-webkit-backdrop-filter: var(--nv-verre-flou); backdrop-filter: var(--nv-verre-flou);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), var(--hm-ombre-2);
}
body.hm-neo .hm-preuves__mission .hm-encadre { background: var(--hm-fond); box-shadow: var(--nv-creux-s); }
body.hm-neo .hm-preuves__chiffre {
	background: var(--nv-rouge); -webkit-background-clip: text; background-clip: text;
	-webkit-text-fill-color: transparent; color: transparent;
}

/* ---------- 11. Impression : retour au rendu simple ---------- */
@media print {
	body.hm-neo::before { display: none; }
	body.hm-neo * { box-shadow: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
}

/* ---------- 15. Hot Map : cartes de la liste de résultats (revue UX du 16/10/2026) ----------
   Le fond des cartes (--hm-surface) valait la teinte de la page (#e6eaee) : les cartes se fondaient dans le fond.
   Verre blanc + relief léger ; la carte active garde un contour rouge. */
body.hm-neo .hmm-map__resultat { background: rgba(255, 255, 255, 0.86); border: 1px solid rgba(255, 255, 255, 0.95); box-shadow: var(--hm-ombre-1); }
body.hm-neo .hmm-map__resultat:hover, body.hm-neo .hmm-map__resultat:focus-within { background: #fff; box-shadow: var(--hm-ombre-2); }
body.hm-neo .hmm-map__resultat.is-actif { background: #fff; border-color: var(--hm-accent); box-shadow: 0 0 0 3px var(--hm-lagune-pale), var(--hm-ombre-1); }