/* ===========================
   GLASS SEARCH (override)
   Scope: .search-box-wrapper.glass-search
   =========================== */

.search-box-wrapper.glass-search {
  background: transparent; /* el theme pone background #fff por default */
}

/* Caja (panel) */
.search-box-wrapper.glass-search .search-tab-content{
  background: rgba(255,255,255,0.22) !important;
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  backdrop-filter: blur(4px) saturate(50%);
  border: 1px solid rgba(255,255,255,0.8);
  box-shadow: 0 18px 45px rgba(0,0,0,0.25);
  border-radius: 16px !important;
  padding: 18px !important;
  opacity: 1 !important; /* evita “lavado” por opacidades heredadas */
}

/* Si quieres un borde superior “acoplado” a tabs (tipo login) */
.search-box-wrapper.glass-search .search-tab-content{
  border-top-left-radius: 0 !important;
}

/* Tabs */
.search-box-wrapper.glass-search ul.search-tabs li a{
  background: rgba(255,255,255,0.18);
  -webkit-backdrop-filter: blur(12px) saturate(140%);
  backdrop-filter: blur(12px) saturate(140%);
  border: 1px solid rgba(255,255,255,0.75); /*1px solid rgba(255,255,255,0.28);*/
  color: rgba(20,20,20,0.85);
  text-shadow: 1px 1px 2px rgba(255,255,255,0.35);
  opacity: 1; /* en tu theme hay opacidades en tabs */
}

/* Tab activo (mantén tu rojo corporativo pero “glass”) */
.search-box-wrapper.glass-search ul.search-tabs li.active a{
  background: rgba(192,52,55,0.88);
  border-color: rgba(255,255,255,0.55);
  color: #fff;
  text-shadow: 0 1px 2px rgba(0,0,0,0.25);
}

/* Labels y títulos dentro del panel */
.search-box-wrapper.glass-search .search-tab-content label,
.search-box-wrapper.glass-search .search-tab-content h4.title{
  color: rgba(255,255,255,0.92);
  text-shadow: 0 1px 2px rgba(0,0,0,0.28);
}

/* Inputs / selects para look “traslúcido” */
.search-box-wrapper.glass-search .search-tab-content input.input-text,
.search-box-wrapper.glass-search .search-tab-content select,
.search-box-wrapper.glass-search .search-tab-content textarea,
.search-box-wrapper.glass-search .search-tab-content span.custom-select{
  background: rgba(255,255,255,0.18);
  border: 1px solid rgba(255,255,255,0.30);
  color: rgba(255,255,255,0.95);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

/* Placeholder */
.search-box-wrapper.glass-search .search-tab-content input::placeholder{
  color: rgba(255,255,255,0.75);
}

/* Focus */
.search-box-wrapper.glass-search .search-tab-content input.input-text:focus,
.search-box-wrapper.glass-search .search-tab-content select:focus,
.search-box-wrapper.glass-search .search-tab-content textarea:focus{
  outline: none;
  border-color: rgba(255,255,255,0.60);
  box-shadow: 0 0 0 3px rgba(255,255,255,0.18);
}

/* Botón (si quieres que combine con el login) */
.search-box-wrapper.glass-search .search-tab-content button,
.search-box-wrapper.glass-search .search-tab-content input[type="submit"]{
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.22);
}

@media (max-width: 767px){
  .search-box-wrapper.glass-search .search-tab-content{
	border-top-left-radius: 16px !important; /* en mobile ya no “acopla” tabs igual */
	padding: 14px !important;
  }
  .search-box-wrapper.glass-search ul.search-tabs li a{
	padding: 0 14px;
  }
}

.search-box-wrapper.glass-search .search-tab-content label,
.search-box-wrapper.glass-search .search-tab-content h4.title,
.search-box-wrapper.glass-search .search-tab-content{
  color: rgba(20,20,20,0.85);
  text-shadow: none; /* importante */
}

.search-box-wrapper.glass-search .search-tab-content input.input-text,
.search-box-wrapper.glass-search .search-tab-content select,
.search-box-wrapper.glass-search .search-tab-content textarea,
.search-box-wrapper.glass-search .search-tab-content span.custom-select{
  background: rgba(255,255,255,0.75); /* antes 0.18 */
  border: 1px solid rgba(0,0,0,0.15);
  color: #111;
  backdrop-filter: blur(6px);
}

.search-box-wrapper.glass-search .search-tab-content input::placeholder{
  color: rgba(0,0,0,0.45);
}

.search-box-wrapper.glass-search .search-tab-content h4,
.search-box-wrapper.glass-search .search-tab-content .section-title{
  color: rgba(0,0,0,0.9);
  font-weight: 700;
}

.search-box-wrapper.glass-search .search-tab-content::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
	to bottom,
	rgba(255,255,255,0.35),
	rgba(255,255,255,0.15)
  );
  border-radius: inherit;
  pointer-events: none;
}