@font-face{font-family:"IRANSansWeb";src:url("/fonts/IRANSansWeb.woff2") format("woff2");font-display:swap}

.mobile-nav{display:none!important}

@media(max-width:800px){
  body{padding-bottom:77px!important}
  .mobile-nav{
    position:fixed!important;
    z-index:1000!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    width:100%!important;
    height:72px!important;
    margin:0!important;
    padding:7px 10px calc(5px + env(safe-area-inset-bottom))!important;
    border:0!important;
    border-top:1px solid #e3ebe5!important;
    border-radius:0!important;
    background:rgba(255,255,255,.97)!important;
    box-shadow:0 -7px 25px rgba(30,62,41,.07)!important;
    backdrop-filter:blur(12px)!important;
    direction:rtl!important;
    font-family:"IRANSansWeb",Tahoma,Arial,sans-serif!important;
  }
  .mobile-nav a{
    display:flex!important;
    min-width:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#7d8981!important;
    text-decoration:none!important;
    font-family:inherit!important;
    font-size:8px!important;
    font-weight:400!important;
    line-height:1.4!important;
  }
  .mobile-nav a span{
    display:block!important;
    margin:0!important;
    padding:0!important;
    color:inherit!important;
    font:inherit!important;
    line-height:1.4!important;
    white-space:nowrap!important;
  }
  .mobile-nav i{
    position:relative!important;
    display:block!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:inherit!important;
    font-size:20px!important;
    font-style:normal!important;
    line-height:1!important;
  }
  .mobile-nav .ui-icon{
    display:block!important;
    width:21px!important;
    height:21px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.9!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  .mobile-nav .ui-icon-fill{fill:currentColor!important;stroke:none!important}
  .mobile-nav .mobile-account-badge{
    position:absolute!important;
    top:-8px!important;
    left:-10px!important;
    display:grid!important;
    place-items:center!important;
    min-width:18px!important;
    height:18px!important;
    padding:0 4px!important;
    border:2px solid #fff!important;
    border-radius:999px!important;
    background:#e23b3b!important;
    color:#fff!important;
    font-family:"IRANSansWeb",Tahoma,Arial,sans-serif!important;
    font-size:8px!important;
    font-weight:800!important;
    line-height:1!important;
  }
  .mobile-nav .mobile-account-badge[hidden]{display:none!important}
  .mobile-nav a.active{color:#147a49!important;font-weight:800!important}
  .mobile-nav .mobile-add{
    transform:translateY(-16px)!important;
    color:#147a49!important;
    font-weight:800!important;
  }
  html body .mobile-nav .mobile-add i{
    display:grid!important;
    place-items:center!important;
    width:48px!important;
    height:48px!important;
    margin:0!important;
    border:4px solid #fff!important;
    border-radius:16px!important;
    background:#147a49!important;
    box-shadow:0 7px 17px rgba(20,122,73,.25)!important;
    color:#fff!important;
  }
  html body .mobile-nav .mobile-add .ui-icon{width:23px!important;height:23px!important}
  .mobile-nav .mobile-add span{margin-top:1px!important}

  /* Swap the first (Home) and middle (Knowledge Center) buttons. */
  .mobile-nav a:nth-child(1){order:3!important}
  .mobile-nav a:nth-child(2){order:2!important}
  .mobile-nav a:nth-child(3){order:1!important}
  .mobile-nav a:nth-child(4){order:4!important}
  .mobile-nav a:nth-child(5){order:5!important}

  /* The raised center style now belongs to Home, not Knowledge Center. */
  .mobile-nav a:nth-child(3).mobile-add{
    transform:none!important;
    color:#7d8981!important;
    font-weight:400!important;
  }
  html body .mobile-nav a:nth-child(3).mobile-add i{
    display:block!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:inherit!important;
  }
  html body .mobile-nav a:nth-child(3).mobile-add .ui-icon{
    width:21px!important;
    height:21px!important;
  }
  .mobile-nav a:nth-child(3).mobile-add span{margin-top:0!important}

  .mobile-nav a:nth-child(1){
    transform:translateY(-16px)!important;
    color:#147a49!important;
    font-weight:800!important;
  }
  html body .mobile-nav a:nth-child(1) i{
    display:grid!important;
    place-items:center!important;
    width:48px!important;
    height:48px!important;
    margin:0!important;
    border:4px solid #fff!important;
    border-radius:16px!important;
    background:#147a49!important;
    box-shadow:0 7px 17px rgba(20,122,73,.25)!important;
    color:#fff!important;
  }
  html body .mobile-nav a:nth-child(1) .ui-icon{
    width:23px!important;
    height:23px!important;
  }
  .mobile-nav a:nth-child(1) span{margin-top:1px!important}
}