/* ===========================================================================
   Boutons du « chrome partagé » — bannière cookies, modales d'authentification,
   formulaire de connexion.

   Ces blocs sont inclus par layouts/base.html, donc rendus DANS LES DEUX
   contextes : sur une page publique V9 (où public-refonte.css est chargé) et
   dans le shell connecté (où il ne l'est pas). Ils ne peuvent utiliser ni les
   classes .plr-* ni les .rf-*.

   D'où cette feuille : les valeurs du design system V9, écrites une seule fois,
   avec var(--plr-…, repli) pour profiter des tokens quand ils existent.

   Elle est SERVIE et non pas inline : le même bloc en <style> dans le gabarit
   ajoutait ~60 octets gzip à chaque page et faisait passer l'onglet Missions
   au-dessus du seuil de test_la_page_par_defaut_a_maigri (135 Ko gzip).

   Sans elle, ces boutons retombaient sur Bootstrap et sortaient au thème Pixel —
   Nunito Sans, radius 16, avec ombre — y compris sur le site public. C'était le
   cas de la bannière cookies, vue à la première visite de chaque visiteur, et
   du formulaire de connexion (audit du 16-09-2026).
   =========================================================================== */

.plr-chrome-btn {
	display: inline-block;
	border: 0;
	border-radius: var(--plr-r-btn, 100px);
	padding: 13px 26px;
	font-family: var(--plr-font, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	line-height: 1;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
	box-shadow: none;
	transition: opacity .15s ease;
}
.plr-chrome-btn:hover,
.plr-chrome-btn:focus { opacity: .88; text-decoration: none; }

/* Taille réduite — alignée sur .plr-btn-sm. */
.plr-chrome-btn-sm { padding: 10px 18px; font-size: 11px; }

/* Pleine largeur : les formulaires des modales d'authentification. */
.plr-chrome-btn-block { display: block; width: 100%; }

.plr-chrome-btn-primary {
	background: var(--plr-navy, #242E4C);
	color: var(--plr-white, #FFFFFF);
}
.plr-chrome-btn-primary:hover,
.plr-chrome-btn-primary:focus { color: var(--plr-white, #FFFFFF); }

.plr-chrome-btn-secondary {
	background: var(--plr-beige, #F2F1EF);
	color: var(--plr-text, #111111);
}
.plr-chrome-btn-secondary:hover,
.plr-chrome-btn-secondary:focus { color: var(--plr-text, #111111); }

.plr-chrome-btn-outline {
	background: var(--plr-white, #FFFFFF);
	color: var(--plr-text, #111111);
	border: 1px solid var(--plr-border, #EEEEEE);
}
.plr-chrome-btn-outline:hover,
.plr-chrome-btn-outline:focus { color: var(--plr-navy, #242E4C); }