/* HH Mobile Dock */
/* Mobile only */
.hh-mobile-dock{ display:none; }

@media (max-width: 767px){
  .hh-mobile-dock{
    display:flex;
    position:fixed;
    left:0; right:0; bottom:0;
    z-index:999999;
    height:64px;
    padding:8px 10px calc(8px + env(safe-area-inset-bottom));
    background: rgba(0,0,0,0.92);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-top: 1px solid rgba(255,255,255,0.12);
    justify-content: space-around;
    align-items:center;
  }

  /* prevent content being hidden behind dock */
  body{ padding-bottom: 78px; }
}

.hh-dock-item{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  min-width:120px;
  color:#ffffff;
  text-decoration:none !important;
  font-family: inherit;
  font-weight:600;
}

.hh-dock-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:inherit;
}

.hh-dock-label{
  font-size:12px;
  line-height:1;
  color:inherit;
}

/* Hover / active = gold */
.hh-dock-item:hover,
.hh-dock-item:active,
.hh-dock-item:focus{
  color:#d4a12f;
}

.hh-dock-badge{
  position:absolute;
  top:6px;
  right:34px;
  min-width:18px;
  height:18px;
  padding:0 5px;
  border-radius:999px;
  background:#d4a12f;
  color:#000;
  font-size:11px;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(0,0,0,0.2);
}

@media (max-width: 380px){
  .hh-dock-item{ min-width: 96px; }
  .hh-dock-badge{ right: 26px; }
}