/*
 * Reyhoon Shop v21.5.77 — Mobile / Tablet bottom navigation redesign.
 * Inspired by the supplied reference: floating rounded dock, five equal actions,
 * centered icons, compact Persian labels and a premium Reyhoon green/gold palette.
 * Desktop is intentionally untouched.
 */
@media (max-width:900px){
  body:not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout){
    padding-bottom:calc(88px + env(safe-area-inset-bottom))!important;
  }

  .rh-mobile-nav{
    position:fixed!important;
    right:10px!important;
    left:10px!important;
    bottom:calc(8px + env(safe-area-inset-bottom))!important;
    width:auto!important;
    height:76px!important;
    min-height:76px!important;
    z-index:10080!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:2px!important;
    padding:7px!important;
    border:1px solid rgba(255,255,255,.28)!important;
    border-radius:28px!important;
    background:linear-gradient(135deg,rgba(33,76,60,.97),rgba(43,91,72,.94) 55%,rgba(161,120,61,.94))!important;
    box-shadow:0 18px 42px rgba(23,63,53,.25),inset 0 1px 0 rgba(255,255,255,.2)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    direction:rtl!important;
    overflow:visible!important;
  }

  .rh-mobile-nav a,
  .rh-mobile-nav button{
    position:relative!important;
    min-width:0!important;
    width:100%!important;
    height:62px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    border:0!important;
    border-radius:20px!important;
    background:transparent!important;
    color:#fff!important;
    text-decoration:none!important;
    font-family:var(--rh-font-v6),Estedad,Tahoma,sans-serif!important;
    cursor:pointer!important;
    padding:3px 2px!important;
    -webkit-tap-highlight-color:transparent!important;
    transition:background .2s ease,transform .18s ease,color .2s ease!important;
  }

  .rh-mobile-nav a:active,
  .rh-mobile-nav button:active{transform:scale(.94)!important;}

  .rh-mobile-nav a.is-active,
  .rh-mobile-nav button:hover{
    background:rgba(255,255,255,.13)!important;
  }

  .rh-mobile-nav span{
    display:grid!important;
    place-items:center!important;
    width:31px!important;
    height:31px!important;
    border-radius:11px!important;
    background:rgba(255,255,255,.13)!important;
    color:#fff!important;
    line-height:1!important;
    font-size:0!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.16)!important;
  }

  .rh-mobile-nav span svg{
    width:19px!important;
    height:19px!important;
    display:block!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.9!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }

  .rh-mobile-nav b{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#fff!important;
    font-size:8px!important;
    font-weight:850!important;
    line-height:1.2!important;
  }

  .rh-mobile-nav-count{
    position:absolute!important;
    top:5px!important;
    right:calc(50% - 21px)!important;
    min-width:17px!important;
    height:17px!important;
    padding:0 4px!important;
    border-radius:99px!important;
    display:none!important;
    place-items:center!important;
    background:#e1bd76!important;
    color:#173f35!important;
    font-style:normal!important;
    font-size:8px!important;
    font-weight:900!important;
    border:2px solid #275b47!important;
    box-shadow:0 4px 10px rgba(0,0,0,.16)!important;
  }

  .rh-mobile-nav-count.is-visible{display:grid!important;}

  /* Keep the dock above the mobile header, cart drawer and WooCommerce overlays. */
  body:not(.rh-cart-open) .rh-mobile-nav{pointer-events:auto!important;}

  body.single-product .rh-mobile-nav,
  body.woocommerce-cart .rh-mobile-nav,
  body.woocommerce-checkout .rh-mobile-nav{display:none!important;}
}

@media (max-width:560px){
  .rh-mobile-nav{
    right:8px!important;
    left:8px!important;
    bottom:calc(7px + env(safe-area-inset-bottom))!important;
    height:74px!important;
    min-height:74px!important;
    padding:6px!important;
    border-radius:27px!important;
  }
  .rh-mobile-nav a,
  .rh-mobile-nav button{height:62px!important;border-radius:19px!important;gap:4px!important;}
  .rh-mobile-nav span{width:30px!important;height:30px!important;border-radius:10px!important;}
  .rh-mobile-nav span svg{width:18px!important;height:18px!important;}
  .rh-mobile-nav b{font-size:7.5px!important;}
  .rh-mobile-nav-count{top:5px!important;right:calc(50% - 20px)!important;min-width:16px!important;height:16px!important;font-size:7px!important;}
}