/* =====================================================
   WIIDOO SEARCHER – ESTILO LIMPIO Y OPTIMIZADO
   ===================================================== */


/* =========================
   FILAS Y CELDAS
   ========================= */

#wiidoo_searcher .w3-cell-row {
  padding: 6px 0;
}

#wiidoo_searcher .w3-cell {
  padding: 6px 8px 6px 0;
  vertical-align: top;
}




/* =========================
   SEGUNDA FILA BOTONES
   ========================= */

#wiidoo_searcher .second-row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: flex-start;
  justify-content: center;   /* 👈 esto centra */
  padding: 3px 0;
}


/* =========================
   BOTONES BASE
   ========================= */

#wiidoo_searcher button {
  transition: all 0.3s ease;
}


/* ===== SEARCH BUTTON ===== */

#wiidoo_searcher #search_but {
  width: 100%;
  height: 42px;
  background-color: #026abf;
  color: #ffffff;
  border: none;
  border-radius: 40px;
  padding: 8px 40px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#wiidoo_searcher #search_but img {
  height: 18px;
  margin-right: 8px;
}


/* ===== RESET BUTTON ===== */

#wiidoo_searcher #reset_but {
  width: 100%;
  height: 42px;
  background-color: #f5f7fa;
  border: 1px solid #d6dce3;
  color: #4a4a4a;
  border-radius: 40px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
}

#wiidoo_searcher #reset_but img {
  height: 18px;
  margin-right: 6px;
}


/* ===== REF BUTTON ===== */

#wiidoo_searcher .wii-ref {
  width: 100%;
  height: 42px;
  border: 1px solid #bbbbbb;
  border-radius: 4px;
  background-color: #ffffff;
  color: #707070;
  display: flex;
  align-items: center;
  justify-content: center;
}



/* =========================
   HOVER BOTONES – FORZADO
   ========================= */

/* SEARCH */
#wiidoo_searcher button#search_but:hover {
  background-color: #02579e !important;
  color: #ffffff !important;
}

/* RESET */
#wiidoo_searcher button#reset_but:hover {
  background-color: #e8edf3 !important;
  border-color: #bfc9d4 !important;
  color: #2f2f2f !important;
}

/* REF */
#wiidoo_searcher .wii-ref:hover {
  background-color: #e8edf3 !important;
  border-color: #bfc9d4 !important;
  color: #2f2f2f !important;
}



/* =========================
   LABELS FILTROS
   ========================= */

#wiidoo_searcher .search-label {
  display: block;
  font-size: 11px;
  font-weight: bold;
  color: #333;
  text-transform: uppercase;
  margin-bottom: 5px;
}


/* =========================
   SORT BUTTON 
   ========================= */
   
#wiidoo_searcher + .w3-row .w3-button.sorta {
  background: #fff !important;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555;
  padding: 6px 12px;
}

#wiidoo_searcher + .w3-row .w3-button.sorta:hover {
  background: #f5f5f5 !important;
  border-color: #999;
}

#wiidoo_searcher + .w3-row .w3-button.sorta img {
  height: 20px;
  padding: 2px;
  margin-right: 4px;
  vertical-align: middle;
}

#wiidoo_searcher + .w3-row .w3-col.l3 {
  text-align: left;
  margin-left: 20px;
}






/* =========================
   SELECT2 PERSONALIZACIÓN
   ========================= */

/* Quitar X de limpiar */
.select2-selection__clear {
  display: none;
}

/* Hover opción */
body .select2-container--default 
.select2-results__option--highlighted[aria-selected] {
  background-color: #608cbd;
  color: #ffffff;
}

/* Opción seleccionada */
.select2-container--default 
.select2-results__option[aria-selected="true"] {
  background-color: #8ab5e6;
  color: #ffffff;
}

/* Chips múltiples */
.select2-container--default 
.select2-selection--multiple 
.select2-selection__choice {
  background-color: #608cbd;
  border: none;
  color: #ffffff;
}

.select2-container--default 
.select2-selection--multiple 
.select2-selection__choice__remove {
  color: #ffffff;
}

/* Limitar altura múltiple */
.select2-container--default 
.select2-selection--multiple 
.select2-selection__rendered {
  max-height: 38px;
  overflow: hidden;
}

/* Centrado vertical single select */
#wiidoo_searcher .select2-container--default 
.select2-selection--single {
  height: 38px;
  display: flex;
  align-items: center;
}

#wiidoo_searcher .select2-container--default 
.select2-selection--single 
.select2-selection__rendered {
  padding-left: 10px;
  display: flex;
  align-items: center;
}


/* =========================
   LAYOUT CON / SIN LOCATION
   ========================= */

/* ===== CON LOCATION ===== */
#wiidoo_searcher .with-location > div:nth-child(1),
#wiidoo_searcher .with-location > div:nth-child(2) {
  width: 25%;
}

#wiidoo_searcher .with-location > div:nth-child(3),
#wiidoo_searcher .with-location > div:nth-child(4),
#wiidoo_searcher .with-location > div:nth-child(5) {
  width: 15%;
}

/* ===== SIN LOCATION ===== */
#wiidoo_searcher .no-location > div:nth-child(1) {
  width: 35%;
}

#wiidoo_searcher .no-location > div:nth-child(2),
#wiidoo_searcher .no-location > div:nth-child(3),
#wiidoo_searcher .no-location > div:nth-child(4) {
  width: 20%;
}


/* =========================
   POPUP REF
   ========================= */

#ref_chkor {
  position: fixed;
  top: 120px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 999999;
}



/* =========================
   Evitar overflow margen derecho en móvil
   ========================= */
html, body {
   overflow-x: hidden;
}





/* =========================
   RESPONSIVE
   ========================= */

@media (max-width: 768px) {

  #wiidoo_searcher {
    padding: 10px 12px;
  }

  #wiidoo_searcher .w3-cell {
    width: 100% !important;
    min-width: 100% !important;
    padding: 6px 0 !important;
  }

  #wiidoo_searcher #search_but,
  #wiidoo_searcher #reset_but {
    width: 100%;
    margin-top: 8px;
  }
}