/* ==========================================================
   CARROS LAGARTO 10.32.207
   BUSCA + BOTÃO BUSCAR — PADRÃO GLOBAL DA HOME
   ========================================================== */

:root{
  --clc-search207-green:#63E600;
  --clc-search207-dark:#0e1711;
  --clc-search207-text:#111814;
  --clc-search207-muted:#68716d;
}

/*
 * A Home continua sendo a referência e não é reestruturada.
 * Nas demais superfícies, o JS acrescenta .clc-search-standard-207.
 */
html body:not(.wp-admin) .clc-search-standard-207{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 104px!important;
  align-items:center!important;
  gap:5px!important;
  width:100%!important;
  max-width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:5px!important;
  border:1px solid rgba(99,230,0,.17)!important;
  border-radius:12px!important;
  background:var(--clc-search207-dark)!important;
  background-image:none!important;
  box-shadow:0 6px 16px rgba(0,0,0,.20)!important;
  box-sizing:border-box!important;
}

/* Formulários que também possuem um seletor de ordenação/filtro. */
html body:not(.wp-admin) .clc-search-standard-207.clc-search-standard-207--has-select{
  grid-template-columns:minmax(0,1fr) minmax(118px,150px) 104px!important;
}

/* Busca ao vivo sem botão (ex.: Favoritos). */
html body:not(.wp-admin) .clc-search-standard-207.clc-search-standard-207--input-only{
  display:block!important;
}

/* Campo de busca — branco igual à Home. */
html body:not(.wp-admin) .clc-search-standard-207 input[type="search"],
html body:not(.wp-admin) input.clc-search-standard-input-207[type="search"]{
  display:block!important;
  grid-area:auto!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  margin:0!important;
  padding:0 11px!important;
  border:1px solid #d8dedb!important;
  border-radius:9px!important;
  outline:0!important;
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
  color:var(--clc-search207-text)!important;
  -webkit-text-fill-color:var(--clc-search207-text)!important;
  caret-color:var(--clc-search207-text)!important;
  font-family:inherit!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:500!important;
  box-shadow:none!important;
  opacity:1!important;
  box-sizing:border-box!important;
  appearance:auto!important;
}

html body:not(.wp-admin) .clc-search-standard-207 input[type="search"]::placeholder,
html body:not(.wp-admin) input.clc-search-standard-input-207[type="search"]::placeholder{
  color:var(--clc-search207-muted)!important;
  -webkit-text-fill-color:var(--clc-search207-muted)!important;
  opacity:1!important;
}

html body:not(.wp-admin) .clc-search-standard-207 input[type="search"]:focus,
html body:not(.wp-admin) input.clc-search-standard-input-207[type="search"]:focus{
  border-color:var(--clc-search207-green)!important;
  box-shadow:0 0 0 3px rgba(99,230,0,.14)!important;
}

/* Selects ficam com a mesma altura/raio do campo, sem alterar a função. */
html body:not(.wp-admin) .clc-search-standard-207 select.clc-search-standard-select-207{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  min-width:0!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  margin:0!important;
  padding:0 30px 0 10px!important;
  border:1px solid #d8dedb!important;
  border-radius:9px!important;
  outline:0!important;
  background-color:#fff!important;
  color:var(--clc-search207-text)!important;
  -webkit-text-fill-color:var(--clc-search207-text)!important;
  font-family:inherit!important;
  font-size:11px!important;
  font-weight:600!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}

/* Botão Buscar — verde oficial, mesmo peso e arredondamento da Home. */
html body:not(.wp-admin) .clc-search-standard-207 .clc-search-standard-button-207,
html body:not(.wp-admin) .clc-search-standard-207 button.clc-search-standard-button-207,
html body:not(.wp-admin) .clc-search-standard-207 input.clc-search-standard-button-207[type="submit"],
html body:not(.wp-admin) .clc-search-standard-207 input.clc-search-standard-button-207[type="button"]{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  grid-area:auto!important;
  width:104px!important;
  min-width:104px!important;
  max-width:104px!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  margin:0!important;
  padding:0 9px!important;
  border:1px solid var(--clc-search207-green)!important;
  border-radius:9px!important;
  outline:0!important;
  background:var(--clc-search207-green)!important;
  background-color:var(--clc-search207-green)!important;
  background-image:none!important;
  color:#050807!important;
  -webkit-text-fill-color:#050807!important;
  font-family:inherit!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:950!important;
  text-align:center!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  text-shadow:none!important;
  box-shadow:none!important;
  opacity:1!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
}

