/* v3.12.13 — Mobil alt menü ve rol menüsü ikon iyileştirmeleri */
.host-nav-summary svg,
.host-nav button svg,
.bottom-nav button svg{
  fill:currentColor!important;
  color:inherit!important;
}
.host-nav-summary svg,
.host-nav button svg{
  filter:none!important;
}
.host-nav button{
  color:#625b72!important;
}
.host-nav button:hover{
  color:#633cdb!important;
}
.host-nav button.active{
  color:#5d36d4!important;
}
.host-nav-summary{
  color:#625a73!important;
}
.host-nav-collapsible[open]>.host-nav-summary{
  color:#5d36d4!important;
}

@media (max-width:900px){
  :root{--mobile-nav-h:76px!important}
  .bottom-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    height:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom,0px))!important;
    padding:5px 8px calc(5px + env(safe-area-inset-bottom,0px))!important;
    margin:0!important;
    border:0!important;
    border-top:1px solid #e3ddef!important;
    border-radius:18px 18px 0 0!important;
    background:rgba(255,255,255,.985)!important;
    box-shadow:0 -12px 30px rgba(47,28,106,.12)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    overflow:hidden!important;
  }
  .bottom-nav button{
    height:66px!important;
    min-height:66px!important;
    padding:5px 2px 4px!important;
    gap:3px!important;
    border-radius:14px!important;
    color:#716a7f!important;
  }
  .bottom-nav button.active{
    color:#673de6!important;
    background:#f1ecff!important;
    box-shadow:inset 0 0 0 1px #ded4ff!important;
  }
  .bottom-nav button>span{
    width:30px!important;
    height:30px!important;
    min-height:30px!important;
    flex:0 0 30px!important;
  }
  .bottom-nav button svg,
  .bottom-nav .nav-icon{
    width:25px!important;
    height:25px!important;
    max-width:25px!important;
    max-height:25px!important;
    fill:currentColor!important;
  }
  .bottom-nav button em{
    font-size:9.8px!important;
    line-height:1.08!important;
    font-weight:700!important;
    letter-spacing:-.02em!important;
  }
  .host-content{
    padding-bottom:calc(var(--mobile-nav-h) + 22px + env(safe-area-inset-bottom,0px))!important;
    scroll-padding-bottom:calc(var(--mobile-nav-h) + 26px + env(safe-area-inset-bottom,0px))!important;
  }
  .pwa-install-btn{
    bottom:calc(var(--mobile-nav-h) + 12px + env(safe-area-inset-bottom,0px))!important;
  }
}

@media (max-width:420px){
  :root{--mobile-nav-h:72px!important}
  .bottom-nav{padding-left:5px!important;padding-right:5px!important}
  .bottom-nav button{height:62px!important;min-height:62px!important}
  .bottom-nav button svg,.bottom-nav .nav-icon{width:23px!important;height:23px!important}
  .bottom-nav button em{font-size:9.2px!important}
}