/*
 * Trường Thịnh Frontend Shortcodes - Theme background policy
 * Version: 1.2.8
 *
 * Product/post listing items keep page background controlled by the active theme.
 * Detail shortcode pieces are intentionally excluded from this transparent override
 * because they now have their own marketplace-style CSS files.
 */

.ttfs-products,
.ttfs-posts,
.ttfs-products-section,
.ttfs-posts-section,
.ttfs-article-products,
.ttfs-related-products,
.ttfs-product-detail,
.ttfs-article-block,
.ttfs-shop,
.ttfs-shop-seo-content,
.ttfs-shop-seo-content__body {
  background: transparent;
  background-color: transparent;
  background-image: none;
}

.ttfs-products > article[class^="ttfs-"],
.ttfs-products .ttfs-products__slide > article[class^="ttfs-"],
.ttfs-posts > article[class^="ttfs-"],
.ttfs-posts .ttfs-posts__slide > article[class^="ttfs-"] {
  background: transparent;
  background-color: transparent;
  background-image: none;
}

.ttfs-products [class*="__media"],
.ttfs-products [class*="__image"],
.ttfs-products [class*="__thumb"],
.ttfs-posts [class*="__media"],
.ttfs-posts [class*="__image"],
.ttfs-posts [class*="__thumb"] {
  background: transparent;
  background-color: transparent;
  background-image: none;
}

.ttfs-products-section[class*="ttfs-products-section--"],
.ttfs-posts-section[class*="ttfs-posts-section--"] {
  background: transparent;
  background-color: transparent;
  background-image: none;
}

section[class^="ttfs-detail"],
section[class^="ttfs-detail"] [class*="__gallery"],
section[class^="ttfs-detail"] [class*="__summary"],
section[class^="ttfs-detail"] [class*="__body"],
section[class^="ttfs-detail"] [class*="__left"],
section[class^="ttfs-detail"] [class*="__right"],
section[class^="ttfs-detail"] [class*="__hero"],
section[class^="ttfs-detail"] [class*="__main"],
section[class^="ttfs-detail"] [class*="__image"],
section[class^="ttfs-detail"] [class*="__cards"] > div {
  background: transparent;
  background-color: transparent;
  background-image: none;
}

/* Only layout wrappers stay transparent; actual detail modules keep their own CSS. */
.ttfs-pd-layout {
  background: transparent;
  background-color: transparent;
  background-image: none;
}