/* ==== Layout global ==== */
.player-layout{
  display: grid;
  grid-template-columns: 1.3fr 0.9fr;
  gap: 28px;
  align-items: start;
  max-width: 1200px;
  margin: 0 auto;
}

/* Colonne principale (gauche) */
.player-main > * + *{ margin-top: 22px; }

/* Colonne latérale (droite) */
.player-side > * + *{ margin-top: 18px; }

/* ==== Cartes réutilisables (Parcours / Stats) ==== */
.sagaa-card{
  background:#fff;
  border-radius:14px;
  box-shadow:0 10px 24px rgba(0,0,0,.06);
  padding:22px;
}
.sagaa-card h3{
  margin:0 0 14px 0;
  font-size:18px;
  line-height:1.25;
}

/* Tables propres */
.sagaa-table{
  width:100%;
  border-collapse:collapse;
  table-layout: fixed;
}
.sagaa-table th,
.sagaa-table td{
  padding:10px 12px;
  border-bottom:1px solid #eef0f2;
  text-align:left;
  vertical-align:middle;
  word-break:break-word;
}
.sagaa-table th{
  font-weight:600;
  color:#334155; /* slate-700 */
  background:#f8fafc; /* light header */
}
.sagaa-table tr:last-child td{ border-bottom:none; }

/* Alignements numériques utiles pour les stats */
.sagaa-table td.num{ text-align:right; }

/* ===== Tableau stats joueur - scroll horizontal sur mobile ===== */

/* Le conteneur qui permet le scroll */
.sagaa-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Tableau normal */
.sagaa-table {
    border-collapse: collapse;
    width: 100%;
}

/* Tableau stats joueurs - version mobile */
@media (max-width: 768px) {

    .sagaa-table {
        min-width: 850px;     /* un peu plus large pour respirer */
        width: auto;
        table-layout: auto;   /* laisse le navigateur répartir les largeurs */
    }

    .sagaa-table th,
    .sagaa-table td {
        white-space: nowrap !important;
        padding: 6px 8px;
        font-size: 12px;
    }

    /* Seule la colonne CLUB peut revenir à la ligne */
    .sagaa-table th:nth-child(2),
    .sagaa-table td:nth-child(2) {
        white-space: normal !important;
        word-break: break-word;
    }
}
/* Boutons d'action en ligne (si tu utilises .sagaa-fe-actions) */
.sagaa-fe-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:0 0 18px 0;
}

/* ==== Responsive ==== */
@media (max-width: 1024px){
  .player-layout{
    grid-template-columns: 1fr;
  }
  .player-side{ order: 2; }
  .player-main{ order: 1; }
}

@media (max-width: 640px){
  .sagaa-card{ padding:16px; }
  .sagaa-table th, .sagaa-table td{ padding:8px 10px; }
}
	
