/* IMGIA Blog Shell 2.0.4 — contenitori dell’archivio, non singoli articoli.
 * Astra annida le card in .ast-row: il gap va su quel wrapper anche su mobile.
 * Azzerare i margini laterali e gli pseudo-elementi del clearfix centra la
 * griglia; foto e testo rimangono gli originali, senza cambiare i contenuti.
 */
body.imgia-blog-shell-active:is(.blog, .archive, .search) .site-main {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

body.imgia-blog-shell-active:is(.blog, .archive, .search) .site-main > .ast-row {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 28px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: stretch;
}

body.imgia-blog-shell-active:is(.blog, .archive, .search) .site-main > .ast-row::before,
body.imgia-blog-shell-active:is(.blog, .archive, .search) .site-main > .ast-row::after {
  content: none !important;
  display: none !important;
}

body.imgia-blog-shell-active:is(.blog, .archive, .search) .site-main > .ast-row > :not(.ast-article-post) {
  grid-column: 1 / -1;
  min-width: 0;
}

body.imgia-blog-shell-active:is(.blog, .archive, .search) .site-main > .ast-row > .ast-article-post {
  float: none !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 12px !important;
  border-radius: 0 !important;
  overflow: hidden;
}

body.imgia-blog-shell-active:is(.blog, .archive, .search) .ast-article-post .ast-article-inner {
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0;
}

body.imgia-blog-shell-active:is(.blog, .archive, .search) .ast-article-post .ast-blog-featured-section {
  width: 100%;
  max-width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

body.imgia-blog-shell-active:is(.blog, .archive, .search) .ast-article-post .post-thumb-img-content {
  width: 100%;
  max-width: 100%;
  margin: 0 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

body.imgia-blog-shell-active:is(.blog, .archive, .search) .ast-article-post .post-thumb-img-content > a {
  display: block !important;
  border-radius: 12px !important;
}

body.imgia-blog-shell-active:is(.blog, .archive, .search) .ast-article-post .post-thumb-img-content img {
  display: block !important;
  max-width: 100%;
  border-radius: 12px !important;
}

@media (max-width: 900px) {
  body.imgia-blog-shell-active:is(.blog, .archive, .search) .site-main > .ast-row {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 24px !important;
  }
}