/**
 * WooSuite Bulk Pricing Selector - Minimal CSS
 *
 * Only functional styles - visual styling done in Bricks.
 * Like subscription schemes approach - uses BEM naming.
 *
 * @package WooSuite
 * @since 1.0.0
 */

/* ========================================
   FUNCTIONAL STYLES ONLY
   ======================================== */

/* Tier cards container - basic grid */
[data-bulk-tiers] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  gap: var(--at-space--m, 16px);
}

/* Mobile: adjust grid */
@media (max-width: 768px) {
  [data-bulk-tiers] {
    grid-template-columns: repeat(auto-fit, minmax(85px, 1fr));
    gap: var(--at-space--s, 12px);
  }
}

/* Hidden utility class */
.bb-hidden {
  display: none !important;
}

/* Active/Selected state classes - style in Bricks */
.bulk-tier-card.active,
.bulk-tier-card.selected {
  /* Styling via Bricks global class */
}