/* SUPERMATHS V240 — menus toujours visibles + notifications jaunes */

/* 1) Accueil : menu fixe */
.topnav{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:60000!important;
  background:rgba(255,255,255,.96)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  box-shadow:0 5px 18px rgba(21,50,72,.05)!important;
}
body:has(.topnav){padding-top:86px!important}

/* 2) Connexion / inscription : menu fixe */
.site-header.portal-header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:60000!important;
  background:rgba(255,255,255,.97)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  box-shadow:0 5px 18px rgba(21,50,72,.05)!important;
}
body.student-auth-page{padding-top:86px!important}

/* 3) Espaces Élève / Parent / Professeur / Admin : header toujours visible */
#sm26Header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:60000!important;
  background:rgba(255,255,255,.97)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  box-shadow:0 5px 18px rgba(21,50,72,.05)!important;
}

/* Tous les boutons de la barre : même hauteur / même fluidité */
.sm26-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
}

/* Style Groupes conservé comme référence */
.sm26-actions > .cg1-trigger{
  height:42px!important;
  min-height:42px!important;
  border-radius:13px!important;
}

/* Notifications vidéo + cloche générale : JAUNE, même famille visuelle que Groupes */
.sm26-actions > .om1-video-bell,
.sm26-actions > .sm26-notify{
  position:relative!important;
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  min-height:42px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #f1d29c!important;
  border-radius:13px!important;
  background:#fff4df!important;
  color:#9a650d!important;
  box-shadow:0 5px 14px rgba(187,126,21,.10)!important;
  cursor:pointer!important;
  transition:transform .18s ease,background .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
.sm26-actions > .om1-video-bell:hover,
.sm26-actions > .sm26-notify:hover{
  transform:translateY(-1px)!important;
  background:#ffedc5!important;
  border-color:#e8c178!important;
  box-shadow:0 8px 18px rgba(187,126,21,.15)!important;
}

/* Icônes propres et centrées */
.sm26-actions > .om1-video-bell img.om1-video-icon{
  width:25px!important;
  height:25px!important;
  min-width:25px!important;
}
.sm26-actions > .sm26-notify{
  font-size:21px!important;
}

/* Compteurs */
.sm26-actions > .om1-video-bell .om1-course-count,
.sm26-actions > .sm26-notify .sm26-notify-count{
  background:#ff5e6d!important;
  color:#fff!important;
  border:3px solid #fff!important;
  box-shadow:none!important;
}

/* Ordre : notification vidéo, Groupes, cloche, Paiements, Profil */
.sm26-actions > .om1-video-bell{order:-3!important}
.sm26-actions > .cg1-trigger{order:-2!important}
.sm26-actions > .sm26-notify{order:-1!important}

/* Mobile */
@media(max-width:900px){
  body:has(.topnav){padding-top:70px!important}
  body.student-auth-page{padding-top:70px!important}
}
@media(max-width:760px){
  .sm26-actions{gap:6px!important}
  .sm26-actions > .om1-video-bell,
  .sm26-actions > .sm26-notify,
  .sm26-actions > .cg1-trigger{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    border-radius:12px!important;
  }
}