/* Cabeçalho original: pesquisa e Faça seu orçamento, sem modificar o CSS nativo
 * de alinhamento do logo/menu que já foi aprovado. */
#site-header .site-navigation ul.menu > li.sf-restauro-menu-search,
#site-header .site-navigation ul.menu > li.sf-restauro-menu-budget {
  display: flex; align-items: center; position: relative; padding: 0; margin: 0 0 0 6px;
}
#site-header .sf-restauro-menu-budget > a {
  display: inline-flex; justify-content: center; align-items: center;
  border-radius: 3px; background: #b42424; color: #fff !important;
  padding: 9px 13px; text-align: center; white-space: nowrap;
  font: 500 13px/1.3 Rubik, Roboto, Arial, sans-serif;
  text-decoration: none;
}
#site-header .sf-restauro-menu-budget > a:hover,
#site-header .sf-restauro-menu-budget > a:focus-visible { background:#8c1e1e; color:#fff !important; }
#site-header .sf-restauro-search summary {
  list-style: none; cursor: pointer; width: 35px; height: 38px;
  display: inline-flex; justify-content: center; align-items: center;
  color: #222; font-size: 30px; line-height: 1;
}
#site-header .sf-restauro-search summary::-webkit-details-marker {display:none;}
#site-header .sf-restauro-search summary:hover {color:#b42424;}
#site-header .sf-restauro-search summary:focus-visible,
#site-header .sf-restauro-menu-budget > a:focus-visible {outline:2px solid #b42424; outline-offset:2px;}
#site-header .sf-restauro-search-panel {
  position: absolute; top: calc(100% + 8px); right: 0; z-index: 9999;
  width: min(350px, 90vw); background: #fff; padding: 14px;
  border: 1px solid #ddd; box-shadow: 0 8px 24px rgba(0,0,0,.16);
}
#site-header .sf-restauro-search-panel form {display: flex; flex-wrap: nowrap; gap: 6px; align-items: stretch; margin:0;}
#site-header .sf-restauro-search-panel input[type="search"] {flex:1; width:100%; min-width:0; border:1px solid #bbb; border-radius:3px; padding:9px; font:400 14px/1.4 Roboto,Arial,sans-serif;}
#site-header .sf-restauro-search-panel button {background:#b42424; border:0; border-radius:3px; color:#fff; padding:8px 12px; cursor:pointer; font-size:14px;}
#site-header .screen-reader-text {position:absolute; clip:rect(1px,1px,1px,1px); width:1px; height:1px; overflow:hidden; white-space:nowrap;}
/* A região do menu ganha flexibilidade para evitar que o CTA force o logo a quebrar. */
@media (min-width: 1025px) {
  #site-header .header-inner .site-navigation {min-width: 0; flex: 1 1 auto;}
  #site-header .header-inner {gap: 12px;}
  #site-header .site-navigation ul.menu > li.sf-restauro-menu-budget > a {font-size:clamp(11px, .85vw, 13px);padding:8px 10px;}
}
@media (max-width: 1024px) {
  #site-header .site-navigation ul.menu > li.sf-restauro-menu-search,
  #site-header .site-navigation ul.menu > li.sf-restauro-menu-budget {margin:4px 0;}
  #site-header .sf-restauro-search-panel {position:static; max-width:100%;}
}
