/* content-images-v1 — in-article images/galleries visible on mobile + desktop.
 * Does not target hero/cards (.ta-featured / .ta-card-media / .ta-hero-*). */

.ta-article-content .gallery,
.entry-content .gallery {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 16px !important;
  width: 100% !important;
  max-width: 100% !important;
  clear: both !important;
  overflow: visible !important;
  float: none !important;
}

@media (min-width: 768px) {
  .ta-article-content .gallery.gallery-columns-2,
  .entry-content .gallery.gallery-columns-2 {
    grid-template-columns: 1fr 1fr !important;
  }
  .ta-article-content .gallery.gallery-columns-3,
  .entry-content .gallery.gallery-columns-3,
  .ta-article-content .gallery.gallery-columns-4,
  .entry-content .gallery.gallery-columns-4 {
    grid-template-columns: 1fr 1fr 1fr !important;
  }
}

@media (max-width: 1023px) {
  .ta-article-content .gallery,
  .entry-content .gallery,
  .ta-article-content .gallery.gallery-columns-2,
  .ta-article-content .gallery.gallery-columns-3,
  .ta-article-content .gallery.gallery-columns-4,
  .entry-content .gallery.gallery-columns-2,
  .entry-content .gallery.gallery-columns-3,
  .entry-content .gallery.gallery-columns-4 {
    grid-template-columns: 1fr !important;
  }

  /* overflow-x:clip on .ta-single forces overflow-y non-visible — keep article media unclipped */
  .ta-single .ta-article,
  .ta-article-grid .ta-article,
  .ta-article-content,
  .entry-content {
    overflow: visible !important;
  }
}

.ta-article-content .gallery-item,
.entry-content .gallery-item,
.ta-article-content figure,
.entry-content figure,
.ta-article-content .wp-block-image,
.entry-content .wp-block-image,
.ta-article-content .wp-caption,
.entry-content .wp-caption {
  float: none !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 20px !important;
  clear: both !important;
  overflow: visible !important;
  height: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.ta-article-content .gallery-icon,
.entry-content .gallery-icon {
  width: 100% !important;
  max-width: 100% !important;
  line-height: 0;
}

.ta-article-content .gallery-icon a,
.entry-content .gallery-icon a,
.ta-article-content .wp-block-image a,
.entry-content .wp-block-image a {
  display: block !important;
  max-width: 100% !important;
}

.ta-article-content picture,
.entry-content picture,
.ta-article-content picture.ta-webp,
.entry-content picture.ta-webp {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  line-height: 0;
  overflow: visible !important;
}

.ta-article-content img,
.entry-content img,
.ta-article-content .gallery-item img,
.entry-content .gallery-item img,
.ta-article-content .wp-block-image img,
.entry-content .wp-block-image img,
.ta-article-content picture img,
.entry-content picture img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
  position: static !important;
  object-fit: contain !important;
  clip: auto !important;
  clip-path: none !important;
  content-visibility: visible !important;
}

/* Keep reserved box for Rocket SVG placeholders until real src is restored. */
.ta-article-content img[width][height],
.entry-content img[width][height] {
  aspect-ratio: auto;
}