/* ====================== NAVBAR PADRÃO (menu horizontal, fixed-top) ====================== */
.navbar-custom {
  background: #fff;
  border-bottom: 1px solid #ED3237;
  min-height: 70px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  z-index: 1030;
}

.navbar-custom .logo-center {
  display: flex;
  align-items: center;
}

.navbar-custom .logo-img {
  height: 48px;
  width: auto;
  max-height: 52px;
}

/* Toggler: hamburger no mobile */
.navbar-toggler-icon-custom {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23ED3237' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.navbar-custom .btn-menu,
.navbar-custom .navbar-toggler {
  border: none;
  padding: 0.5rem 0.75rem;
  color: #ED3237;
  border-radius: 6px;
  transition: background 0.2s;
}

.navbar-custom .btn-menu:hover,
.navbar-custom .navbar-toggler:hover {
  background: rgba(237, 50, 55, 0.08);
  color: #ED3237;
}

.navbar-custom .btn-menu:focus-visible,
.navbar-custom .navbar-toggler:focus-visible {
  outline: 2px solid #ED3237;
  outline-offset: 2px;
}

/* Links do menu – cores por categoria (igual tags.css) */
.navbar-custom .nav-links .nav-link {
  font-weight: 600;
  font-size: 0.9rem;
  color: #333;
  padding: 0.5rem 0.65rem;
  border-radius: 6px;
  transition: color 0.2s, background 0.2s;
}

.navbar-custom .nav-links .nav-link:hover {
  background: rgba(0, 0, 0, 0.04);
}

.navbar-custom .nav-links .nav-link.active {
  font-weight: 700;
}

/* Brasil */
.navbar-custom .nav-links .nav-link.nav-cat-brasil { color: #009c3b; }
.navbar-custom .nav-links .nav-link.nav-cat-brasil:hover,
.navbar-custom .nav-links .nav-link.nav-cat-brasil.active {
  color: #009c3b;
  background: rgba(0, 156, 59, 0.12);
}

/* Tecnologia */
.navbar-custom .nav-links .nav-link.nav-cat-tecnologia { color: #3498db; }
.navbar-custom .nav-links .nav-link.nav-cat-tecnologia:hover,
.navbar-custom .nav-links .nav-link.nav-cat-tecnologia.active {
  color: #3498db;
  background: rgba(52, 152, 219, 0.12);
}

/* Podcast */
.navbar-custom .nav-links .nav-link.nav-cat-podcast { color: #9b59b6; }
.navbar-custom .nav-links .nav-link.nav-cat-podcast:hover,
.navbar-custom .nav-links .nav-link.nav-cat-podcast.active {
  color: #9b59b6;
  background: rgba(155, 89, 182, 0.12);
}

/* Política */
.navbar-custom .nav-links .nav-link.nav-cat-politica { color: #b33939; }
.navbar-custom .nav-links .nav-link.nav-cat-politica:hover,
.navbar-custom .nav-links .nav-link.nav-cat-politica.active {
  color: #b33939;
  background: rgba(179, 57, 57, 0.12);
}

/* Economia */
.navbar-custom .nav-links .nav-link.nav-cat-economia { color: #706fd3; }
.navbar-custom .nav-links .nav-link.nav-cat-economia:hover,
.navbar-custom .nav-links .nav-link.nav-cat-economia.active {
  color: #706fd3;
  background: rgba(112, 111, 211, 0.12);
}

/* Educação */
.navbar-custom .nav-links .nav-link.nav-cat-educacao { color: #ffb142; }
.navbar-custom .nav-links .nav-link.nav-cat-educacao:hover,
.navbar-custom .nav-links .nav-link.nav-cat-educacao.active {
  color: #d49438;
  background: rgba(255, 177, 66, 0.2);
}

/* Saúde */
.navbar-custom .nav-links .nav-link.nav-cat-saude { color: #227093; }
.navbar-custom .nav-links .nav-link.nav-cat-saude:hover,
.navbar-custom .nav-links .nav-link.nav-cat-saude.active {
  color: #227093;
  background: rgba(34, 112, 147, 0.12);
}

/* Esportes */
.navbar-custom .nav-links .nav-link.nav-cat-esporte { color: #218c74; }
.navbar-custom .nav-links .nav-link.nav-cat-esporte:hover,
.navbar-custom .nav-links .nav-link.nav-cat-esporte.active {
  color: #218c74;
  background: rgba(33, 140, 116, 0.12);
}

/* Cultura */
.navbar-custom .nav-links .nav-link.nav-cat-cultura { color: #ff793f; }
.navbar-custom .nav-links .nav-link.nav-cat-cultura:hover,
.navbar-custom .nav-links .nav-link.nav-cat-cultura.active {
  color: #e66a32;
  background: rgba(255, 121, 63, 0.15);
}

/* Internacional (tags.css: #f7f1e3) */
.navbar-custom .nav-links .nav-link.nav-cat-internacional { color: #6b5b4f; }
.navbar-custom .nav-links .nav-link.nav-cat-internacional:hover,
.navbar-custom .nav-links .nav-link.nav-cat-internacional.active {
  color: #5a4d43;
  background: rgba(247, 241, 227, 0.9);
}

/* Busca compacta na navbar */
.nav-search-form {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

.nav-search-input {
  width: 140px;
  font-size: 0.875rem;
  border-radius: 6px;
  border: 1px solid #dee2e6;
  transition: width 0.2s, border-color 0.2s;
}

.nav-search-input:focus {
  width: 180px;
  border-color: #ED3237;
  box-shadow: 0 0 0 0.2rem rgba(237, 50, 55, 0.15);
}

.btn-search {
  background: #ED3237;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 0.35rem 0.6rem;
  transition: background 0.2s;
}

.btn-search:hover {
  background: #c92a2e;
  color: #fff;
}

/* Login / usuário */
.navbar-custom .login-btn {
  font-weight: 600;
  padding: 0.4rem 0.9rem;
  font-size: 0.875rem;
  background: #ED3237;
  color: #fff !important;
  border-radius: 6px;
  transition: background 0.2s;
}

.navbar-custom .login-btn:hover {
  background: #c92a2e;
  color: #fff !important;
}

.nav-user {
  font-size: 0.875rem;
  color: #555;
}

/* Collapse no mobile: fundo e espaçamento */
.navbar-custom .navbar-collapse {
  margin-top: 0.5rem;
}

@media (max-width: 991.98px) {
  .navbar-custom .navbar-collapse {
    padding: 1rem 0;
    border-top: 1px solid #eee;
  }

  .navbar-custom .nav-links {
    margin-bottom: 1rem;
  }

  .navbar-custom .nav-links .nav-item {
    border-bottom: 1px solid #f0f0f0;
  }

  .navbar-custom .nav-links .nav-link {
    padding: 0.65rem 0.75rem;
    font-size: 1rem;
  }

  .navbar-custom .nav-actions {
    flex-wrap: wrap;
    gap: 0.75rem;
  }

  .nav-search-form {
    order: 1;
    width: 100%;
  }

  .nav-search-input {
    flex: 1;
    width: auto;
    max-width: 100%;
  }
}

@media (min-width: 992px) {
  .navbar-custom .navbar-collapse {
    margin-top: 0;
  }
}