/* ============================================================
   Logotipo Mister RickRoss (wordmark) + ajustes de navegacao
   ------------------------------------------------------------
   O guia de aplicacao da marca usa o logotipo SOZINHO no header,
   sem o sigilo. Este arquivo aplica isso e conserta a faixa de
   largura em que o menu de 11 itens nunca coube de verdade: antes
   o logo em texto quebrava em duas linhas e escondia o problema,
   deixando a navbar com 142px de altura.
   ============================================================ */

.logo-wordmark{
  display:block;
  height:46px;
  width:auto;
  flex:0 0 auto;
}

/* o bloco do logo NUNCA encolhe: e imagem, nao quebra linha */
.navbar .logo,.footer-logo{flex:0 0 auto;gap:0}

/* restos do logo antigo nao aparecem, mesmo se sobrar markup */
.logo .logo-icon,.logo .logo-text,
.footer-logo .logo-icon,.footer-logo .logo-text{display:none !important}

.footer-logo .logo-wordmark{height:54px}

/* ---- 1101 a 1400: cabe, mas so apertando o menu ---- */
@media (max-width:1400px) and (min-width:1101px){
  .nav-menu{gap:18px}
  .nav-link{font-size:13px;letter-spacing:.5px}
  .nav-link.nav-lang{padding:5px 10px;font-size:11px;letter-spacing:1px}
  .logo-wordmark{height:42px}
}

/* ---- ate 1100: nao cabe de jeito nenhum, entra o hamburger ----
   (o CSS original so fazia isso abaixo de 768px)                */
@media (max-width:1100px){
  .nav-menu{
    position:fixed;top:80px;left:-100%;
    width:100%;height:calc(100vh - 80px);
    background:rgba(10,10,10,.98);
    flex-direction:column;padding:40px;gap:28px;
    transition:var(--transition);
  }
  .nav-menu.active{left:0}
  .hamburger{display:flex}
  .logo-wordmark{height:40px}
}

@media (max-width:768px){ .logo-wordmark{height:34px} .footer-logo .logo-wordmark{height:44px} }
@media (max-width:420px){ .logo-wordmark{height:29px} }