/* ActiveFoot — Refonte 3 Lot 7e : navigation publique avec classement général */
.af-pubnav {
  width: min(1120px, calc(100% - 28px));
  margin: 14px auto 18px;
  padding: 14px;
  border: 1px solid rgba(34,197,94,.24);
  border-radius: 24px;
  background:
    radial-gradient(circle at top left, rgba(34,197,94,.18), transparent 34%),
    linear-gradient(135deg, rgba(15,23,42,.92), rgba(2,6,23,.86));
  box-shadow: 0 18px 42px rgba(0,0,0,.24);
}
.af-pubnav--simple { position:relative; top:auto; z-index:1; }
.af-pubnav__head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.af-pubnav__title { font-family: var(--fh, 'Exo 2', sans-serif); font-size: 13px; font-weight: 950; letter-spacing: .14em; text-transform: uppercase; color: #34d399; }
.af-pubnav__hint { margin-top:3px; font-size: 12px; color: var(--tm, #94a3b8); }
.af-pubnav__classic { flex-shrink:0; min-height:32px; padding:7px 10px; border-radius:999px; border:1px solid rgba(148,163,184,.22); background:rgba(15,23,42,.62); color:var(--tm,#94a3b8); font-family:var(--fh,'Exo 2',sans-serif); font-size:11px; font-weight:850; cursor:pointer; }
.af-pubnav__classic:hover { border-color:rgba(34,197,94,.45); color:#d1fae5; }
.af-pubnav__buttons { display:grid; grid-template-columns: 1.25fr repeat(5, minmax(0, 1fr)); gap:10px; align-items:stretch; }
.af-pubnav__btn, .af-pubnav__link { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:48px; padding:10px 12px; border-radius:18px; border:1px solid rgba(148,163,184,.24); background:rgba(15,23,42,.74); color:var(--tx,#e5e7eb); text-decoration:none; font-family:var(--fh,'Exo 2',sans-serif); font-size:14px; font-weight:900; line-height:1.05; cursor:pointer; transition:transform .12s ease,border-color .12s ease,background .12s ease,color .12s ease,box-shadow .12s ease; text-align:center; }
.af-pubnav__btn:hover, .af-pubnav__link:hover { transform:translateY(-1px); border-color:rgba(34,197,94,.55); background:rgba(22,163,74,.16); color:#d1fae5; }
.af-pubnav__btn.is-active { color:#052e16; background:linear-gradient(135deg,#22c55e,#86efac); border-color:rgba(134,239,172,.78); box-shadow:0 10px 28px rgba(34,197,94,.22); }
.af-pubnav__btn--search { color:#052e16; background:linear-gradient(135deg,#facc15,#fde68a); border-color:rgba(250,204,21,.78); box-shadow:0 10px 26px rgba(250,204,21,.18); }
.af-pubnav__btn--search.is-active { background:linear-gradient(135deg,#fde047,#fef3c7); border-color:rgba(253,224,71,.9); color:#422006; }
.af-pubnav__panel { display:none; margin-top:14px; padding-top:14px; border-top:1px solid rgba(148,163,184,.16); }
.af-pubnav.is-search-open .af-pubnav__panel { display:block; }
.af-pubnav__search-title { margin-bottom:8px; font-family:var(--fh,'Exo 2',sans-serif); font-size:13px; font-weight:900; color:#d1fae5; }
.af-pubnav__searchrow { display:flex; gap:10px; align-items:center; margin-bottom:10px; }
.af-pubnav__input { flex:1; width:100%; min-height:46px; border-radius:16px; border:1px solid rgba(148,163,184,.24); background:rgba(2,6,23,.72); color:var(--tx,#e5e7eb); padding:10px 14px; font-size:16px; outline:none; }
.af-pubnav__input:focus { border-color:rgba(34,197,94,.68); box-shadow:0 0 0 3px rgba(34,197,94,.12); }
.af-pubnav__results { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.af-pubnav__result { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 12px; border-radius:16px; border:1px solid rgba(148,163,184,.18); background:rgba(15,23,42,.62); color:var(--tx,#e5e7eb); text-decoration:none; }
.af-pubnav__result:hover { border-color:rgba(34,197,94,.5); background:rgba(22,163,74,.13); }
.af-pubnav__result-main { min-width:0; display:flex; flex-direction:column; gap:2px; }
.af-pubnav__result-name { font-family:var(--fh,'Exo 2',sans-serif); font-size:13px; font-weight:900; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.af-pubnav__result-meta { font-size:11px; color:var(--tm,#94a3b8); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.af-pubnav__result-go { flex-shrink:0; font-size:12px; font-weight:850; color:#86efac; }
.af-pubnav__empty { grid-column:1/-1; border:1px dashed rgba(148,163,184,.24); border-radius:16px; padding:14px; color:var(--tm,#94a3b8); text-align:center; }
.af-pubnav__shortcut { margin-top:10px; color:var(--tm,#94a3b8); font-size:12px; }
.af-pubnav-mini { width:min(1120px, calc(100% - 28px)); margin:12px auto 18px; display:flex; flex-wrap:wrap; gap:8px; }
.af-pubnav-mini .af-pubnav__link { min-height:38px; border-radius:999px; font-size:12px; }

/* Onglets historiques masqués visuellement : IMPORTANT
   .tt-tabs-wrap contient aussi les panels publics dans le rendu existant.
   On ne masque donc jamais .tt-tabs-wrap, sinon Planning / Finales / Classements disparaissent. */
.page-tournament.af-public-simple-nav-enabled .tt-tabs-wrap {
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  position:static !important;
  top:auto !important;
  z-index:auto !important;
  overflow:visible !important;
  background:transparent !important;
  backdrop-filter:none !important;
  border-bottom:0 !important;
  margin-bottom:18px !important;
}
.page-tournament.af-public-simple-nav-enabled .tt-tabs-wrap > .tt-tabs {
  display:none !important;
}
.page-tournament.af-public-simple-nav-enabled .tt-panel {
  visibility:visible !important;
}

@media (max-width: 860px) {
  .af-pubnav { width:calc(100% - 18px); margin:10px auto 14px; padding:10px; border-radius:20px; }
  .af-pubnav--simple { top:auto; }
  .af-pubnav__head { margin-bottom:10px; }
  .af-pubnav__hint { font-size:11px; }
  .af-pubnav__buttons { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .af-pubnav__btn { min-height:48px; padding:9px 10px; border-radius:16px; font-size:13px; }
  .af-pubnav__btn--search { grid-column:1/-1; font-size:15px; min-height:52px; }
  .af-pubnav__results { grid-template-columns:1fr; }
}
@media (max-width:480px) {
  .af-pubnav__title { font-size:12px; }
  .af-pubnav__hint { display:none; }
  .af-pubnav__classic { font-size:10px; padding:6px 8px; }
  .af-pubnav__buttons { gap:7px; }
  .af-pubnav__btn { font-size:12px; min-height:46px; }
  .af-pubnav__btn--search { font-size:15px; min-height:50px; }
}


/* Lot 4a10 — les filtres restent visiblement sélectionnés via le bouton,
   mais on retire le badge texte "actif" après les libellés Jour/Catégorie/Site. */
#pub-day-bar .af-filter-row-has-active > span::after{
  content:'' !important;
  display:none !important;
}
#pub-day-bar .af-filter-row-has-active > span{
  color:var(--ts) !important;
}


/* Lot 5c — la navigation publique ne se superpose plus au contenu. */
.af-public-backtop{
  position:fixed;
  right:16px;
  bottom:calc(18px + env(safe-area-inset-bottom, 0px));
  z-index:9998;
  display:none;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:44px;
  padding:10px 13px;
  border-radius:999px;
  border:1px solid rgba(34,197,94,.42);
  background:rgba(5,20,14,.92);
  color:#d1fae5;
  font-family:var(--fh,'Exo 2',sans-serif);
  font-size:12px;
  font-weight:950;
  letter-spacing:.02em;
  box-shadow:0 18px 50px rgba(0,0,0,.36);
  backdrop-filter:blur(12px);
  cursor:pointer;
  touch-action:manipulation;
}
.af-public-backtop.is-visible{display:inline-flex;}
.af-public-backtop:active{transform:translateY(1px);}
@media(max-width:720px){
  .af-public-backtop{right:12px;bottom:calc(14px + env(safe-area-inset-bottom, 0px));min-width:46px;padding:11px 13px;}
  .af-public-backtop__label{display:none;}
}


/* Lot 7e — le menu public distingue les classements de poules du classement général. */
@media (max-width: 1120px) and (min-width: 861px) {
  .af-pubnav__buttons { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .af-pubnav__btn--search { grid-column: span 1; }
}
