/**
 * Caminho: /css/layout/header-responsive.css
 * Fase C — top bar mais compacta no mobile/tablet (aditivo).
 */

.sgv-header {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

.sgv-header-search {
  min-width: 0;
}

.sgv-search-box {
  min-width: 0;
  max-width: 100%;
}

.sgv-search-box input#global-search-input {
  min-width: 0;
  font-size: 0.875rem;
}

/* Dropdown de busca: não estoura a tela no mobile */
.sgv-search-results {
  box-sizing: border-box;
  max-height: min(70vh, 420px);
}

.sgv-search-results #search-results-content {
  max-height: min(60vh, 400px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 639px) {
  /* Avatar um pouco menor no celular */
  .sgv-header-user a#user-avatar-link, .sgv-header-user a.h-10.w-10 {
    width: 2.25rem;
    height: 2.25rem;
    min-width: 2.25rem;
  }

  /* Placeholder já curto; evita ícone de busca ocupar demais */
  .sgv-search-box > .material-symbols-outlined:first-child {
    font-size: 1.25rem;
  }

  /* Botão menu com área de toque confortável */
  #mobile-menu-btn {
    padding: 0.5rem;
  }
}

@media (min-width: 640px) {
  .sgv-search-box input#global-search-input::placeholder {
    content: none;
  }
}

/* Onda A — movido de header.php (perfil/nome) */
/* Nome do usuário: só a partir de sm */
.user-info-block {
    display: none;
}
@media (min-width: 640px) {
    .user-info-block {
        display: block !important;
    }
}
/* Truncar nome longo no tablet */
.user-info-block p:first-child {
    max-width: 9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media (min-width: 1024px) {
    .user-info-block p:first-child {
        max-width: 14rem;
    }
}


/* ========== Onda A follow-up — hardening busca + avatar ========== */
/* Fallbacks quando a página não define todos os tokens Tailwind */
.sgv-search-box {
  background-color: #dae2fd !important; /* surface-container-highest */
  border-color: #c2c6d4;
}
.sgv-search-box input#global-search-input {
  background-color: transparent !important;
  color: #131b2e;
}
.sgv-search-box input#global-search-input::placeholder {
  color: #727784;
}
.sgv-search-box > .material-symbols-outlined {
  color: #424752;
}

/* Avatar: quadrado com cantos arredondados (não círculo) */
#user-avatar-link {
  width: 2.5rem !important;
  height: 2.5rem !important;
  min-width: 2.5rem !important;
  border-radius: 0.75rem !important; /* rounded-xl */
  background-color: #003f87 !important; /* primary */
  color: #ffffff !important;
  border: 2px solid #dae2fd !important;
  overflow: hidden;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

/* Altura/padding do header estável entre páginas */
.sgv-header {
  min-height: 3.5rem !important;
  height: 3.5rem !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  box-sizing: border-box !important;
  align-items: center !important;
}
@media (min-width: 640px) {
  .sgv-header {
    min-height: 4rem !important;
    height: 4rem !important;
  }
}
@media (min-width: 1024px) {
  .sgv-header {
    min-height: 5rem !important;
    height: 5rem !important;
  }
}