﻿/* Annuaire de la communauté : styles limités à cette page. */
.page-communaute { --community-copper:#925b37; --community-soft:#f0e4d5; }
html[data-theme="fire"] .page-communaute { --community-copper:#e1ad7b; --community-soft:var(--surface-2); }
.page-communaute .community-wrap { max-width:1200px; margin:48px auto 64px; gap:40px; padding:0 24px; }
.page-communaute .community-hero { padding:12px 0 36px; gap:48px; border:0; border-bottom:1px solid var(--border); border-radius:0; background:none; box-shadow:none; grid-template-columns:minmax(0,1.6fr) minmax(230px,.7fr); }
.page-communaute .community-hero::before { display:none; }
.page-communaute .hero-kicker { font:700 11px/1.5 var(--site-ui); color:var(--community-copper); letter-spacing:.2em; margin-bottom:16px; }
html body.page-communaute .hero-title { font:600 clamp(38px,5vw,64px)/1.05 var(--site-brand); letter-spacing:-.035em; max-width:650px; }
.page-communaute .hero-lead { font-size:15px; line-height:1.8; max-width:52ch; margin-top:18px; }
.page-communaute .hero-cta { margin-top:24px; }
.page-communaute .hero-btn { padding:11px 16px; font:600 13px/1.5 var(--site-ui); border-radius:7px; background:transparent; box-shadow:none; }
.page-communaute .hero-btn--primary { background:var(--ink); color:var(--panel); border-color:var(--ink); }
.page-communaute .hero-stats { gap:0; border-left:1px solid var(--border); padding-left:32px; }
.page-communaute .hero-stat { border:0; background:none; box-shadow:none; padding:12px 0; display:flex; flex-direction:column-reverse; gap:5px; }
.page-communaute .hero-stat dt { font-size:11px; letter-spacing:.08em; }
.page-communaute .hero-stat dd { font:600 34px/1 var(--site-brand); margin:0; }
.page-communaute .sect { padding:0; border:0; border-radius:0; background:none; box-shadow:none; }
.page-communaute .sect-head { align-items:center; margin-bottom:24px; }
html body.page-communaute .sect-title { font:600 32px/1.2 var(--site-brand); letter-spacing:-.02em; }
.page-communaute .sect-sub { max-width:290px; font-size:12px; }
.page-communaute .community-toolbar { display:flex; gap:18px; align-items:center; margin-bottom:24px; }
.page-communaute .community-search { display:flex; align-items:center; gap:12px; flex:1; background:var(--panel); border:1px solid var(--border); padding:0 15px; border-radius:8px; color:var(--muted); }
.page-communaute .community-search:focus-within { outline:2px solid var(--community-copper); outline-offset:2px; }
.page-communaute .community-search input { width:100%; min-width:0; padding:13px 0; border:0; background:none; color:var(--ink); font:14px var(--site-ui); outline:none; box-shadow:none; }
.page-communaute .community-sort { display:flex; align-items:center; gap:10px; color:var(--muted); font-size:12px; }
.page-communaute .community-sort select { padding:12px; border:1px solid var(--border); border-radius:8px; background:var(--panel); color:var(--ink); font-size:13px; }
.page-communaute .community-results { font-size:12px; color:var(--muted); white-space:nowrap; }
.page-communaute .users-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.page-communaute .user-tile { position:relative; grid-template-columns:48px minmax(0,1fr); gap:16px 14px; padding:24px; align-items:start; border-radius:12px; box-shadow:none; background:var(--panel); animation:none; }
.page-communaute .user-tile:hover { border-color:var(--community-copper); box-shadow:0 8px 24px rgba(28,22,18,.06); }
.page-communaute .member-emblem { width:48px; height:48px; display:grid; place-items:center; border-radius:50%; background:var(--community-soft); color:var(--community-copper); font:600 26px var(--site-brand); text-transform:uppercase; }
.page-communaute .tile-main { gap:18px; }
.page-communaute .tile-top { gap:8px; align-items:center; }
.page-communaute .tile-name { font-size:16px; line-height:1.4; }
.page-communaute .tile-sub { font-size:11px; }
.page-communaute .tile-rank { min-width:0; padding:0; border:0; background:none; font:500 11px var(--site-ui); color:var(--muted); }
.page-communaute .tile-meta { gap:8px 12px; }
.page-communaute .tile-pill { padding:0; border:0; background:none; font-size:11px; font-weight:500; white-space:normal; }
.page-communaute .tile-pill i { color:var(--community-copper); }
.page-communaute .tile-pill--level { background:none; color:var(--community-copper); font-weight:700; }
.page-communaute .tile-meta .tile-pill:last-child { width:100%; color:var(--muted); }
.page-communaute .tile-bottom { grid-column:1/-1; border-top:1px solid var(--border); padding-top:16px; margin-top:4px; }
.page-communaute .tile-actions { width:100%; gap:6px; justify-content:space-between; }
.page-communaute .tile-actions .tile-link { padding:7px 8px; min-height:36px; border:0; border-radius:6px; background:transparent; color:var(--muted); font:600 11px/1.5 var(--site-ui); box-shadow:none; gap:6px; width:auto; }
.page-communaute .tile-actions .tile-link:hover { background:var(--surface-2); color:var(--ink); transform:none; }
.page-communaute .tile-actions .tile-link--contact { color:var(--community-copper); background:var(--community-soft); }
.page-communaute .tile-actions .tile-link:disabled { opacity:.4; cursor:default; }
.page-communaute .community-empty { text-align:center; padding:40px 20px; color:var(--muted); border:1px dashed var(--border); border-radius:12px; }
.page-communaute .community-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.page-communaute [hidden] { display:none !important; }
@media(max-width:1050px) { .page-communaute .users-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) {
  .page-communaute .community-wrap { margin-top:28px; gap:28px; padding:0 18px; }
  .page-communaute .community-hero { grid-template-columns:1fr; gap:28px; padding-bottom:28px; }
  .page-communaute .hero-stats { grid-template-columns:repeat(3,minmax(0,1fr)); border-left:0; border-top:1px solid var(--border); padding:18px 0 0; gap:12px; }
  .page-communaute .hero-stat dt { font-size:9px; }
  .page-communaute .hero-stat dd { font-size:30px; }
  .page-communaute .sect-head { align-items:start; gap:8px; }
  .page-communaute .sect-sub { max-width:none; text-align:left; }
  .page-communaute .community-toolbar { flex-wrap:wrap; gap:12px; }
  .page-communaute .community-search { flex-basis:100%; }
  .page-communaute .community-results { margin-left:auto; }
}
@media(max-width:560px) {
  .page-communaute .users-grid { grid-template-columns:1fr; gap:12px; }
  .page-communaute .user-tile { padding:20px; grid-template-columns:48px minmax(0,1fr); justify-items:stretch; }
  .page-communaute .hero-btn { width:auto; }
  .page-communaute .hero-title { text-wrap:balance; }
}
@media(prefers-reduced-motion:reduce) { .page-communaute .user-tile,.page-communaute .hero-btn { transition:none; transform:none; } }