/* Footer SAGAA - fin, discret, sans crédit Astra */
.site-primary-footer-wrap,
.ast-small-footer-wrap,
.site-footer {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.site-footer {
  font-size: 12px !important;
  line-height: 1.3 !important;
  border-top: 1px solid #e5e7eb !important;
}

/* Cache le crédit Astra quelle que soit la version */
.site-footer .ast-footer-credit,
.site-footer a[href*="wpastra.com"],
.site-footer a[href*="wpastra"],
.site-footer .ast-footer-copyright a[href*="wpastra"] {
  display: none !important;
}

/* Évite les grands espaces résiduels */
.ast-builder-grid-row-container-inner {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Lien SAGAA dans le menu */
.site-title a,
.header-logo a,
.menu-item a[href="https://soft.sagaa.fr/"] {
  color: #2563eb !important;   /* même bleu que tes boutons / liens actifs */
  text-decoration: none !important; /* retire le soulignement */
  font-weight: 700; /* même épaisseur que le reste du menu */
}

/* Effet au survol */
.site-title a:hover,
.header-logo a:hover {
  color: #1e40af !important; /* bleu un peu plus foncé au hover */
  text-decoration: none !important;
}

/* ==== MISE EN PAGE BLOCS PLAYER ====
   (Photo/Radar - Profil - Tests/Parcours - Stats - Notes/Liens)
============================================================ */

/* Bloc pleine largeur */
.block-full {
  margin-bottom: 18px;
}

/* Grille 2 colonnes réutilisable (photo/radar, tests/parcours, notes/liens) */
.block-double {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-top: 20px;
}

@media (max-width: 900px) {
  .block-double {
    grid-template-columns: 1fr;
  }
}

/* Section Profil */
.sagaa-dl {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 18px;
}
.sagaa-dl > div {
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 6px;
}
.sagaa-dl dt {
  font-weight: 600;
  color: #111;
}
.sagaa-dl dd {
  margin: 0;
}

/* Stats table */
.block-stats {
  margin-top: 20px;
}
.stats-wrap table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
.stats-wrap th,
.stats-wrap td {
  border-bottom: 1px solid #e5e7eb;
  padding: 6px 8px;
  text-align: left;
}
.stats-wrap th {
  font-weight: 600;
  background: #f9fafb;
}

/* Texte secondaire */
.muted {
  color: #6b7280;
  font-style: italic;
}

/* conteneur centré */
.player-page{
  max-width:1100px;
  margin:0 auto;
  padding:0 12px;
}

/* grille 2 colonnes réutilisable */
.player-2col{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:16px; }
.block-double{ display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.block-full{ margin-bottom:16px; }

/* cartes */
.card{ background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:16px; }
.card h3{ margin:0 0 8px; font-size:18px; }

/* image + radar */
.card.photo img,
.card.photo .ph{ width:100%; height:auto; display:block; border-radius:8px; }
.radar-wrap canvas,.radar-wrap svg,.radar-wrap img{ max-width:100%; height:auto; display:block; margin:0 auto; }

/* responsive */
@media (max-width:900px){ .player-2col,.block-double{ grid-template-columns:1fr; } }

.player-links .sagaa-link-row{
  display:flex; align-items:center; gap:8px; margin:6px 0;
}
.player-links .sagaa-link-row .ico{
  display:inline-flex; line-height:0; color:#2563eb;
}
.player-links a{
  color:#2563eb; text-decoration:none; font-weight:600;
}
.player-links a:hover{ color:#1e40af; }

/* Bloc liens simplifié */
.player-links-clean {
  margin-top: 16px;
  border: none;
  background: none;
  box-shadow: none;
  padding: 0;
}

.player-links-clean h3 {
  margin-bottom: 6px;
  font-size: 18px;
  font-weight: 700;
}

.player-links-clean a {
  color: #2563eb;
  text-decoration: none;
  font-weight: 600;
}

.player-links-clean a:hover {
  color: #1e40af;
  text-decoration: underline;
}

.player-links-clean p {
  margin: 4px 0;
}


/* Bloc Liens propre (sans carte, sans bordure) */
.player-links-clean{
  margin-top:16px;
  padding:0;
  border:none;
  background:transparent;
  box-shadow:none;
}

/* Titre */
.player-links-clean h3{
  margin:0 0 8px;
  font-size:18px;
  font-weight:700;
}

/* Ligne de lien avec icône */
.player-links-clean .link-row{
  display:flex;
  align-items:center;
  gap:8px;
  margin:6px 0;
}

.player-links-clean .ico{
  line-height:0;
  display:inline-flex;
  color:#2563eb; /* même bleu que tes liens */
}

/* Lien bleu propre */
.player-links-clean a{
  color:#2563eb;
  text-decoration:none;
  font-weight:600;
}
.player-links-clean a:hover{
  color:#1e40af;
  text-decoration:underline;
}

/* Sécurité : si un vieux markup injecte un <strong>Liens</strong> au début, on le cache */
.player-links-clean > strong:first-child{
  display:none;
}

.player-links-clean ul > li:first-child strong,
.player-links-clean p:first-child strong {
  display: none !important;
}

.section-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 10px;
  font-weight: 700;
}

.sagaa-ico {
  display: inline-block;
  color: #2563eb;
  width: 20px;
  height: 20px;
}

.section-title .sagaa-ico {
  background: #eaf2ff;
  border-radius: 10px;
  padding: 3px;
}

/* Supprime tout pseudo-signe injecté avant les titres de cartes */
.sagaa-card h3::before,
.section-title::before {
  content: none !important;
}

/* Sécu : aucun marqueur de liste ne doit apparaître */
.sagaa-card h3 { list-style: none; }
.sagaa-card h3.section-title {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Icône inline propre */
.section-title svg {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-right: 6px;
  flex-shrink: 0;
}

.section-title::marker { content: none; 
}


/* ======================================================
   SAGAA MENU ICON PACK — ASTRA HEADER
   ====================================================== */

/* Alignement de base */
#ast-hf-menu-1 .menu-item > a.menu-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  position: relative;
  padding-left: 0;
}

/* Icône : taille, couleur, espacement */
#ast-hf-menu-1 .menu-item > a.menu-link::before {
  content: "";
  width: var(--ico-size, 18px);
  height: var(--ico-size, 18px);
  background: currentColor; /* suit la couleur du texte */
  -webkit-mask: var(--ico) no-repeat center / 100% 100%;
  mask: var(--ico) no-repeat center / 100% 100%;
  opacity: 0.9;
  transition: all 0.25s ease-in-out;
}

/* Survol */
#ast-hf-menu-1 .menu-item > a.menu-link:hover::before {
  opacity: 1;
  transform: scale(1.1);
}

/* Menu actif (gras léger) */
#ast-hf-menu-1 .current-menu-item > a.menu-link {
  font-weight: 600;
}

