/* ===================================
    TikTok Feed Custom Styles
====================================== */

     /* The TikTok embeds themselves will fill the card */
  .tiktok-embed {
      width: 100%;
      height: 100%;
  }

  /* Fix for the profile embed's fixed width and scaling */
  .profile-embed-wrapper {
      position: relative;
      /* Height is now responsive, smaller on mobile */
      height: 550px;
      overflow: hidden; /* Hide the content that is outside the wrapper */
  }
  
  /* The embed itself is centered on all screen sizes */
  .profile-embed-wrapper .tiktok-embed {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) scale(1.2) ;
      max-width: none !important;
      min-width: 100% !important;
      border: none !important;
            outline: none !important;
            box-shadow: none !important;
  }

  .tiktok-embed iframe {
    border: none !important;
    border: none !important;
            outline: none !important;
            box-shadow: none !important;
}

  /* ONLY scale the embed for larger screens (md and up) and adjust container height */
  @media (min-width: 768px) {
      .profile-embed-wrapper {
          /* New calculated height to prevent chopping on desktop */
          height: 600px;
      }
      .profile-embed-wrapper .tiktok-embed {
          transform: translate(-50%, -50%);
      }
  }