/**
 * MNMM Blog front-office styling.
 * Kept deliberately theme-friendly: most visual decisions use Bootstrap/PrestaShop classes.
 */
.mnmmblog {
  margin-bottom: 2rem;
}

.mnmmblog-description,
.mnmmblog-categories,
.mnmmblog-post-list,
.mnmmblog-grid,
.mnmmblog-cover,
.mnmmblog-category-cover,
.mnmmblog-share,
.mnmmblog-related {
  margin-bottom: 1.5rem;
}

.mnmmblog-categories {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}

.mnmmblog-grid {
  row-gap: 1.5rem;
}

.mnmmblog-card-wrap {
  margin-bottom: 1.5rem;
}

.mnmmblog-card,
.mnmmblog-list-item {
  overflow: hidden;
}

.mnmmblog-card-image,
.mnmmblog-list-image {
  display: block;
  background: rgba(0,0,0,.03);
}

.mnmmblog-card-image img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.mnmmblog-list-image img {
  width: 100%;
  height: 100%;
  min-height: 220px;
  object-fit: cover;
}

.mnmmblog-meta {
  font-size: .875rem;
  margin-bottom: .75rem;
}

.mnmmblog-meta-separator {
  margin: 0 .35rem;
}

.mnmmblog-card-categories {
  margin-bottom: .75rem;
  font-size: .875rem;
}

.mnmmblog-pagination {
  gap: .5rem;
}

.mnmmblog-cover img,
.mnmmblog-category-cover img {
  width: 100%;
  max-height: 520px;
  object-fit: cover;
}

.mnmmblog-cover figcaption {
  margin-top: .5rem;
  font-size: .875rem;
  color: #777;
}

.mnmmblog-lead {
  margin-bottom: 1.5rem;
}

.mnmmblog-content img {
  max-width: 100%;
  height: auto;
}

.mnmmblog-share {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(0,0,0,.1);
}

.mnmmblog-related {
  margin-top: 2.5rem;
}

@media (max-width: 767px) {
  .mnmmblog-list-image img {
    height: auto;
    min-height: 0;
  }
}