/* ---------- ICONES PAR PAGE ---------- */

/* Players 👤 */
#ast-hf-menu-1 a.menu-link[href$="/players/"] {
  --ico: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 24 24'>\
<path d='M16 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2Z'/>\
<circle cx='10' cy='8' r='4'/>\
<path d='M22 21v-2a4 4 0 0 0-3-3.87'/>\
<path d='M16 3.13a4 4 0 0 1 0 7.75'/>\
</svg>");
}

/* Staffs 👥 */
#ast-hf-menu-1 a.menu-link[href$="/staffs/"],
#ast-hf-menu-1 a.menu-link[href$="/staff/"] {
  --ico: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 24 24'>\
<path d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Z'/>\
<path d='M3 21a9 9 0 0 1 18 0Z'/>\
</svg>");
}

/* Soumettre un joueur âž• */
#ast-hf-menu-1 a.menu-link[href*='soumettre-un-joueur'] {
  --ico: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 24 24'>\
<circle cx='12' cy='12' r='9'/>\
<rect x='11' y='6' width='2' height='12' rx='1'/>\
<rect x='6' y='11' width='12' height='2' rx='1'/>\
</svg>");
}

/* Soumettre un staff 🧩 */
#ast-hf-menu-1 a.menu-link[href*='soumettre-un-staff'] {
  --ico: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 24 24'>\
<path d='M3 17a5 5 0 0 1 5-5h4a5 5 0 0 1 5 5v3H3z'/>\
<circle cx='10' cy='7' r='3'/>\
<rect x='18' y='6' width='5' height='2' rx='1'/>\
<rect x='20' y='4' width='2' height='6' rx='1'/>\
</svg>");
}

/* Connexion / Déconnexion 🔑 */
#ast-hf-menu-1 a.menu-link[href*='connexion'],
#ast-hf-menu-1 a.menu-link[href*='login'],
#ast-hf-menu-1 a.menu-link[href*='deconnexion'],
#ast-hf-menu-1 a.menu-link[href*='logout'] {
  --ico: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 24 24'>\
<path d='M3 4h11a2 2 0 0 1 2 2v3h-3V7H6v10h7v-2h3v3a2 2 0 0 1-2 2H3z'/>\
<path d='M21 12l-4-4v3h-6v2h6v3z'/>\
</svg>");
}

/* ======================================================
   OPTIONS DE STYLE PERSONNALISABLES
   ====================================================== */

/* Taille globale */
:root {
  --ico-size: 18px; /* 16px, 20px, 22px... */
}

/* Couleur fixe SAGAA (désactive currentColor) */
#ast-hf-menu-1 .menu-item > a.menu-link::before {
  background: #2563eb;
}

/* Optionnel : effet léger de hover */
#ast-hf-menu-1 .menu-item > a.menu-link:hover {
  color: #1e3a8a;
}


/* === SAGAA RADAR (nouvelle version, 2025) === */
:root {
  --radar-stroke: 1.6;                     /* épaisseur du contour */
  --radar-grid: #e2e8f0;                   /* gris clair (cercles du fond) */
  --radar-line: #0072ff;                   /* bleu SAGAA principal */
  --radar-fill: rgba(0, 114, 255, 0.20);   /* fond semi-transparent */
  --radar-text: #0f172a;                   /* texte (titres/axes) */
}

