/* V35 — DOCK REAGRUPADO / ESCALA RESTAURADA
   Base direta da V34 funcional. Nao altera game.js nem a logica dos slots.
   Objetivos desta camada:
   - aproximar status <-> hotbar de verdade;
   - devolver presença/tamanho ao dock sem encolher os assets;
   - aproximar hotbar <-> painel direito;
   - transformar as pontas laterais em junções visuais, não caixas soltas.
*/
:root{
  --zk35-h: clamp(112px, 7.25vw, 136px);
  --zk35-status-w: clamp(305px, 19vw, 360px);
  --zk35-center-w: clamp(490px, 30vw, 560px);
  --zk35-right-w: clamp(280px, 17.6vw, 330px);
  --zk35-left: clamp(18px, 2.35vw, 44px);
  --zk35-join-left: 14px;
  --zk35-join-right: 14px;
  --zk35-total-w: calc(var(--zk35-status-w) + var(--zk35-center-w) + var(--zk35-right-w) - var(--zk35-join-left) - var(--zk35-join-right));
}

/* Grupo centralizado como um dock único, mantendo os módulos encostados. */
html body[data-ui-profile] .hunter-status{
  left:calc(50% - (var(--zk35-total-w) / 2))!important;
  bottom:9px!important;
  width:var(--zk35-status-w)!important;
  height:var(--zk35-h)!important;
}
html body[data-ui-profile] .hunter-footer{
  left:calc(50% - (var(--zk35-total-w) / 2) + var(--zk35-status-w) - var(--zk35-join-left))!important;
  bottom:9px!important;
  width:calc(var(--zk35-center-w) + var(--zk35-right-w) - var(--zk35-join-right))!important;
  height:var(--zk35-h)!important;
}
html body[data-ui-profile] .hunter-centerbar::before{
  width:var(--zk35-center-w)!important;
  height:var(--zk35-h)!important;
}
html body[data-ui-profile] .hunter-centerbar .hunter-quick{
  width:var(--zk35-center-w)!important;
}
html body[data-ui-profile] #hotbar{
  width:var(--zk35-center-w)!important;
  height:calc(var(--zk35-h) - clamp(31px,2.05vw,39px))!important;
  top:clamp(27px,1.78vw,34px)!important;
  padding-left:clamp(15px,1vw,19px)!important;
  padding-right:clamp(15px,1vw,19px)!important;
  padding-bottom:clamp(6px,.4vw,8px)!important;
  justify-content:center!important;
  align-content:center!important;
}
html body[data-ui-profile] .hunter-centerbar .combat-settings{
  left:calc(var(--zk35-center-w) - var(--zk35-join-right))!important;
  width:var(--zk35-right-w)!important;
  height:var(--zk35-h)!important;
}

/* Junções: finas, horizontais e parcialmente escondidas sob as molduras.
   Elas fazem as pontas ornamentais parecerem conectores do mesmo dock. */
html body[data-ui-profile] .hunter-footer::before,
html body[data-ui-profile] .hunter-centerbar::after{
  content:""!important;
  position:absolute!important;
  top:43%!important;
  height:18%!important;
  min-height:18px!important;
  pointer-events:none!important;
  z-index:1!important;
  clip-path:polygon(0 24%,18% 0,82% 0,100% 24%,100% 76%,82% 100%,18% 100%,0 76%)!important;
  background:
    linear-gradient(180deg,rgba(26,223,255,.92) 0 7%,transparent 7% 18%,rgba(4,28,56,.98) 18% 82%,transparent 82% 93%,rgba(21,157,255,.92) 93% 100%),
    linear-gradient(90deg,#07172c 0%,#0b4f8e 34%,#082a55 50%,#0b4f8e 66%,#07172c 100%)!important;
  box-shadow:0 0 7px rgba(0,176,255,.48),inset 0 0 0 1px rgba(85,219,255,.52)!important;
}
html body[data-ui-profile] .hunter-footer::before{
  left:calc(-1 * var(--zk35-join-left) - 5px)!important;
  width:calc(var(--zk35-join-left) + 14px)!important;
}
html body[data-ui-profile] .hunter-centerbar::after{
  left:calc(var(--zk35-center-w) - var(--zk35-join-right) - 5px)!important;
  width:calc(var(--zk35-join-right) + 16px)!important;
}

/* Mantém as molduras na frente das pontes: conexão, não bloco lateral. */
html body[data-ui-profile] .hunter-centerbar::before{z-index:2!important}
html body[data-ui-profile] .hunter-centerbar .hunter-quick,
html body[data-ui-profile] #hotbar,
html body[data-ui-profile] .hunter-centerbar .combat-settings{z-index:4!important}

/* Um pouco mais de presença para conteúdo dentro do dock ampliado, sem inflar/esticar os ícones. */
html body[data-ui-profile] #hotbar .action-slot img{width:76%!important;height:76%!important}
html body[data-ui-profile] #hotbar .action-slot .empty-plus{
  font-size:clamp(18px,1.18vw,23px)!important;
}
html body[data-ui-profile] .hunter-centerbar .zk-v34-consumable img{width:80%!important;height:80%!important}

@media(max-width:1180px){
  :root{
    --zk35-left:8px;
    --zk35-h:102px;
    --zk35-status-w:276px;
    --zk35-center-w:430px;
    --zk35-right-w:250px;
    --zk35-join-left:12px;
    --zk35-join-right:12px;
    --zk35-total-w: calc(var(--zk35-status-w) + var(--zk35-center-w) + var(--zk35-right-w) - var(--zk35-join-left) - var(--zk35-join-right));
  }
}
@media(max-width:880px){
  :root{
    --zk35-h:88px;
    --zk35-status-w:238px;
    --zk35-center-w:365px;
    --zk35-right-w:215px;
    --zk35-left:6px;
    --zk35-join-left:10px;
    --zk35-join-right:10px;
    --zk35-total-w: calc(var(--zk35-status-w) + var(--zk35-center-w) + var(--zk35-right-w) - var(--zk35-join-left) - var(--zk35-join-right));
  }
}