/* ============================================================
   AK MOTORING SCHOOL — Redesigned Public Blogs Page CSS Style
   ============================================================ */

/* Pinterest-style Masonry Grid */
.masonry-blogs {
  column-count: 3;
  column-gap: var(--space-xl);
  width: 100%;
}

.masonry-blog-item {
  display: inline-block; /* Crucial for column layout */
  width: 100%;
  margin-bottom: var(--space-xl);
  break-inside: avoid; /* Prevents card from splitting across columns */
  box-sizing: border-box;
}

.masonry-blog-item:hover {
  border-color: var(--color-primary);
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
}

/* Responsive columns */
@media (max-width: 992px) {
  .masonry-blogs {
    column-count: 2;
  }
}

@media (max-width: 576px) {
  .masonry-blogs {
    column-count: 1;
  }
}