.card.radar {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  padding: 16px 18px 24px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  transition: box-shadow .3s ease;
}

.card.radar:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.card.radar h3.section-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 18px;
  font-weight: 600;
  color: var(--radar-line);
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 6px;
  margin-bottom: 10px;
}

.radar-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 0 4px;
  overflow: hidden;
}

.radar svg {
  width: 100%;
  max-width: 320px;
  height: auto;
}

.radar text {
  font-size: 12px;
  fill: var(--radar-text);
  text-transform: capitalize;
}

.radar line,
.radar circle {
  stroke: var(--radar-grid);
  stroke-width: 1;
}

.radar polygon {
  fill: var(--radar-fill);
  stroke: var(--radar-line);
  stroke-width: var(--radar-stroke);
  transition: all .3s ease;
}

.radar polygon:hover {
  fill: rgba(0, 114, 255, 0.35);
  stroke-width: 2;
}

/* petit ajustement responsive */
@media (max-width: 768px) {
  .card.radar h3.section-title {
    font-size: 16px;
    justify-content: center;
  }
  .radar svg {
    max-width: 260px;
  }
}

/* === Icônes menu — base ::before (robuste) === */
:is(#ast-hf-menu-1, .main-header-menu, .ast-builder-menu-1) a.menu-link::before{
  content:"";
  display:inline-block;
  width:18px; height:18px;
  margin-right:8px;
  vertical-align:-2px;
  background: currentColor !important;
  -webkit-mask: var(--ico) no-repeat center/18px 18px;
          mask: var(--ico) no-repeat center/18px 18px;
}

