/**
 * Olias Homes - Responsive Styles
 *
 * Mobile-first responsive adjustments
 *
 * @package Olias_Property_Filter
 */

/* Tablet (768px and up) */
@media (min-width: 768px) {
  .olias-properties-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .olias-filters-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
}

/* Desktop (1024px and up) */
@media (min-width: 1024px) {
  .olias-properties-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  
  .olias-filters-row {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* Large Desktop (1280px and up) */
@media (min-width: 1280px) {
  .olias-properties-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* Mobile Overrides */
@media (max-width: 767px) {
  .olias-filters-row {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }
  
  .olias-filter {
    width: 100%;
  }
  
  .olias-filter-buttons {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
}