/* ===========================================================================
   Social Feed section — Trustindex feed widget (Facebook + YouTube)
   Dùng trên: trang danh mục tour + trang blog.
   Scope toàn bộ dưới .vb-social-feed để không đụng style khác.
   =========================================================================== */

.vb-social-feed {
  margin-top: 6.25rem;
  margin-bottom: 3rem;
}

.vb-social-feed .social-feed__title {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  color: #1a1a1a;
}

/* min-height giữ chỗ tránh layout shift (CLS) khi widget lazy-load / chưa render */
.vb-social-feed .social-feed__widget {
  min-height: 22rem;
}

/* Khoảng cách 2 hàng (Facebook → YouTube) = 24px.
   Triệt margin-bottom mặc định của widget Facebook (Trustindex set ~40px ở dashboard)
   để gap do margin-top dưới đây quyết định. */
.vb-social-feed .social-feed__widget--facebook > *,
.vb-social-feed .social-feed__widget--facebook .ti-widget {
  margin-bottom: 0 !important;
}

.vb-social-feed .social-feed__widget--youtube {
  margin-top: 24px;
}

/* Brand color cho các link/nút của widget Trustindex feed */
.vb-social-feed .ti-readmore,
.vb-social-feed .ti-load-more,
.vb-social-feed .ti-show-more {
  color: #f96515;
}

@media screen and (max-width: 639.98px) {
  .vb-social-feed {
    margin-top: 4rem;
    margin-bottom: 2rem;
  }

  .vb-social-feed .social-feed__title {
    margin-bottom: 1.5rem;
  }

  .vb-social-feed .social-feed__widget {
    min-height: 30rem;
  }
}