/* === Soumettre un joueur — user-plus === */
:is(#ast-hf-menu-1, .main-header-menu, .ast-builder-menu-1)
a.menu-link[href*="soumettre-un-joueur"]{
  --ico: url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black">\
  <circle cx="8" cy="8" r="4"/>\
  <path d="M14 21a7 7 0 0 0-12 0"/>\
  <rect x="17" y="5" width="2" height="6" rx="0.5"/>\
  <rect x="15" y="7" width="6" height="2" rx="0.5"/>\
</svg>') !important;
}

/* (Optionnel) Soumettre un staff — users-plus */
:is(#ast-hf-menu-1, .main-header-menu, .ast-builder-menu-1)
a.menu-link[href*="soumettre-un-staff"]{
  --ico: url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black">\
  <circle cx="7.5" cy="8" r="3.5"/>\
  <path d="M13 20a6.5 6.5 0 0 0-11 0"/>\
  <circle cx="16.5" cy="9" r="2.5"/>\
  <path d="M22 20a5.5 5.5 0 0 0-7.5-4.9"/>\
  <rect x="18" y="4" width="2" height="5" rx="0.4"/>\
  <rect x="16.5" y="5.5" width="5" height="2" rx="0.4"/>\
</svg>') !important;
}

/* Connexion / Déconnexion — porte + flèche (plusieurs slugs) */
:is(#ast-hf-menu-1, .main-header-menu, .ast-builder-menu-1)
a.menu-link[href*="connexion"],
:is(#ast-hf-menu-1, .main-header-menu, .ast-builder-menu-1)
a.menu-link[href*="deconnexion"],
:is(#ast-hf-menu-1, .main-header-menu, .ast-builder-menu-1)
a.menu-link[href*="login"],
:is(#ast-hf-menu-1, .main-header-menu, .ast-builder-menu-1)
a.menu-link[href*="logout"]{
  --ico: url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black">\
  <path d="M13 3h7a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1h-7v-2h6V5h-6z"/>\
  <path d="M11 16l-5-4 5-4v3h8v2h-8z"/>\
</svg>') !important;
}

/* === MENU ICONS — FIXED, FORCE DISPLAY === */
:is(#ast-hf-menu-1, .main-header-menu, .ast-builder-menu-1) a.menu-link::before{
  content: "" !important;
  display: inline-block !important;
  width: var(--ico-size,18px) !important;
  height: var(--ico-size,18px) !important;
  margin-right: 8px !important;
  background: currentColor !important;
  -webkit-mask: var(--ico) no-repeat center / 100% 100% !important;
          mask: var(--ico) no-repeat center / 100% 100% !important;
  opacity: .95;
}

/* === MENU SAGAA : icônes BLEUES + lien actif bleu === */

/* Couleur par défaut du texte du menu */
:is(#ast-hf-menu-1, .main-header-menu, .ast-builder-menu-1) a.menu-link{
  color:#1f2937; /* slate-800 */
}

/* Icône : toujours bleue */
:is(#ast-hf-menu-1, .main-header-menu, .ast-builder-menu-1) a.menu-link::before{
  content:"";
  display:inline-block;
  width:18px;height:18px;margin-right:8px;vertical-align:-2px;
  background:#2563eb !important;                          /* bleu SAGAA */
  -webkit-mask: var(--ico) no-repeat center/18px 18px;
          mask: var(--ico) no-repeat center/18px 18px;
  opacity:1;
}

/* Lien ACTIF = texte bleu + léger gras */
:is(#ast-hf-menu-1, .main-header-menu, .ast-builder-menu-1) .current-menu-item > a.menu-link,
:is(#ast-hf-menu-1, .main-header-menu, .ast-builder-menu-1) .current_page_item > a.menu-link{
  color:#2563eb !important; font-weight:600;
}

/* (sécurités : forcer l'actif selon l'URL) */
:is(#ast-hf-menu-1, .main-header-menu, .ast-builder-menu-1) a.menu-link[href$="/players/"].current,
:is(#ast-hf-menu-1, .main-header-menu, .ast-builder-menu-1) a.menu-link[href$="/staffs/"].current{
  color:#2563eb !important;
}

/* ====== Définition des icônes (data-URI) ====== */

/* Players */
:is(#ast-hf-menu-1, .main-header-menu, .ast-builder-menu-1) a.menu-link[href$="/players/"]{
  --ico: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2Z"/><circle cx="10" cy="8" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>');
}

/* Staffs */
:is(#ast-hf-menu-1, .main-header-menu, .ast-builder-menu-1) a.menu-link[href$="/staffs/"],
:is(#ast-hf-menu-1, .main-header-menu, .ast-builder-menu-1) a.menu-link[href$="/staff/"]{
  --ico: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Z"/><path d="M3 21a9 9 0 0 1 18 0Z"/></svg>');
}

/* Soumettre un joueur (user-plus) */
:is(#ast-hf-menu-1, .main-header-menu, .ast-builder-menu-1) a.menu-link[href*="soumettre-un-joueur"]{
  --ico: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="8" cy="8" r="4"/><path d="M14 21a7 7 0 0 0-12 0"/><rect x="17" y="5" width="2" height="6" rx="0.5"/><rect x="15" y="7" width="6" height="2" rx="0.5"/></svg>');
}

/* Soumettre un staff (users-plus) */
:is(#ast-hf-menu-1, .main-header-menu, .ast-builder-menu-1) a.menu-link[href*="soumettre-un-staff"]{
  --ico: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="7.5" cy="8" r="3.5"/><path d="M13 20a6.5 6.5 0 0 0-11 0"/><circle cx="16.5" cy="9" r="2.5"/><path d="M22 20a5.5 5.5 0 0 0-7.5-4.9"/><rect x="18" y="4" width="2" height="5" rx="0.4"/><rect x="16.5" y="5.5" width="5" height="2" rx="0.4"/></svg>');
}

/* Connexion / Déconnexion (porte + flèche) — couvre plusieurs slugs */
:is(#ast-hf-menu-1, .main-header-menu, .ast-builder-menu-1)
a.menu-link[href*="connexion"],
:is(#ast-hf-menu-1, .main-header-menu, .ast-builder-menu-1)
a.menu-link[href*="deconnexion"],
:is(#ast-hf-menu-1, .main-header-menu, .ast-builder-menu-1)
a.menu-link[href*="login"],
:is(#ast-hf-menu-1, .main-header-menu, .ast-builder-menu-1)
a.menu-link[href*="logout"],
:is(#ast-hf-menu-1, .main-header-menu, .ast-builder-menu-1)
a.menu-link[href*="wp-login.php"],
:is(#ast-hf-menu-1, .main-header-menu, .ast-builder-menu-1)
a.menu-link[href*="my-account"]{
  --ico: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 4h11a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3z"/><path d="M21 12l-5-5v3H9v4h7v3z"/></svg>');
}

/* Connexion / Déconnexion — même mécanique que les autres (via --ico) */
:is(#ast-hf-menu-1, .main-header-menu, .ast-builder-menu-1)
.menu-item.sagaa-login-link > a.menu-link{
  --ico: url('data:image/svg+xml;utf8,\
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black">\
    <path d="M3 4h11a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3z"/>\
    <path d="M21 12l-5-5v3H9v4h7v3z"/>\
  </svg>');
}

/* ==== Connexion / Déconnexion — forcer l'icône, quoi qu'il arrive ==== */
:is(#ast-hf-menu-1, .ast-builder-menu-1, .main-header-menu)
.menu-item.sagaa-login-link > a.menu-link,
:is(#ast-hf-menu-1, .ast-builder-menu-1, .main-header-menu)
a.menu-link[href*="connexion"],
:is(#ast-hf-menu-1, .ast-builder-menu-1, .main-header-menu)
a.menu-link[href*="deconnexion"],
:is(#ast-hf-menu-1, .ast-builder-menu-1, .main-header-menu)
a.menu-link[href*="login"],
:is(#ast-hf-menu-1, .ast-builder-menu-1, .main-header-menu)
a.menu-link[href*="logout"]{
  /* on pose l’icône via la même variable que les autres */
  --ico: url('data:image/svg+xml;utf8,\
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black">\
    <path d="M3 4h11a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3z"/>\
    <path d="M21 12l-5-5v3H9v4h7v3z"/>\
  </svg>') !important;

  /* s’assure que le lien a la bonne présentation (comme les autres) */
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* si jamais le ::before générique est absent, on le remet ici */
:is(#ast-hf-menu-1, .ast-builder-menu-1, .main-header-menu)
.menu-item.sagaa-login-link > a.menu-link::before{
  content:"" !important;
  width: var(--ico-size, 18px) !important;
  height: var(--ico-size, 18px) !important;
  background: currentColor !important;
  -webkit-mask: var(--ico) no-repeat center/100% 100% !important;
          mask: var(--ico) no-repeat center/100% 100% !important;
  margin-right: 8px !important;
  vertical-align: -2px !important;
}

/* ==== Icône Connexion / Déconnexion — version finale (classe sur LI) ==== */
#ast-hf-menu-1 li.sagaa-login-link > a.menu-link {
  --ico: url('data:image/svg+xml;utf8,\
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black">\
    <path d="M3 4h11a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3z"/>\
    <path d="M21 12l-5-5v3H9v4h7v3z"/>\
  </svg>') !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* Force l'affichage du ::before comme les autres icônes */
#ast-hf-menu-1 li.sagaa-login-link > a.menu-link::before {
  content: "" !important;
  width: var(--ico-size, 18px) !important;
  height: var(--ico-size, 18px) !important;
  background: currentColor !important;
  -webkit-mask: var(--ico) no-repeat center / 100% 100% !important;
          mask: var(--ico) no-repeat center / 100% 100% !important;
  margin-right: 8px !important;
  vertical-align: -2px !important;
}

/* Couleur bleue comme les autres */
#ast-hf-menu-1 li.sagaa-login-link > a.menu-link::before {
  background: #2563eb !important;
}

/* Quand tu passes dessus ou si c’est actif */
#ast-hf-menu-1 li.sagaa-login-link > a.menu-link:hover,
#ast-hf-menu-1 li.sagaa-login-link > a.menu-link:hover::before {
  color: #1e3a8a !important;
  background: #1e3a8a !important;
}

/* Fix: remove big navy hover for the login item */
#ast-hf-menu-1 li.sagaa-login-link { 
  background: transparent !important;
}
#ast-hf-menu-1 li.sagaa-login-link:hover,
#ast-hf-menu-1 li.sagaa-login-link:focus,
#ast-hf-menu-1 li.sagaa-login-link:active {
  background: transparent !important;
}

/* Keep the link compact, with subtle rounding (no slab) */
#ast-hf-menu-1 li.sagaa-login-link > a.menu-link{
  padding: 0 6px !important;
  border-radius: 6px !important;
  background: transparent !important;
}

/* On hover: only color changes (no background) */
#ast-hf-menu-1 li.sagaa-login-link > a.menu-link:hover{
  color: #1e3a8a !important;               /* text */
}
#ast-hf-menu-1 li.sagaa-login-link > a.menu-link:hover::before{
  background: #1e3a8a !important;           /* icon */
}

/* Stop Astra's navy hover background on the login item */
#ast-hf-menu-1 li.sagaa-login-link > a.menu-link,
#ast-hf-menu-1 li.sagaa-login-link > a.menu-link:hover,
#ast-hf-menu-1 li.sagaa-login-link > a.menu-link:focus,
#ast-hf-menu-1 li.sagaa-login-link > a.menu-link:active,
#ast-hf-menu-1 li.sagaa-login-link > a.menu-link::before,
#ast-hf-menu-1 li.sagaa-login-link > a.menu-link:hover::before,
#ast-hf-menu-1 li.sagaa-login-link > a.menu-link:focus::before {
  background: transparent !important;
  box-shadow: none !important;
}

/* Keep it compact and only tint text+icon on hover */
#ast-hf-menu-1 li.sagaa-login-link > a.menu-link {
  padding: 0 6px !important;
  border-radius: 6px !important;
}
#ast-hf-menu-1 li.sagaa-login-link > a.menu-link:hover {
  color: #1e3a8a !important;
}
#ast-hf-menu-1 li.sagaa-login-link > a.menu-link:hover::before {
  background: #1e3a8a !important; /* icon tint */
}

/* === ASTRA MOBILE MENU ICONS — compatible SAGAA === */
.ast-mobile-popup-inner a.menu-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  position: relative !important;
  padding-left: 0 !important;
}

/* Rétablit l'affichage des icônes sur mobile */
.ast-mobile-popup-inner a.menu-link::before {
  content: "" !important;
  width: var(--ico-size, 18px) !important;
  height: var(--ico-size, 18px) !important;
  background: #2563eb !important;
  -webkit-mask: var(--ico) no-repeat center / 100% 100% !important;
          mask: var(--ico) no-repeat center / 100% 100% !important;
  opacity: 0.9 !important;
  margin-right: 8px !important;
  vertical-align: -2px !important;
}

/* Survol / actif */
.ast-mobile-popup-inner a.menu-link:hover,
.ast-mobile-popup-inner a.menu-link:focus {
  color: #1e3a8a !important;
}
.ast-mobile-popup-inner a.menu-link:hover::before {
  background: #1e3a8a !important;
}

/* === Ajustements spécifiques mobile === */
@media (max-width: 768px) {
  /* icônes plus petites et mieux centrées */
  .ast-mobile-popup-inner a.menu-link::before {
    width: 16px !important;
    height: 16px !important;
    margin-right: 6px !important;
    opacity: 1 !important;
  }

  /* texte légèrement plus grand pour lisibilité */
  .ast-mobile-popup-inner a.menu-link {
    font-size: 16px !important;
    line-height: 1.4 !important;
    padding: 6px 0 !important;
  }

  /* couleur de survol douce */
  .ast-mobile-popup-inner a.menu-link:hover {
    color: #1e40af !important;
  }
}

/* En-tête titre + boutons (Joueur & Staff) — alignement nickel */
.player-page .page-head,
.staff-page  .page-head{
  display:flex;
  align-items:center;          /* aligne le titre sur la hauteur des boutons */
  justify-content:space-between;
  gap:16px;
  padding-top:14px;            /* espace sous le menu */
  margin-bottom:12px;
}

.player-page h1.player-title,
.staff-page  h1.player-title{
  margin:0;                    /* retire la marge par défaut du <h1> */
  line-height:1.05;            /* réduit la boîte du titre pour mieux centrer */
}

.player-page .sagaa-page-actions,
.staff-page  .sagaa-page-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0;                    /* on laisse .page-head gérer les espacements */
  align-self:center;           /* s’aligne sur l’axe vertical du titre */
}

/* Micro-nudge optionnel si le titre reste 1–2px plus bas/haut que les boutons */
.player-page .page-head,
.staff-page  .page-head{
  --title-nudge: 0px;          /* essaie 1px ou -1px si besoin */
}
.player-page h1.player-title,
.staff-page  h1.player-title{
  transform: translateY(var(--title-nudge));
}

/* Mobile */
@media (max-width:640px){
  .player-page .page-head,
  .staff-page  .page-head{
    align-items:stretch;
    gap:12px;
    padding-top:12px;
    margin-bottom:10px;
  }
}