/* ═══ Hero — cartes flottantes ═══ */
.carte.c1 .mini { margin-top: 10px; }
.carte.c4 .puce-jaune .icn { font-size: 10px; vertical-align: -1px; }
.carte.c4 h4 { margin-top: 14px; }
.carte.c4 .mini { color: #bbb; }
.carte.c5 .mini { color: rgba(255,255,255,.8); }
.carte.c6 .grand-chiffre .icn { font-size: 20px; color: var(--jaune); font-variation-settings: 'FILL' 1; }

/* ═══ Mission ═══ */
.pictoline .icn { font-size: 11px; }

/* ═══ Stats ═══ */
.sc-photo .bloc-bas p { color: var(--gris-texte); }
.sc-gris .label-mono { color: var(--gris-texte); }
.sc-gris .stat-chiffre { margin-top: 14px; }
.sc-jaune p { color: rgba(0,0,0,.7); }
.sc-noir .label-mono { color: #999; }

/* ═══ Double identité ═══ */
.identite-carte.prestataire .bento-icon .icn { color: var(--noir); }

/* ═══ Annuaire métiers ═══ */
#support .section-head { margin-bottom: 64px; }
.tuile-plomberie { background: #fde7d8; }
.tuile-plomberie .metier-icon { color: #f97316; }
.tuile-plomberie .metier-photo { object-position: 50% 7%; }
.tuile-menuiserie { background: #e6dcfb; }
.tuile-menuiserie .metier-icon { color: #8b5cf6; }
.tuile-menuiserie .metier-photo { object-position: 50% 6%; }
.tuile-juridique { background: #dbe9fd; }
.tuile-juridique .metier-icon { color: #3b82f6; }
.tuile-juridique .metier-photo { object-position: 50% 12%; }
.tuile-graphisme { background: #fdf0c8; }
.tuile-graphisme .metier-icon { color: #c99400; }
.tuile-graphisme .metier-photo { object-position: 50% 4%; }
.tuile-beaute { background: #fbdcea; }
.tuile-beaute .metier-icon { color: #ec4899; }
.tuile-beaute .metier-photo { object-position: 50% 6%; }
.tuile-mecanique { background: #d9f5ee; }
.tuile-mecanique .metier-icon { color: #14b8a6; }
.tuile-mecanique .metier-photo { object-position: 50% 9%; }

/* ═══ Histoire ═══ */
.story h2 span { color: var(--jaune); }
.story-tuile.grande .icn { color: #55aeea; }
.story-tuile.jaune .icn { font-size: 34px; }
.story-tuile.gris .icn { color: #55aeea; }

/* ═══ Piliers ═══ */
.pilier.accent .bento-icon .icn { color: var(--noir); }
.tagline .icn { font-size: 15px; }

/* Accès direct aux pages métiers depuis l’accueil. */
a.metier-tuile { display: block; }
.metiers-liens { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 24px; margin-top: 28px; }
.metiers-liens a { text-decoration: underline; text-underline-offset: 4px; font-size: 14px; }
a.metier-tuile:focus-visible, .metiers-liens a:focus-visible { outline: 3px solid var(--noir); outline-offset: 5px; }

.boutique-decouverte > .btn { margin-top: 32px; }