html body:not(.wp-admin) .clc-search-standard-207 .clc-search-standard-button-207:hover,
html body:not(.wp-admin) .clc-search-standard-207 .clc-search-standard-button-207:focus,
html body:not(.wp-admin) .clc-search-standard-207 .clc-search-standard-button-207:active{
  background:var(--clc-search207-green)!important;
  background-color:var(--clc-search207-green)!important;
  color:#050807!important;
  transform:none!important;
  filter:none!important;
  box-shadow:0 0 0 3px rgba(99,230,0,.12)!important;
}

/* Ícones internos não mudam a proporção do botão. */
html body:not(.wp-admin) .clc-search-standard-207 .clc-search-standard-button-207 svg{
  width:17px!important;
  height:17px!important;
  max-width:17px!important;
  max-height:17px!important;
}

/* Favoritos: a busca é ao vivo e não possui botão. */
html body:not(.wp-admin) .clc-fav-search.clc-search-standard-207{
  padding:5px!important;
  border:1px solid rgba(99,230,0,.17)!important;
  border-radius:12px!important;
  background:var(--clc-search207-dark)!important;
}

/* Corrige wrappers que historicamente impunham coluna/altura excessiva. */
html body:not(.wp-admin) .clc-category-search.clc-search-standard-207,
html body:not(.wp-admin) .clc-guincho-searchbox.clc-search-standard-207,
html body:not(.wp-admin) .clc-delivery-search.clc-search-standard-207,
html body:not(.wp-admin) .clc-ps-search.clc-search-standard-207,
html body:not(.wp-admin) .clc-search-form.clc-search-standard-207,
html body:not(.wp-admin) .clc-shop-general-search.clc-search-standard-207{
  flex-direction:initial!important;
}

/* Busca geral / resultados também segue o mesmo padrão visual. */
html body:not(.wp-admin) .clc-search-form.clc-search-standard-207{
  max-width:none!important;
}

/* Mobile — barra compacta, sem empilhar campo e botão. */
@media(max-width:767px){
  html body:not(.wp-admin) .clc-search-standard-207{
    grid-template-columns:minmax(0,1fr) 88px!important;
    gap:5px!important;
    padding:5px!important;
    border-radius:12px!important;
  }

  html body:not(.wp-admin) .clc-search-standard-207.clc-search-standard-207--has-select{
    grid-template-columns:minmax(0,1fr) 88px!important;
    grid-template-areas:
      "search search"
      "select button"!important;
  }

  html body:not(.wp-admin) .clc-search-standard-207.clc-search-standard-207--has-select input[type="search"]{
    grid-area:search!important;
  }

  html body:not(.wp-admin) .clc-search-standard-207.clc-search-standard-207--has-select select.clc-search-standard-select-207{
    grid-area:select!important;
  }

  html body:not(.wp-admin) .clc-search-standard-207.clc-search-standard-207--has-select .clc-search-standard-button-207{
    grid-area:button!important;
  }

  html body:not(.wp-admin) .clc-search-standard-207 input[type="search"],
  html body:not(.wp-admin) input.clc-search-standard-input-207[type="search"],
  html body:not(.wp-admin) .clc-search-standard-207 select.clc-search-standard-select-207,
  html body:not(.wp-admin) .clc-search-standard-207 .clc-search-standard-button-207{
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    border-radius:9px!important;
  }

  html body:not(.wp-admin) .clc-search-standard-207 input[type="search"],
  html body:not(.wp-admin) input.clc-search-standard-input-207[type="search"]{
    padding:0 10px!important;
    font-size:12px!important;
  }

  html body:not(.wp-admin) .clc-search-standard-207 .clc-search-standard-button-207{
    width:88px!important;
    min-width:88px!important;
    max-width:88px!important;
    padding:0 6px!important;
    font-size:9.5px!important;
  }
}

@media(max-width:380px){
  html body:not(.wp-admin) .clc-search-standard-207{
    grid-template-columns:minmax(0,1fr) 82px!important;
  }
  html body:not(.wp-admin) .clc-search-standard-207.clc-search-standard-207--has-select{
    grid-template-columns:minmax(0,1fr) 82px!important;
  }
  html body:not(.wp-admin) .clc-search-standard-207 .clc-search-standard-button-207{
    width:82px!important;
    min-width:82px!important;
    max-width:82px!important;
    font-size:9px!important;
  }
}