/******************************************************
 * TALENTS.CSS — Variante B (fond doré neutre)
 * Horodatage : 2025-11-22 22:55
 * Style isolé pour page talents
 ******************************************************/

body.page-talents {
  font-family:Lato, system-ui, -apple-system, Segoe UI, Roboto, Arial;
  background:#f8f5f1;
  color:#2c241d;
  padding-top:72px; /* header */
}

.talents-content.container {
  max-width:1400px;
  margin:2rem auto;
  padding:0 1rem;
}

/* HERO */
.nt-hero {
  text-align:center;
  margin-bottom:2rem;
}
.nt-hero h1 { font-size:3rem; margin-bottom:.5rem; color:#2c241d; }
.nt-hero p { font-size:1.2rem; color:#4a4034; }

/* FILTRES & RECHERCHE */
.nt-filters { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-bottom:1rem; }
.filter-btn {
  background:transparent;
  border:2px solid #c7a66e;
  border-radius:999px;
  padding:6px 16px;
  cursor:pointer;
  transition:.25s;
}
.filter-btn.active, .filter-btn:hover { background:#c7a66e; color:#fff; }

.nt-search { max-width:400px; margin:0 auto 2rem; }
.nt-search input {
  width:100%;
  padding:0.6rem 1rem;
  border:2px solid #e4d2aa;
  border-radius:12px;
  background:#f5efe6;
  color:#2c241d;
}

/* GRILLE CARTE */
.nt-grid { display:grid; grid-template-columns:1fr; gap:1.5rem; }

/* CARTE */
.nt-card {
  display:flex; gap:1rem;
  background:#fff;
  border-radius:20px;
  box-shadow:0 8px 24px rgba(0,0,0,.08);
  padding:1rem 1.5rem;
  transition: transform .25s, box-shadow .25s;
}
.nt-card:hover { transform:translateY(-5px); box-shadow:0 12px 32px rgba(0,0,0,.12); }

/* AVATAR — FOND NEUTRE DORÉ */
.nt-avatar {
  width:100px;
  height:100px;
  border-radius:50%;
  border:5px solid #e4d2aa;
  background:radial-gradient(circle at 30% 30%, #f9f1db 0%, #c7a66e 85%);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-weight:700;
  font-size:1.2rem;
  text-transform:uppercase;
}
.nt-avatar img {
  display:none; /* aucune image par défaut */
}

/* INFOS */
.nt-info { flex:1; display:flex; flex-direction:column; justify-content:center; }
.nt-name { font-size:1.3rem; font-weight:700; }
.nt-function { font-style:italic; color:#c7a66e; margin-bottom:.5rem; }
.nt-shows span { display:block; font-size:.9rem; margin-bottom:.2rem; color:#4a4034; }

/* LIENS SOCIAUX */
.nt-links { margin-top:.5rem; display:flex; gap:.5rem; }
.nt-links a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px; height:32px;
  border-radius:50%;
  border:1px solid #e4d2aa;
  background:#fff;
  transition:.25s;
}
.nt-links a:hover {
  background:#c7a66e;
  border-color:#c7a66e;
  filter:brightness(1.1);
}
.nt-links img {
  width:16px;
  height:16px;
  object-fit:contain;
}

/* RESPONSIVE */
@media(max-width:768px) {
  .nt-card { flex-direction:column; align-items:center; text-align:center; }
  .nt-avatar { width:80px; height:80px; border-width:4px; font-size:1rem; }
  .nt-links { justify-content:center; }
}

/******************************************************
 * HEADER / MENU - Couleurs spécifiques à la page
 ******************************************************/

.page-talents .site-header {
  background:rgba(15,15,16,.85);
  border-bottom:1px solid rgba(201,168,106,.25);
  backdrop-filter:saturate(120%) blur(6px);
}

.page-talents .main-nav a {
  color:#fff !important;
  transition:color .3s ease;
}

.page-talents .main-nav a:hover,
.page-talents .main-nav a.active {
  color:#c7a66e !important;
}

/******************************************************
 * FIN DU FICHIER TALENTS.CSS (Variante B)
 ******************************************************/