/* ════════════════════════════════════════════════════════════════
   IT'S RUGBY — STAFF PAGE CSS
   Le design staff calque celui de player → on hérite de
   itsrugby-player.css (chargé en amont via le plugin).
   Ce fichier contient UNIQUEMENT les overrides + classes propres staff.
   ════════════════════════════════════════════════════════════════ */

/* ── KPI grid : 5 colonnes (MJ / V / N / D / %) ── */
.stat-kpi-grid--5cols { grid-template-columns:repeat(5,1fr) !important; }

/* ── Wrap autour du bloc claim (revendication fiche) en bas de view ── */
.staff-claim-wrap { padding-top:12px; padding-bottom:24px; }

/* ── Géo (sub-titre compétition dans le tableau carrière) ── */
.dt-geo { font-size:11px; color:rgba(0,0,0,.5); font-weight:400; }

/* ── Rôle dans la colonne "Équipe rejointe" du tableau Carrière ── */
.tr-role { font-size:10px; color:var(--muted); font-weight:600; margin-left:4px; }

/* ── Ligne historique simple (pas de détail dépliable comme player) ── */
.mh-row--simple { cursor:default; }
.mh-row--simple:hover { background:var(--sage-lt); }

/* ── Profil pro : tags spécialités + liste diplômes ── */
.pro-tag {
  display:inline-block;
  padding:3px 10px;
  margin:2px 4px 2px 0;
  background:var(--sage-lt);
  color:var(--teal);
  font-size:11px;
  font-weight:700;
  letter-spacing:.3px;
  text-transform:uppercase;
  border:1px solid var(--teal);
}
.pro-list { list-style:none; margin:0; padding:0; }
.pro-list li { padding:6px 0; border-bottom:1px solid rgba(196,196,196,.3); font-size:13px; line-height:1.5; }
.pro-list li:last-child { border-bottom:none; }
.pro-list-sub { font-size:11px; color:var(--muted); font-weight:400; }
.pro-card--wide { grid-column:span 2; }
@media (max-width:768px) { .pro-card--wide { grid-column:span 1; } }
.pro-card--edit { grid-column:1/-1; text-align:center; padding:12px; background:var(--sage-lt); }
.pro-edit-btn {
  display:inline-block;
  padding:8px 18px;
  background:var(--teal);
  color:var(--vanilla);
  font-size:12px;
  font-weight:700;
  letter-spacing:.5px;
  text-transform:uppercase;
  text-decoration:none;
  border:none;
  cursor:pointer;
  transition:background .15s;
}
.pro-edit-btn:hover { background:#172713; color:var(--vanilla); text-decoration:none; }

/* ── Hamburger nav (mobile) — surcharge éventuelle staff ── */
.nav-hamburger { display:none; }
.nav-int-items { display:flex; }

/* ════════════════════════════════════════════════════════════════
   RESPONSIVE — overrides staff
   ════════════════════════════════════════════════════════════════ */

@media (max-width:1024px) {
  .stat-kpi-grid--5cols,
  #stats-grid.stat-kpi-grid--5cols { grid-template-columns:repeat(5,1fr) !important; }
}

@media (max-width:768px) {
  body { overflow-x:hidden; }
  .container { padding-left:14px; padding-right:14px; }
  .two-col { grid-template-columns:1fr; }
  .stat-kpi-grid--5cols,
  #stats-grid.stat-kpi-grid--5cols { grid-template-columns:repeat(2,1fr) !important; }
  .stat-kpi { padding:10px; }
  .stat-kpi-val { font-size:22px; }
  .stat-kpi-lbl { font-size:9px; }
  .mobile-hidden { display:none; }
  .data-table { min-width:480px; font-size:11px; }
  .data-table th { padding:7px 8px; font-size:9px; }
  .data-table td { padding:7px 8px; }

  .nav-int-items {
    display:none;
    position:absolute;
    top:100%; left:0; right:0;
    background:var(--white);
    border-bottom:2px solid var(--border);
    box-shadow:0 8px 20px rgba(0,0,0,.1);
    z-index:400;
    flex-direction:column;
  }
  .nav-int-items.open { display:flex; }
  .nav-int-item { height:44px; border-bottom:1px solid var(--border); }
  .nav-int-item:last-child { border-bottom:none; }

  .nav-hamburger {
    display:flex !important;
    align-items:center;
    gap:14px;
    height:46px; width:100%;
    padding:0 20px;
    background:var(--white);
    border:none;
    cursor:pointer;
    user-select:none;
  }
  .nav-hamburger-icon {
    display:flex; flex-direction:column; justify-content:center; gap:5px;
    width:20px; flex-shrink:0;
  }
  .nav-hamburger-icon span {
    display:block; width:20px; height:2px;
    background:var(--teal);
    transition:transform .2s, opacity .2s;
    transform-origin:center;
  }
  .nav-hamburger.open .nav-hamburger-icon span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
  .nav-hamburger.open .nav-hamburger-icon span:nth-child(2) { opacity:0; transform:scaleX(0); }
  .nav-hamburger.open .nav-hamburger-icon span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
  .nav-hamburger-label {
    display:flex; flex-direction:column; flex:1; text-align:left;
  }
  .nav-hb-title {
    font-size:9px; font-weight:700; letter-spacing:1px;
    text-transform:uppercase; color:var(--muted); line-height:1;
  }
  .nav-hamburger-current {
    font-size:13px; font-weight:900; color:var(--teal);
    line-height:1.2; margin-top:1px;
  }
  .nav-hamburger-arrow {
    font-size:12px; color:var(--muted);
    transition:transform .2s; flex-shrink:0;
  }
  .nav-hamburger.open .nav-hamburger-arrow { transform:rotate(180deg); }
}