/* =====================================================================
 JobLik 0.33.430 — Gallery mobile bottom navigation, Divar-like geometry
 Scope: gallery pages only, mobile only.
 No gallery cards, header, filters or page content are touched.
 ===================================================================== */
@media (max-width:760px){

  /* Core bar: flat white, thin separator, compact Divar-like height. */
  html body.public-body .jam-bottom-nav{
    position:fixed!important;
    z-index:1300!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;

    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:stretch!important;

    box-sizing:border-box!important;
    height:72px!important;
    min-height:72px!important;
    padding:7px 6px calc(5px + env(safe-area-inset-bottom,0px))!important;
    margin:0!important;

    background:#fff!important;
    border:0!important;
    border-top:1px solid #ececec!important;
    border-radius:0!important;
    box-shadow:none!important;
    direction:rtl!important;
  }

  /* Equal-width items with generous horizontal breathing room. */
  html body.public-body .jam-bottom-nav>a{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:3px!important;

    min-width:0!important;
    width:auto!important;
    height:60px!important;
    margin:0!important;
    padding:1px 2px 0!important;

    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;

    color:#555!important;
    font-family:Vazirmatn,Tahoma,sans-serif!important;
    font-size:11.5px!important;
    line-height:1.25!important;
    font-weight:500!important;
    text-align:center!important;
    white-space:nowrap!important;
    text-decoration:none!important;
  }

  /* Standard icon box, matching Divar's restrained scale. */
  html body.public-body .jam-bottom-nav>a>svg,
  html body.public-body .jam-bottom-nav>a>.jam-nav-icon,
  html body.public-body .jam-bottom-nav>a>i{
    box-sizing:border-box!important;
    flex:0 0 auto!important;
    width:27px!important;
    height:27px!important;
    min-width:27px!important;
    min-height:27px!important;
    max-width:27px!important;
    max-height:27px!important;
    margin:0!important;
    padding:0!important;

    color:currentColor!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;

    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    transform:none!important;
  }

  html body.public-body .jam-bottom-nav>a>svg path,
  html body.public-body .jam-bottom-nav>a>svg circle,
  html body.public-body .jam-bottom-nav>a>svg line,
  html body.public-body .jam-bottom-nav>a>svg polyline{
    vector-effect:non-scaling-stroke!important;
  }

  /* Labels stay visually low and light as in Divar. */
  html body.public-body .jam-bottom-nav>a>span:not(.jam-nav-icon){
    display:block!important;
    margin:0!important;
    padding:0!important;
    min-height:15px!important;
    color:currentColor!important;
    font-size:11.5px!important;
    line-height:15px!important;
    font-weight:500!important;
    white-space:nowrap!important;
  }

  /* Center "post ad" item: no oversized floating treatment.
     Only a 31px outlined plus circle, same optical weight as Divar. */
  html body.public-body .jam-bottom-nav>a:nth-child(3)>svg,
  html body.public-body .jam-bottom-nav>a:nth-child(3)>.jam-nav-icon,
  html body.public-body .jam-bottom-nav>a:nth-child(3)>i{
    width:31px!important;
    height:31px!important;
    min-width:31px!important;
    min-height:31px!important;
    max-width:31px!important;
    max-height:31px!important;
    margin-top:-2px!important;
    background:#fff!important;
    border:1.6px solid #555!important;
    border-radius:50%!important;
    box-shadow:none!important;
    color:#555!important;
  }

  /* Neutral tabs; active gallery tab retains JobLik orange but uses the
     same size/weight hierarchy as Divar's active red tab. */
  html body.public-body .jam-bottom-nav>a.is-active,
  html body.public-body .jam-bottom-nav>a.active,
  html body.public-body .jam-bottom-nav>a[aria-current="page"]{
    color:#e96b13!important;
    font-weight:700!important;
    background:transparent!important;
  }

  html body.public-body .jam-bottom-nav>a.is-active>span:not(.jam-nav-icon),
  html body.public-body .jam-bottom-nav>a.active>span:not(.jam-nav-icon),
  html body.public-body .jam-bottom-nav>a[aria-current="page"]>span:not(.jam-nav-icon){
    color:#e96b13!important;
    font-weight:700!important;
  }

  /* Remove any legacy special elevation/badge from the center item. */
  html body.public-body .jam-bottom-nav>a:nth-child(3)::before,
  html body.public-body .jam-bottom-nav>a:nth-child(3)::after{
    box-shadow:none!important;
  }

  /* Reserve exactly the bar height in scrolling gallery pages. */
  html body.public-body.automotive-mobile-shell-page{
    padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))!important;
  }
}