/*--------------------------------------------------------------
# footer.css — Tikito Tattoo — Rodapé + nav inferior mobile (logo central)
# Usado por: includes/footer.php (e replicado inline no index.php)
# Obs: o bloco visual do rodapé em si (.footer-tikito, .ftr-*) já
# está definido em main.css. Este arquivo cobre só a bottom-nav nova.
--------------------------------------------------------------*/

.tk-mobile-nav{
  display:none;position:fixed;bottom:0;left:0;right:0;z-index:750;
  background:transparent;border-top:none;
  padding-bottom:max(4px,env(safe-area-inset-bottom));
  overflow:visible;transform:translateZ(0);will-change:transform;
}
.tk-mobile-nav::after{
  content:'';position:absolute;left:0;right:0;top:28px;bottom:0;
  background:#080808;z-index:0;box-shadow:0 -4px 16px rgba(0,0,0,.3);
}
.tk-nav-curve{
  position:absolute;top:0;left:0;width:100%;height:30px;
  overflow:visible;z-index:1;pointer-events:none;display:block;
}
.tk-mobile-inner{ display:flex;position:relative;z-index:2; }
.tk-mob-item{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  color:var(--muted);text-decoration:none;min-height:52px;transition:.2s;
  padding:6px 4px;background:none;border:none;border-radius:8px;
  font-family:inherit;cursor:pointer;
}
.tk-mob-item i{font-size:1.15rem;margin-bottom:2px}
.tk-mob-item span{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}
.tk-mob-item.active,.tk-mob-item:hover{color:var(--gold-light)}

.tk-mob-fab-wrap{
  flex:0 0 64px;display:flex;justify-content:center;align-items:flex-end;
  position:relative;padding-bottom:max(5px,env(safe-area-inset-bottom));
}
.tk-mob-fab{
  position:relative;z-index:3;width:52px;height:52px;border-radius:50%;
  background:#060606;border:2px solid var(--gold);
  box-shadow:0 4px 16px var(--gold-glow),0 0 0 4px rgba(201,169,97,.1);
  display:flex;align-items:center;justify-content:center;
  transform:translateY(-16px);cursor:pointer;text-decoration:none;
  transition:transform .25s,box-shadow .25s;padding:0;
}
.tk-mob-fab:active{transform:translateY(-12px) scale(.93)}
.tk-mob-fab img{width:34px;height:34px;object-fit:contain;border-radius:50%}

@media(max-width:960px){
  .tk-mobile-nav{display:block}
  body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}
}