/* Simplified WASI Connector Styles */

/* --- Accordion Header --- */
.search-card-header{margin:1rem !important;border:0px solid #bfbfbf;background:#fff;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.08);display:flex;align-items:center;padding:12px 15px;cursor:pointer}
.search-card-header .arrow-icon{font-size:16px;color:#d40055;margin-right:8px;transition:transform .2s}
.search-card-header.open .arrow-icon{transform:rotate(180deg)}
.search-card-header .search-label{font-weight:600;flex:1}

/* --- Search Rows --- */
.wasi_search .search-row{margin-bottom:15px}
.wasi_search .search-row label{display:block;font-size:14px;font-weight:500;margin-bottom:4px}
.wasi_search .form-control{width:100%}

/* --- Grid Layout 3-2-1 --- */
.listings-row{display:flex;flex-wrap:wrap}
/* Ajuste flex basis */
.listings-row article{
  flex:0 0 31%;
  max-width:31%;
  width:31%;
}
@media(max-width:992px){
  .listings-row article{
    flex:0 0 calc(50% - 2rem)!important;
    max-width:calc(50% - 2rem)!important;
    width:calc(50% - 2rem)!important;
  }
}
@media(max-width:700px){
  .listings-row article{
    flex:0 0 calc(100% - 2rem)!important;
    max-width:calc(100% - 2rem)!important;
    width:calc(100% - 2rem)!important;
  }
}

/* --- Card Styling --- */
.listings-row article .listing-column{border-radius:12px;box-shadow:1px 1px 6px #0002;overflow:hidden;background:#fff}
.listing-column-title h3 a{color:#181818;text-decoration:none;font-size:1rem}
.listing-column-title h3 a:hover{color:#1E293B}

/* --- Detail Page Quick Tweaks --- */
#wasiAppSingle .pricing{color:#1E293B;font-size:1.4em;padding-left:2rem;border-left:1px solid rgba(128,128,128,.2)}
@media(max-width:600px){#wasiAppSingle .pricing{float:none;text-align:center;border:none;padding:0}}

/* --- FIX 2024-08: Detalles propiedad en una sola línea --- */
.listings-row article .listing-column .listing-column-details{
  display:flex!important;
  flex-wrap:nowrap!important;
  justify-content:space-between;
  align-items:flex-start;
}
.listings-row article .listing-column .listing-column-details>div{
  flex:0 0 25%!important;
  max-width:25%!important;
  text-align:center;
}

/* --- FIX 2024-08: Distribución de filtros de búsqueda ----------------*/
.listing-search-bar .search-row{display:flex!important;flex-wrap:wrap;margin:0 -5px}
.listing-search-bar .search-row>div{padding:0 5px}
/* Fila 1: buscador ocupa 100% */
.search-row-1>div{flex:1 0 100%}
/* Fila 2: 4 columnas iguales */
@media(min-width:768px){
  .search-row-2>div{flex:0 0 25%}
  .search-row-3>div,.search-row-4>div{flex:0 0 33.3333%}
}
/* En pantallas pequeñas cada campo ocupa 100% (ya por defecto)
   al usar flex-wrap:wrap */
/* Fila 5: botón a la derecha */
.search-row-5{display:flex!important;justify-content:flex-end}
.search-row-5 button{min-width:150px}

/* --- FIX 2024-08: quitar borde de 'Filtros de búsqueda' ----------------*/
.search-card-header{border:none!important;box-shadow:none!important;}
.listing-search-bar{border:none!important;}

/* --- FIX 2024-08: estilo contenedor buscador y márgenes ----------------*/
#wasiSearchApp{
  border:2px solid #ddd;
  padding:0.5rem;
  margin:2rem;
  border-radius:12px;
}
#wasiApp{margin:2rem;}
#toggleFiltersHeader{margin-bottom:16px!important;margin-top:16px!important;}

/* Imagen tarjeta propiedades altura 280px */
.listings-row article .listing-column .listing-column-image-wrapper .listing-column-image{
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  display:block;
  height:280px;
}

/* === GRID 3-2-1 aplicado directamente a #wasiApp ================= */
#wasiApp.listings-row{
  display:grid!important;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
}
@media(max-width:992px){
  #wasiApp.listings-row{grid-template-columns:repeat(2,1fr);}  
}
@media(max-width:700px){
  #wasiApp.listings-row{grid-template-columns:1fr;}
}
/* Cada tarjeta ocupa toda la celda dentro de grid */
#wasiApp.listings-row article{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  flex:none!important; /* anula ajustes flex anteriores */
}