/* ════════════════════════════════════════════════════════════════
   IT'S RUGBY — PRESIDENT PAGE CSS
   Template-specific styles for the president page
   ════════════════════════════════════════════════════════════════ */

/* ── President-specific: Responsive overrides ── */
@media(max-width:1024px){
  .stat-kpi-grid { grid-template-columns:repeat(3,1fr); }
}
@media(max-width:768px){
  body { overflow-x:hidden; }
  .container { padding-left:14px; padding-right:14px; }
  .stat-kpi-grid { grid-template-columns:repeat(2,1fr); }
  .stat-kpi { padding:10px; }
  .stat-kpi-val { font-size:22px; }
  .stat-kpi-lbl { font-size:9px; }
  .data-table { min-width:480px; font-size:11px; }
  .data-table th { padding:8px 10px; font-size:10px; }
  .data-table td { padding:8px 10px; }
}



/* ── Demo type switcher ── */
.pres-type-switcher { position:fixed; bottom:60px; right:24px; z-index:999; display:flex; gap:4px; }
.pres-type-switcher button { font-size:9px; font-weight:800; letter-spacing:1px; text-transform:uppercase; padding:6px 12px; cursor:pointer; background:var(--white); color:var(--teal); border:1px solid var(--teal); font-family:var(--sans); }
.pres-type-switcher button.active { background:var(--teal); color:#fff; }


/* ── Carriere multi-mandats (CPT its_president regroupe par person_key) ──── */
.pres-carriere-table { width:100%; border-collapse:collapse; background:var(--vanilla); }
.pres-carriere-table th { font-size:10px; font-weight:800; letter-spacing:1px; text-transform:uppercase; color:var(--muted); padding:10px 12px; text-align:left; background:var(--vanilla); border-bottom:1px solid var(--border); }
.pres-carriere-table td { padding:12px; border-bottom:1px solid var(--border); font-size:13px; color:var(--teal); vertical-align:middle; }
.pres-carriere-table tr:last-child td { border-bottom:none; }
.pres-carriere-self td { background:var(--sage-lt); font-weight:600; }
.pres-carriere-type { display:inline-block; font-size:10px; font-weight:800; letter-spacing:.6px; text-transform:uppercase; padding:3px 9px; border:1px solid var(--border); color:var(--teal); background:var(--white); }
.pres-carriere-type--federation { border-color:var(--teal); color:var(--vanilla); background:var(--teal); }
.pres-carriere-type--ligue      { border-color:var(--teal); color:var(--teal); background:var(--vanilla); }
.pres-carriere-type--comite     { border-color:var(--muted); color:var(--muted); background:var(--white); }
.pres-carriere-type--club       { border-color:var(--g-bright); color:var(--teal); background:rgba(142,217,104,.12); }
.pres-carriere-badge { display:inline-block; font-size:10px; font-weight:800; letter-spacing:.5px; text-transform:uppercase; padding:3px 9px; border:1px solid var(--border); }
.pres-carriere-badge--current { color:var(--teal); background:var(--sage-lt); border-color:var(--teal); }
.pres-carriere-badge--past    { color:var(--muted); background:var(--white); border-color:var(--border); }
.its-section-help { font-size:12px; color:var(--muted); margin:0 0 12px; }
@media(max-width:768px){
  .pres-carriere-table { min-width:560px; font-size:11px; }
  .pres-carriere-table th, .pres-carriere-table td { padding:8px 10px; }
}