/* =========================================================
   BOTTOM NAV — MATCH REFERENCE MOBILE UI
   Only visual/interaction layer. Existing routes are untouched.
   ========================================================= */
@media (max-width:700px){
  body{
    padding-bottom:58px !important;
  }

  .bottom{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    width:100% !important;
    height:58px !important;
    min-height:58px !important;
    display:grid !important;
    grid-template-columns:repeat(5,1fr) !important;
    z-index:99995 !important;
    background:linear-gradient(180deg,#73551a 0%,#4c370d 100%) !important;
    border-top:1px solid #c18f27 !important;
    box-shadow:0 -2px 8px rgba(0,0,0,.35) !important;
  }

  .bottom>a{
    height:58px !important;
    min-height:58px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-right:1px solid #1c1509 !important;
    background:transparent !important;
    color:#fff !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-decoration:none !important;
    box-sizing:border-box !important;
  }

  .bottom>a:last-child{
    border-right:0 !important;
  }

  .bottom>a:hover,
  .bottom>a:active,
  .bottom>a:focus-visible{
    background:rgba(255,210,80,.08) !important;
  }

  .bottom .content{
    width:100% !important;
    height:58px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:2px !important;
    font-size:9px !important;
    line-height:1 !important;
    font-weight:900 !important;
    color:#fff !important;
    text-align:center !important;
  }

  .bottom .bottom-ico{
    width:28px !important;
    height:28px !important;
    display:grid !important;
    place-items:center !important;
    line-height:1 !important;
    flex:0 0 28px !important;
  }

  .bottom .bottom-ico svg{
    width:26px !important;
    height:26px !important;
    display:block !important;
    stroke-width:2 !important;
  }

  .bottom .bottom-icon-home svg{
    fill:none !important;
    stroke:#fff !important;
  }
  .bottom .bottom-icon-promo svg{
    stroke:#ff9f31 !important;
  }
  .bottom .bottom-icon-event svg{
    stroke:#ffd04a !important;
  }
  .bottom .bottom-icon-chat svg{
    stroke:#63bff7 !important;
  }
  .bottom .bottom-icon-livechat svg{
    stroke:#ff5b3d !important;
  }

  .bottom .bottom-livechat .content > span:last-child{
    color:#fff !important;
  }

  /* Keep the official LiveChat widget above the bottom bar. */
  body.lc-desktop .lc-widget,
  body.lc-mobile .lc-widget,
  [data-livechat-widget]{
    z-index:100000 !important;
  }
}