/* =========================================================
   header.css v11.1 — refinado, responsivo e “blindado”
   ========================================================= */

/* ---------- Variáveis de cor ---------- */
:root{
  --cor-laranja: #ee4d2d;
  --cinza-claro : #f1f1f1;
}

/* ---------- Proteção Geral ---------- */
#site-header,
#site-header *{
  box-sizing:border-box;
  -webkit-tap-highlight-color:transparent;
}

/* ---------- NAV PRINCIPAL ---------- */
#site-header .navbar-main{
  background:#fff;
  padding:.6rem 0;
  border-bottom:1px solid var(--cinza-claro);
}

#site-header .navbar-main .container{
  display:flex; align-items:center; justify-content:center;
  gap:20px; flex-wrap:nowrap;
}

/* ---------- LOGO ---------- */
#site-header .logo-img{
  width:120px!important; height:120px!important;
  object-fit:contain; flex-shrink:0;
}

/* ---------- BUSCA ---------- */
#site-header .search-group{
  display:flex; flex:1 1 auto; max-width:800px; gap:6px;
  min-width:0;
}
#site-header .search-group select{
  max-width:140px; border-radius:30px; padding:.45rem .75rem;
}
#site-header .search-group input[type="search"]{
  flex:1 1 auto; min-width:180px; border-radius:30px;
  padding:.45rem .75rem;
}
#site-header .search-group .btn{
  border-radius:12px;
}
/* Hover da lupa em laranja */
#site-header .search-group .btn:hover,
#site-header .search-group .btn:focus{
  background:var(--cor-laranja)!important;
  border-color:var(--cor-laranja)!important;
  color:#fff!important;
}

/* ---------- Botão “X” de limpar ---------- */
.clear-search{
  position:absolute; right:58px; top:50%;
  transform:translateY(-50%);
  font-size:1.5rem; line-height:1;
  color:#888; cursor:pointer; display:none;
  user-select:none; padding:2px;
}
.clear-search:hover{ color:#555; }

/* ---------- ÍCONES ---------- */
#site-header .navbar-nav{
  display:flex; align-items:center; gap:28px;
  flex-shrink:0; margin:0;
}
#site-header .nav-icon{ font-size:1.3rem; position:relative; cursor:pointer; }
#site-header .nav-icon:focus{
  outline:2px solid var(--cor-laranja); outline-offset:2px;
}

/* Badge */
#site-header .badge-bubble{
  position:absolute; top:-6px; right:-10px;
  background:var(--cor-laranja); color:#fff;
  font-size:.68rem; line-height:17px; min-width:17px; height:17px;
  border-radius:50%; display:flex; align-items:center; justify-content:center;
  pointer-events:none;
}

/* ---------- LINHA LARANJA ---------- */
.header-divider{
  width:100%; height:2px; background:var(--cor-laranja); margin:18px 0;
}

/* ---------- DROPDOWN ---------- */
.dropdown-menu{
  font-family:'Segoe UI',sans-serif; font-size:.95rem;
  border-radius:6px; padding:.3rem 0;
  box-shadow:0 4px 14px rgba(0,0,0,.08);
  min-width:220px; border:1px solid #eee; overflow:hidden; z-index:1050;
}
.dropdown-menu .dropdown-item{
  padding:.65rem 1.2rem;
  border-bottom:1px solid var(--cinza-claro);
  transition:background-color .2s,color .2s;
}
.dropdown-menu .dropdown-item:last-child{ border-bottom:none; }
.dropdown-menu .dropdown-item:hover{
  background:#f9f9f9; color:var(--cor-laranja);
}
.dropdown-menu .dropdown-divider{ margin:.3rem 0; border-color:var(--cinza-claro); }
.dropdown-menu a.dropdown-item.text-danger{ color:#dc3545!important; }

/* ---------- RESPONSIVIDADE ---------- */
@media (max-width:992px){
  #site-header .logo-img{width:90px;height:90px;}
  #site-header .navbar-main .container{gap:14px;}
  #site-header .search-group input[type="search"]{min-width:140px;}
}
@media (max-width:576px){
  #site-header .logo-img{width:70px;height:70px;}
  #site-header .navbar-nav{gap:18px;}
  #site-header .search-group{max-width:100%;}
  #site-header .navbar-main{padding:.4rem 0;}
}