/* Icônes de la charte, style B — voir inc/charte-icons.php.
 * Interface (en-tête, flèches, chevrons, fermer, +/−) : glyphe seul, couleur du texte.
 * Contenu (cartes, repères, fiches, réassurance) : même glyphe posé sur une pastille de la palette.
 * Les couleurs viennent des jetons --sc-* ; le texte du glyphe est encre sur pastille claire, crème sur pastille foncée. */
body.sr-charte .sr-icon {
	stroke-linecap: round;
	stroke-linejoin: round;
}

body.sr-charte {
	--sri-bg: var(--sc-fam-potageres);
	--sri-fg: var(--sc-cream);
}

/* Pastille : seulement dans les contextes de contenu. */
body.sr-charte :is(
	.sr-mega-feature, .srhp-universe-card__body, .sr-product-card__facts, .srhp-trust, .srhp-quality__points,
	.srh-guide-journey, .srce-intention__icon, .srp2-editorial-facts, .srp2-snapshot, .srp2-difference__card,
	.srkhv2-fact__icon, .srp2-trust, .srkhv2-task-list__icon, .sr-footer-trust, .sr-topbar__item
) .sr-icon {
	box-sizing: content-box;
	padding: .38em;
	border-radius: 50%;
	background: var(--sri-bg);
	color: var(--sri-fg);
	overflow: visible;
}

/* La pastille ne s'applique pas aux micro-contrôles, même placés dans un contexte de contenu. */
body.sr-charte svg.sr-icon.sr-icon:is(.sr-icon--chevron-right, .sr-icon--chevron-left, .sr-icon--chevron-down, .sr-icon--chevron-up,
	.sr-icon--arrow-right, .sr-icon--arrow-left, .sr-icon--arrow-up, .sr-icon--close, .sr-icon--plus, .sr-icon--minus,
	.sr-icon--menu, .sr-icon--search) {
	padding: 0;
	border-radius: 0;
	background: none;
	color: inherit;
}

/* Topbar : fond brun, pastille crème discrète pour rester lisible. */
body.sr-charte .sr-topbar__item .sr-icon {
	padding: .28em;
	background: var(--sc-cream);
	color: var(--sc-ink);
}

/* Couleur par sens (jeu de base ou ancien nom). Pastille claire → encre ; pastille foncée → crème. */
body.sr-charte :is(.sr-icon--sun, .sr-icon-as--sun, .sr-icon--star-filled, .sr-icon--star, .sr-icon-as--sale, .sr-icon--gift, .sr-icon-as--present, .sr-icon-as--difficulty) { --sri-bg: var(--sc-fam-kids); --sri-fg: var(--sc-ink); }
body.sr-charte :is(.sr-icon--water, .sr-icon--temperature) { --sri-bg: var(--sc-arroser); --sri-fg: var(--sc-ink); }
body.sr-charte :is(.sr-icon--seed, .sr-icon-as--sowing, .sr-icon-as--germination, .sr-icon-as--planting, .sr-icon-as--transplanting, .sr-icon-as--thinning) { --sri-bg: var(--sc-semer); --sri-fg: var(--sc-ink); }
body.sr-charte :is(.sr-icon--calendar, .sr-icon--clock, .sr-icon-as--calendar, .sr-icon-as--clock, .sr-icon-as--reminder, .sr-icon-as--progress, .sr-icon-as--history, .sr-icon--package, .sr-icon--delivery) { --sri-bg: var(--sc-attendre); --sri-fg: var(--sc-ink); }
body.sr-charte :is(.sr-icon--harvest, .sr-icon-as--harvest, .sr-icon-as--basket, .sr-icon--weight, .sr-icon-as--yield) { --sri-bg: var(--sc-recolter); --sri-fg: var(--sc-cream); }
body.sr-charte :is(.sr-icon--flower, .sr-icon-as--blossom, .sr-icon-as--flowering, .sr-icon--heart, .sr-icon--heart-filled) { --sri-bg: var(--sc-fam-fleurs); --sri-fg: var(--sc-cream); }
body.sr-charte :is(.sr-icon--carrot, .sr-icon--flame, .sr-icon--soil) { --sri-bg: var(--sc-fam-anciennes); --sri-fg: var(--sc-cream); }
body.sr-charte .sr-icon--refresh { --sri-bg: var(--sc-semer); --sri-fg: var(--sc-ink); }
body.sr-charte .sr-icon--wind { --sri-bg: var(--sc-arroser); --sri-fg: var(--sc-ink); }
body.sr-charte :is(.sr-icon--paw, .sr-icon--tools, .sr-icon-as--toolkit, .sr-icon-as--maintenance, .sr-icon-as--mulch, .sr-icon-as--prune, .sr-icon-as--fertilize) { --sri-bg: var(--sc-fam-anciennes); --sri-fg: var(--sc-cream); }
body.sr-charte :is(.sr-icon--organic, .sr-icon-as--leaf, .sr-icon--france) { --sri-bg: var(--sc-fam-bio); --sri-fg: var(--sc-ink); }
body.sr-charte :is(.sr-icon--lock, .sr-icon-as--secure-payment, .sr-icon-as--shield, .sr-icon-as--protection, .sr-icon--bug-off, .sr-icon--info, .sr-icon--guide, .sr-icon-as--companion) { --sri-bg: var(--sc-fam-aromatiques); --sri-fg: var(--sc-cream); }

/* Pastille pleine (signes de la charte) : le glyphe « dot » est un disque, déjà coloré par la règle ci-dessus ;
 * il prend la couleur du fond pour éviter le disque dans la pastille. */
body.sr-charte .sr-icon--dot { color: var(--sri-fg); }

/* Aucun rond ni ombre derrière une icône de contenu : la pastille du glyphe suffit.
 * Les boutons-icônes (en-tête, recherche, favori, panier flottant) restent des boutons. */
body.sr-charte :is(span, i, div):has(> svg.sr-icon:only-child):not(.sr-header-action__icon, .sr-search__icon, .sr-back-to-top, [class*="check"], [class*="radio"], [class*="toggle"], [class*="swatch"], [class*="badge"], [class*="count"], [class*="close"]) {
	background: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
}