/**
 * header-auth-fix.css v5 — mobile header compacto, sem overlap
 * Identidade: azul #0B1424 + ouro #FACC15
 */

/* ===== Desktop logo ===== */
img.logo-header,
.logo-header,
img.mibilelogo,
img.imagem-logo,
.mibilelogo,
.imagem-logo,
.navtop-color img[src*="Logo"],
.navtop-color img[src*="logo"],
.nav-menu img.mibilelogo,
.nav-bar img.mibilelogo,
a[href="/"] > img,
a[href="/home"] > img {
  height: 48px !important;
  max-height: 48px !important;
  min-height: 0 !important;
  width: auto !important;
  max-width: 200px !important;
  object-fit: contain !important;
  display: block !important;
  flex-shrink: 0 !important;
}

/* Header auth buttons desktop */
button.btn.btn-cta.btn-deposit.cig-btn-login,
button.btn.btn-cta.btn-deposit.cig-btn-register,
button.cig-btn-login,
button.cig-btn-register,
a.cig-btn-login,
a.cig-btn-register {
  flex-shrink: 0 !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  transform: none !important;
}

button.cig-btn-login,
a.cig-btn-login,
button.btn.btn-cta.btn-deposit.cig-btn-login {
  color: #0B1424 !important;
  background: var(--color-primary, #FACC15) !important;
  border: 1px solid var(--color-primary, #FACC15) !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
}

button.cig-btn-register,
a.cig-btn-register,
button.btn.btn-cta.btn-deposit.cig-btn-register {
  color: #0B1424 !important;
  background: #EAB308 !important;
  border: 1px solid #EAB308 !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
}

/* ===== MOBILE: prioridade máxima ===== */
@media (max-width: 768px) {
  /* Barra fixa compacta — vence SPA min-height:65px */
  .nav-menu.menu,
  .nav-menu.relative,
  div.px-3.nav-menu,
  nav.nav-indexx,
  nav.w-full.z-30 {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1000 !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    padding: 0 10px !important;
    overflow: hidden !important;
    background: var(--color-background, #0B1424) !important;
    box-sizing: border-box !important;
  }

  .nav-inner,
  .nav-bar,
  .nav-bar[data-v-6f1b9634] {
    min-height: 52px !important;
    height: 52px !important;
    max-height: 52px !important;
    padding: 0 4px !important;
    gap: 6px !important;
    align-items: center !important;
    justify-content: space-between !important;
    overflow: hidden !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .nav-cluster--left,
  .nav-cluster--right {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    max-height: 36px !important;
    align-items: center !important;
    overflow: hidden !important;
  }

  .nav-cluster--left {
    max-width: 42% !important;
  }

  .nav-cluster--right {
    max-width: 55% !important;
    justify-content: flex-end !important;
  }

  /* esconde gift no mobile para não roubar espaço / parecer botão grande */
  .nav-menu .ocultar123,
  .nav-menu .promo-badge,
  .nav-bar .ocultar123,
  .nav-bar a.promo-badge,
  .nav-menu .fa-gift {
    display: none !important;
  }

  /* logo compacta */
  .nav-menu img.mibilelogo,
  .nav-menu img.logo-header,
  .nav-menu img.imagem-logo,
  .nav-bar img.mibilelogo,
  .nav-bar img.logo-header,
  img.mibilelogo,
  img.logo-header,
  img.imagem-logo {
    height: 28px !important;
    max-height: 28px !important;
    min-height: 0 !important;
    max-width: 100px !important;
    width: auto !important;
  }

  .nav-menu a:has(> img),
  .nav-bar a:has(> img),
  a.custom-component:has(img.mibilelogo) {
    max-width: 100px !important;
    overflow: hidden !important;
    margin: 0 !important;
    flex: 0 1 auto !important;
  }

  /* grupo dos botões — sem ml-5 enorme */
  .nav-cluster--right .flex.ml-5,
  .nav-bar .flex.ml-5,
  .nav-menu .flex.ml-5 {
    margin-left: 4px !important;
    gap: 4px !important;
    align-items: center !important;
    max-height: 30px !important;
  }

  /*
   * Registre-se / Entrar — vence .btn-deposit.new da SPA
   * Classes reais: button.btn.btn-cta.btn-deposit.new.bullsbet
   */
  .nav-menu button.btn,
  .nav-menu button.btn-cta,
  .nav-menu button.btn-deposit,
  .nav-menu button.btn-deposit.new,
  .nav-bar button.btn,
  .nav-bar button.btn-cta,
  .nav-bar button.btn-deposit,
  .nav-bar button.btn-deposit.new,
  button.btn.btn-cta.btn-deposit,
  button.btn.btn-cta.btn-deposit.new,
  button.btn.btn-cta.btn-deposit.bullsbet,
  button.cig-btn-register,
  button.cig-btn-login {
    height: 26px !important;
    min-height: 26px !important;
    max-height: 26px !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    padding: 0 8px !important;
    margin: 0 !important;
    margin-bottom: 0 !important;
    border-radius: 6px !important;
    gap: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    position: relative !important;
    overflow: hidden !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
  }

  /* pseudo-elementos do SPA não aumentam o botão */
  .nav-menu button.btn-deposit::before,
  .nav-menu button.btn-deposit::after,
  .nav-bar button.btn-deposit::before,
  .nav-bar button.btn-deposit::after,
  button.btn-deposit.new::before,
  button.btn-deposit.new::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  button.cig-btn-register,
  .nav-menu button.cig-btn-register,
  .nav-bar button.btn-deposit.cig-btn-register,
  button.btn.btn-cta.btn-deposit.cig-btn-register {
    max-width: 78px !important;
    padding: 0 6px !important;
    color: #E8EEF7 !important;
    background: transparent !important;
    border: 1px solid rgba(250, 204, 21, 0.65) !important;
  }

  button.cig-btn-login,
  .nav-menu button.cig-btn-login,
  .nav-bar button.btn-deposit.cig-btn-login,
  button.btn.btn-cta.btn-deposit.cig-btn-login {
    max-width: 58px !important;
    padding: 0 8px !important;
    color: #0B1424 !important;
    background: var(--color-primary, #FACC15) !important;
    border: 1px solid var(--color-primary, #FACC15) !important;
  }

  button.btn-deposit.new:hover,
  button.btn-cta:hover,
  button.cig-btn-login:hover,
  button.cig-btn-register:hover {
    transform: none !important;
    box-shadow: none !important;
  }

  /* conteúdo não passa por baixo da barra fixa */
  #ondagamesv1 > div.relative.min-h-screen,
  #ondagamesv1 > div > div.relative.min-h-screen,
  .relative.min-h-screen {
    padding-top: 52px !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 360px) {
  button.cig-btn-register,
  .nav-menu button.cig-btn-register,
  button.btn.btn-cta.btn-deposit.cig-btn-register {
    max-width: 70px !important;
    font-size: 9px !important;
    padding: 0 5px !important;
  }
  button.cig-btn-login,
  .nav-menu button.cig-btn-login {
    max-width: 52px !important;
    font-size: 9px !important;
  }
  .nav-menu img.mibilelogo,
  img.mibilelogo {
    max-width: 88px !important;
    height: 26px !important;
    max-height: 26px !important;
  }
}

/* ===== Login / Cadastro contraste (inalterado visual) ===== */
.card-header-info .badge-highlight,
.register-card .badge-highlight,
.login-card .badge-highlight,
.badge-highlight {
  color: var(--color-primary, #FACC15) !important;
  opacity: 1 !important;
  font-weight: 700 !important;
}

.card-header-info .card-title,
.register-card .card-title,
.login-card .card-title,
.card-title {
  color: #ffffff !important;
  opacity: 1 !important;
}

.card-header-info .card-subtitle,
.register-card .card-subtitle,
.login-card .card-subtitle,
.card-subtitle,
.login-card label,
.register-card label {
  color: #CBD5E1 !important;
  opacity: 1 !important;
}

.login-card input,
.register-card input,
.auth-wrapper input,
body.cig-auth-page input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) {
  color: #F1F5F9 !important;
  background-color: #121E35 !important;
  border: 1px solid #1A2B4A !important;
  opacity: 1 !important;
  caret-color: var(--color-primary, #FACC15) !important;
}

.login-card input::placeholder,
.register-card input::placeholder,
body.cig-auth-page input::placeholder {
  color: #94A3B8 !important;
  opacity: 1 !important;
}

.login-card input:focus,
.register-card input:focus,
body.cig-auth-page input:focus {
  border-color: var(--color-primary, #FACC15) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary, #FACC15) 35%, transparent) !important;
  outline: none !important;
}

.login-card button[type="submit"],
.register-card button[type="submit"],
.auth-wrapper button[type="submit"],
body.cig-auth-page button[type="submit"] {
  color: #0B1424 !important;
  background: var(--color-primary, #FACC15) !important;
  border: 1px solid var(--color-primary, #FACC15) !important;
  font-weight: 700 !important;
  opacity: 1 !important;
}

.login-card a,
.register-card a,
.auth-wrapper a,
body.cig-auth-page a[href*="password"] {
  color: var(--color-primary, #FACC15) !important;
  opacity: 1 !important;
}

/* Auth header no topo */
body.cig-auth-page .nav-menu,
body:has(.auth-wrapper) .nav-menu,
body:has(.login-card) .nav-menu {
  position: fixed !important;
  top: 0 !important;
  z-index: 1000 !important;
}

/* ===== v6: Registre-se amarelo + gap 10px ===== */
button.cig-btn-register,
.nav-menu button.cig-btn-register,
.nav-bar button.cig-btn-register,
button.btn.btn-cta.btn-deposit.cig-btn-register,
.nav-menu button.btn.btn-cta.btn-deposit.cig-btn-register {
  color: #0B1424 !important;
  background: #EAB308 !important;
  background-color: #EAB308 !important;
  border: 1px solid #EAB308 !important;
  box-shadow: 0 2px 8px rgba(234, 179, 8, 0.35) !important;
  font-weight: 700 !important;
}
button.cig-btn-register:hover,
button.btn.btn-cta.btn-deposit.cig-btn-register:hover,
.nav-menu button.cig-btn-register:hover {
  background: #FACC15 !important;
  background-color: #FACC15 !important;
  border-color: #FACC15 !important;
  box-shadow: 0 4px 12px rgba(250, 204, 21, 0.45) !important;
  transform: none !important;
}
button.cig-btn-login,
.nav-menu button.cig-btn-login,
button.btn.btn-cta.btn-deposit.cig-btn-login {
  color: #0B1424 !important;
  background: #FACC15 !important;
  background-color: #FACC15 !important;
  border: 1px solid #FACC15 !important;
  box-shadow: 0 2px 8px rgba(250, 204, 21, 0.3) !important;
}
@media (max-width: 768px) {
  .nav-cluster--right .flex,
  .nav-cluster--right .flex.ml-5,
  .nav-bar .flex.ml-5,
  .nav-menu .flex.ml-5 {
    gap: 10px !important;
    column-gap: 10px !important;
  }
  .nav-menu button.cig-btn-register + button.cig-btn-login,
  .nav-bar button.cig-btn-register + button.cig-btn-login,
  .nav-menu button.btn-deposit + button.btn-deposit,
  .nav-bar button.btn-deposit + button.btn-deposit {
    margin-left: 10px !important;
  }
  button.cig-btn-register,
  .nav-menu button.cig-btn-register,
  button.btn.btn-cta.btn-deposit.cig-btn-register {
    color: #0B1424 !important;
    background: #EAB308 !important;
    background-color: #EAB308 !important;
    border: 1px solid #EAB308 !important;
    box-shadow: 0 2px 8px rgba(234, 179, 8, 0.35) !important;
  }
}

/* ===== v7: logo mobile maior (só logo — botões intactos) ===== */
@media (max-width: 768px) {
  .nav-menu img.mibilelogo,
  .nav-menu img.logo-header,
  .nav-menu img.imagem-logo,
  .nav-bar img.mibilelogo,
  .nav-bar img.logo-header,
  img.mibilelogo,
  img.logo-header,
  img.imagem-logo,
  .mibilelogo,
  .imagem-logo {
    height: 38px !important;
    max-height: 38px !important;
    min-height: 0 !important;
    max-width: 140px !important;
    width: auto !important;
    object-fit: contain !important;
  }
  .nav-menu a:has(> img),
  .nav-bar a:has(> img),
  a.custom-component:has(img.mibilelogo),
  a.custom-component:has(img.logo-header) {
    max-width: 140px !important;
    height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
  }
  .nav-cluster--left {
    max-width: 48% !important;
  }
}
@media (max-width: 360px) {
  .nav-menu img.mibilelogo,
  img.mibilelogo,
  img.logo-header {
    height: 34px !important;
    max-height: 34px !important;
    max-width: 124px !important;
  }
  .nav-menu a:has(> img),
  a.custom-component:has(img.mibilelogo) {
    max-width: 124px !important;
    height: 34px !important;
  }
}

/* ===== v8: remove linha amarela sob a logo ===== */
.nav-menu a.router-link-active:has(img.mibilelogo),
.nav-menu a.router-link-active:has(img.logo-header),
.nav-menu a.router-link-exact-active:has(img.mibilelogo),
.nav-menu a.router-link-exact-active:has(img.logo-header),
.nav-bar a.router-link-active:has(img),
.nav-menu a.custom-component:has(img.mibilelogo),
.nav-menu a.custom-component:has(img.logo-header),
.nav-menu a.flex.align-items.custom-component:has(img),
a.router-link-active.flex.align-items.custom-component:has(img.mibilelogo),
a.router-link-active.flex.align-items.custom-component:has(img.logo-header),
a.router-link-exact-active.flex.align-items.custom-component:has(img) {
  border: 0 !important;
  border-bottom: 0 !important;
  border-bottom-width: 0 !important;
  border-bottom-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  text-decoration: none !important;
}
.nav-menu a.router-link-active:has(img)::after,
.nav-menu a.router-link-active:has(img)::before,
.nav-menu a.custom-component:has(img)::after,
.nav-menu a.custom-component:has(img)::before {
  display: none !important;
  content: none !important;
  border: 0 !important;
  height: 0 !important;
  background: transparent !important;
}

/* ===== v8: PC — Registre-se / Entrar mesmo padrão compacto ===== */
@media (min-width: 769px) {
  .nav-cluster--right .flex,
  .nav-cluster--right .flex.ml-5,
  .nav-bar .flex.ml-5,
  .nav-menu .flex.ml-5 {
    gap: 10px !important;
    column-gap: 10px !important;
    align-items: center !important;
    margin-left: 8px !important;
  }

  .nav-menu button.btn,
  .nav-menu button.btn-cta,
  .nav-menu button.btn-deposit,
  .nav-menu button.btn-deposit.new,
  .nav-bar button.btn,
  .nav-bar button.btn-cta,
  .nav-bar button.btn-deposit,
  .nav-bar button.btn-deposit.new,
  button.btn.btn-cta.btn-deposit,
  button.btn.btn-cta.btn-deposit.new,
  button.btn.btn-cta.btn-deposit.bullsbet,
  button.cig-btn-register,
  button.cig-btn-login,
  a.cig-btn-register,
  a.cig-btn-login {
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    padding: 0 14px !important;
    margin: 0 !important;
    border-radius: 8px !important;
    gap: 0 !important;
    transform: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    max-width: none !important;
    min-width: 0 !important;
    width: auto !important;
  }

  .nav-menu button.btn-deposit::before,
  .nav-menu button.btn-deposit::after,
  .nav-bar button.btn-deposit::before,
  .nav-bar button.btn-deposit::after,
  button.btn-deposit.new::before,
  button.btn-deposit.new::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  button.cig-btn-register,
  .nav-menu button.cig-btn-register,
  .nav-bar button.cig-btn-register,
  button.btn.btn-cta.btn-deposit.cig-btn-register,
  a.cig-btn-register {
    color: #0B1424 !important;
    background: #EAB308 !important;
    background-color: #EAB308 !important;
    border: 1px solid #EAB308 !important;
    box-shadow: 0 2px 8px rgba(234, 179, 8, 0.30) !important;
  }

  button.cig-btn-login,
  .nav-menu button.cig-btn-login,
  .nav-bar button.cig-btn-login,
  button.btn.btn-cta.btn-deposit.cig-btn-login,
  a.cig-btn-login {
    color: #0B1424 !important;
    background: #FACC15 !important;
    background-color: #FACC15 !important;
    border: 1px solid #FACC15 !important;
    box-shadow: 0 2px 8px rgba(250, 204, 21, 0.30) !important;
  }

  button.cig-btn-register:hover,
  button.cig-btn-login:hover,
  button.btn.btn-cta.btn-deposit.cig-btn-register:hover,
  button.btn.btn-cta.btn-deposit.cig-btn-login:hover {
    background: #FDE047 !important;
    background-color: #FDE047 !important;
    border-color: #FDE047 !important;
    transform: none !important;
    box-shadow: 0 3px 10px rgba(250, 204, 21, 0.40) !important;
  }
}


/* cig-banner-top-no-double-pad: avoid 52px + 52px black gap above home banner */
@media (max-width: 1024px) {
  #ondagamesv1 > div.relative .relative.min-h-screen,
  #ondagamesv1 > div > div.relative.min-h-screen {
    padding-top: 0 !important;
  }
}