/**
 * Listings Section Header Component
 * 
 * Mobile-first styles for the listings/results section header.
 */

.listings-section-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}

/* When inside toolbar, remove bottom margin (toolbar handles spacing) */
.property-results-toolbar .listings-section-header {
  margin-bottom: 0;
}

.listings-section-header__title {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  font-weight: 600;
  font-size: 1rem;
  color: var(--gf-color-primary);
}

.listings-section-header__icon {
  font-size: 1.25rem;
}

.listings-section-header__count {
  font-size: 0.875rem;
}

@media (min-width: 768px) {
  .listings-section-header__title {
    font-size: 1.125rem;
  }
}