/* ================================================================
   RU Design : carte standard (composant 22, Livraison 6, 18 octobre 2026)
   Deux variantes : « offre » (avatar carré, budget) et « fiche » (photo
   ronde). Même taille, mêmes marges, même survol partout.
   Maquette approuvée : maquette-filtres-carriere-bottin.html.
   Couleurs : jetons --ru-* (composant 00), jamais en dur.
   ================================================================ */

.ru-cartes{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;padding:0 16px 24px}
.ru-carte{position:relative;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;min-width:0;margin:0;padding:16px;border:1px solid var(--ru-bord,rgba(0,0,0,.10));border-radius:14px;background:var(--ru-fond,#FFFFFF);color:var(--ru-texte,#0e2438);font-family:var(--ru-police,inherit);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.ru-carte:hover,.ru-carte:focus-within{border-color:var(--ru-accent-filet,rgba(44,111,181,.45));box-shadow:0 8px 22px rgba(14,36,56,.08)}
@media (prefers-reduced-motion:no-preference){.ru-carte:hover{transform:translateY(-1px)}}
.ru-carte-coin{position:absolute;top:10px;right:10px}
.ru-carte-haut{display:flex;align-items:center;gap:10px;min-width:0}
.ru-carte-coin+.ru-carte-haut{padding-right:44px}
.ru-carte-avatar{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border-radius:12px;background:var(--ru-accent-doux,rgba(44,111,181,.12));color:var(--ru-accent,#1d5c8f);font-size:15px;font-weight:800;line-height:1;overflow:hidden}
.ru-carte--fiche .ru-carte-avatar{border-radius:50%}
.ru-carte-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.ru-carte-ident{min-width:0}
.ru-carte .ru-carte-titre{margin:0;padding:0;font-family:inherit;font-size:16px;font-weight:700;line-height:1.3;letter-spacing:0;text-transform:none;color:var(--ru-texte,#0e2438);overflow-wrap:anywhere}
.ru-carte .ru-carte-titre a{color:inherit;text-decoration:none}
.ru-carte .ru-carte-titre a:hover{color:var(--ru-accent,#1d5c8f)}
.ru-carte .ru-carte-titre a:focus-visible{outline:2px solid var(--ru-accent-filet,rgba(44,111,181,.45));outline-offset:2px;border-radius:4px}
.ru-carte-sous{margin-top:2px;font-size:13px;line-height:1.35;color:var(--ru-discret,#6b7280);overflow-wrap:anywhere}
.ru-carte-metas{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;line-height:1.35;color:var(--ru-texte-2,#374151)}
.ru-carte-meta{display:inline-flex;align-items:center;gap:6px;min-width:0}
.ru-carte-meta svg{width:15px;height:15px;color:var(--ru-discret,#6b7280)}
.ru-carte-etiquettes{display:flex;flex-wrap:wrap;gap:6px}
.ru-carte-etiq{display:inline-block;padding:4px 10px;border-radius:999px;background:var(--ru-surface-2,#F4F4F5);color:var(--ru-texte-2,#374151);font-size:12px;font-weight:600;line-height:1.3}
.ru-carte-etiq--succes{background:var(--ru-succes-doux,#e7f4ec);color:var(--ru-succes,#1a7f37)}
.ru-carte-etiq--attente{background:var(--ru-attention-doux,#fff4e0);color:var(--ru-attention,#8a5a00)}
.ru-carte-etiq--accent{background:var(--ru-accent-doux,rgba(44,111,181,.12));color:var(--ru-accent,#1d5c8f)}
.ru-carte-pied{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:6px}
.ru-carte-valeur{min-width:0}
.ru-carte-valeur small{display:block;font-size:12px;font-weight:600;color:var(--ru-discret,#6b7280)}
.ru-carte-valeur strong{font-size:14px;font-weight:700;color:var(--ru-texte,#0e2438)}
.ru-carte .ru-carte-bouton{min-height:44px;padding:0 14px;border-radius:12px;font-size:15px;white-space:nowrap}
.ru-cartes-vide{grid-column:1/-1;padding:30px 16px;text-align:center;color:var(--ru-discret,#6b7280)}
@media (max-width:360px){
	.ru-cartes{padding-left:12px;padding-right:12px}
	.ru-carte{padding:14px}
}