/* ActiveFoot public navigation visibility — safe CSS-only patch */
:root{--af-nav-glow:rgba(34,197,94,.24);--af-nav-blue:rgba(96,165,250,.16)}

/* Bloc de filtres jour / catégorie : plus visible et plus lisible */
#pub-day-bar{
  position:relative!important;
  margin:18px 0 16px!important;
  padding:14px 16px!important;
  border:1px solid rgba(96,165,250,.28)!important;
  border-left:4px solid #22c55e!important;
  background:linear-gradient(135deg,rgba(15,23,42,.98),rgba(10,19,33,.96))!important;
  box-shadow:0 18px 42px rgba(0,0,0,.28),0 0 0 1px rgba(34,197,94,.06) inset!important;
  border-radius:14px!important;
}
#pub-day-bar > div{
  gap:9px!important;
  row-gap:9px!important;
}
#pub-day-bar > div > span{
  min-width:96px!important;
  color:#93a4bd!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:1.1px!important;
  text-transform:uppercase!important;
}
#pub-day-bar button,
#pub-day-bar .af-date-btn,
#pub-day-bar .af-cat-btn{
  min-height:34px!important;
  padding:8px 15px!important;
  border-radius:999px!important;
  border:1px solid rgba(148,163,184,.24)!important;
  background:linear-gradient(180deg,rgba(30,41,59,.95),rgba(15,23,42,.95))!important;
  color:#e5edf8!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.1px!important;
  box-shadow:0 8px 22px rgba(0,0,0,.20)!important;
}
#pub-day-bar button:hover,
#pub-day-bar .af-date-btn:hover,
#pub-day-bar .af-cat-btn:hover{
  border-color:rgba(34,197,94,.62)!important;
  transform:translateY(-1px)!important;
}
#pub-day-bar button[style*="22,163,74"],
#pub-day-bar .af-date-btn[style*="22,163,74"],
#pub-day-bar .af-cat-btn[style*="22,163,74"]{
  background:linear-gradient(180deg,#22c55e,#16a34a)!important;
  color:#052e16!important;
  border-color:rgba(134,239,172,.72)!important;
  box-shadow:0 0 0 3px rgba(34,197,94,.16),0 14px 28px rgba(22,163,74,.24)!important;
}

/* Onglets principaux publics : plus grands, contraste renforcé */
.tt-tabs-wrap{
  margin-top:10px!important;
  margin-bottom:18px!important;
  padding:4px 0 0!important;
  border-bottom:1px solid rgba(148,163,184,.18)!important;
  background:linear-gradient(180deg,rgba(5,10,18,.96),rgba(5,10,18,.88))!important;
}
.tt-tabs{
  gap:8px!important;
  padding:0 0 1px!important;
}
.tt-tab{
  min-height:42px!important;
  padding:10px 13px!important;
  border-radius:12px 12px 0 0!important;
  border:1px solid transparent!important;
  border-bottom:2px solid transparent!important;
  color:#9fb0c8!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:.55px!important;
  background:transparent!important;
}
.tt-tab:hover{
  color:#e5edf8!important;
  border-color:rgba(96,165,250,.22)!important;
  background:rgba(30,41,59,.42)!important;
}
.tt-tab.active{
  color:#22c55e!important;
  border-color:rgba(34,197,94,.30)!important;
  border-bottom-color:#22c55e!important;
  background:linear-gradient(180deg,rgba(34,197,94,.14),rgba(34,197,94,.035))!important;
  box-shadow:0 -1px 0 rgba(34,197,94,.16) inset!important;
}

@media(max-width:760px){
  #pub-day-bar{
    margin:14px -2px 14px!important;
    padding:12px 10px!important;
    border-radius:12px!important;
  }
  #pub-day-bar > div{
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
    padding-bottom:2px!important;
  }
  #pub-day-bar > div::-webkit-scrollbar{display:none!important}
  #pub-day-bar > div > span{
    position:sticky!important;
    left:0!important;
    z-index:1!important;
    min-width:auto!important;
    padding:7px 8px 7px 0!important;
    background:linear-gradient(90deg,rgba(15,23,42,.98),rgba(15,23,42,.85) 72%,rgba(15,23,42,0))!important;
  }
  #pub-day-bar button,
  #pub-day-bar .af-date-btn,
  #pub-day-bar .af-cat-btn{
    flex:0 0 auto!important;
    min-height:36px!important;
    padding:8px 14px!important;
    font-size:12px!important;
  }
  .tt-tabs-wrap{
    top:0!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  .tt-tabs{
    gap:6px!important;
  }
  .tt-tab{
    min-height:44px!important;
    padding:11px 12px!important;
    font-size:12px!important;
  }
}