/* RUYA BOTTOM NAV POLISH V1
   Parent active state = Teacher reference
   Admin center Menu = vertical center
*/

@media (max-width:980px){

  /* =====================================================
     VELİ — seçili sekme öğretmen referansı ile aynı
     ===================================================== */

  html body:has(#root .shell.role-parent)
  nav.ruya-r793-bottom-nav.ruya-hf85-parent-fixed-nav
  >button.active,

  html body:has(#root .shell.role-parent)
  .ruyaViewportPortalHost
  nav.ruya-r793-bottom-nav.ruya-hf85-parent-fixed-nav
  >button.active{
    background:none!important;
    background-color:transparent!important;
    background-image:none!important;
    border-color:transparent!important;
    box-shadow:none!important;
    color:#9aa3af!important;
    opacity:1!important;
  }

  html body:has(#root .shell.role-parent)
  nav.ruya-r793-bottom-nav.ruya-hf85-parent-fixed-nav
  >button.active::before,

  html body:has(#root .shell.role-parent)
  nav.ruya-r793-bottom-nav.ruya-hf85-parent-fixed-nav
  >button.active::after,

  html body:has(#root .shell.role-parent)
  .ruyaViewportPortalHost
  nav.ruya-r793-bottom-nav.ruya-hf85-parent-fixed-nav
  >button.active::before,

  html body:has(#root .shell.role-parent)
  .ruyaViewportPortalHost
  nav.ruya-r793-bottom-nav.ruya-hf85-parent-fixed-nav
  >button.active::after{
    content:none!important;
    display:none!important;
    background:none!important;
    box-shadow:none!important;
  }

  html body:has(#root .shell.role-parent)
  nav.ruya-r793-bottom-nav.ruya-hf85-parent-fixed-nav
  >button.active>span,

  html body:has(#root .shell.role-parent)
  nav.ruya-r793-bottom-nav.ruya-hf85-parent-fixed-nav
  >button.active .ruyaBottomNavIcon,

  html body:has(#root .shell.role-parent)
  nav.ruya-r793-bottom-nav.ruya-hf85-parent-fixed-nav
  >button.active>small,

  html body:has(#root .shell.role-parent)
  nav.ruya-r793-bottom-nav.ruya-hf85-parent-fixed-nav
  >button.active svg,

  html body:has(#root .shell.role-parent)
  .ruyaViewportPortalHost
  nav.ruya-r793-bottom-nav.ruya-hf85-parent-fixed-nav
  >button.active>span,

  html body:has(#root .shell.role-parent)
  .ruyaViewportPortalHost
  nav.ruya-r793-bottom-nav.ruya-hf85-parent-fixed-nav
  >button.active .ruyaBottomNavIcon,

  html body:has(#root .shell.role-parent)
  .ruyaViewportPortalHost
  nav.ruya-r793-bottom-nav.ruya-hf85-parent-fixed-nav
  >button.active>small,

  html body:has(#root .shell.role-parent)
  .ruyaViewportPortalHost
  nav.ruya-r793-bottom-nav.ruya-hf85-parent-fixed-nav
  >button.active svg{
    background:none!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    color:#9aa3af!important;
  }


  /* =====================================================
     YÖNETİCİ — sadece ortadaki Menü dikey merkez
     ===================================================== */

  html.ruyaMobileShell body:has(#root .shell.role-admin)
  #ruyaMobileBottomNav
  >button.ruyaMobileCenter{
    position:relative!important;

    display:flex!important;
    flex-direction:column!important;

    align-items:center!important;
    justify-content:center!important;
    align-content:center!important;

    height:56px!important;
    min-height:56px!important;

    margin:0!important;
    padding:0!important;

    transform:none!important;
  }

  html.ruyaMobileShell body:has(#root .shell.role-admin)
  #ruyaMobileBottomNav
  >button.ruyaMobileCenter>span{
    position:static!important;

    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;

    margin:0!important;

    transform:none!important;
  }

  html.ruyaMobileShell body:has(#root .shell.role-admin)
  #ruyaMobileBottomNav
  >button.ruyaMobileCenter>small{
    display:none!important;
  }
}