/* Block: Full Width List — block-specific styling
 * Placed in blocks/full-width-list/style.css so ACF enqueues it with the block.
 * Uses CSS Grid for the vertical list layout; Bootstrap is no longer required.
 */

.full-width-list_block {
  background: #fff;
}

.full-width-list_block .container {
  max-width: 1200px;
  margin: 0 auto;
}

.full-width-list_items {
  display: grid;
  grid-auto-rows: auto;
  row-gap: 1.5rem;
  width: 100%;
}

.full-width-list_items li {
  background: #e9f1fe;
  padding: 1.25rem 2rem;
  border-radius: 8px;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
  color: #1a1a1a;
}

/* smaller text on very small screens */
@media (max-width: 575.98px) {
  .full-width-list_items li {
    font-size: 1.25rem;
    padding: 1rem 1.5rem;
  }
}

/* Responsive adjustments */
@media (min-width: 768px) {
  .full-width-list_items li {
    font-size: 1.75rem;
    padding: 1.5rem 2.5rem;
  }
}