/* ===========================
   NAVBAR NETFLIX BASE
=========================== */

.navbar-netflix {
  padding: 1rem 2rem;
  background: rgba(0,0,0,0.65);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

.navbar-brand {
  font-weight: 900;
  font-size: 1.4rem;
  letter-spacing: .06em;
  display: flex;
  gap: 8px;
  align-items: center;
}

.site-title {
  color: var(--site-title-color, #e50914);
}

/* ===========================
   📱 MOBILE FIX DEFINITIVO
=========================== */

@media (max-width: 480px) {

  .navbar-netflix .container-fluid {
    display: flex;
    align-items: flex-start;
  }

  .brand-wrap {
    display: flex;
    gap: 8px;
    flex: 1;
    min-width: 0;
    align-items: flex-start;
  }

  .site-title {
    font-size: 0.95rem;
    line-height: 1.1;
    white-space: normal;
    word-break: break-word;
  }

  .navbar-toggler {
    margin-left: auto;
    margin-top: 2px;
    align-self: flex-start;
  }

}