/* ===== QuirkyRN85 Mobile Fixes: CSS ===== */

/* TikTok embeds: full width and no nested scrollbars */
.tiktok-embed,
.tiktok-embed iframe{
  width: 100% !important;
}

.tiktok-embed{
  overflow: visible !important;
  height: auto !important;
}

@media (min-width: 1025px){
  .tiktok-embed iframe{
    height: 1200px !important;
    overflow: visible !important;
  }
}

@media (min-width: 641px) and (max-width: 1024px){
  .tiktok-embed iframe{
    height: 1000px !important;
    overflow: visible !important;
  }
}

@media (max-width: 640px){
  .tiktok-embed iframe{
    height: 900px !important;
    overflow: visible !important;
  }
}

/* Allow parent cards/panels to grow */
.tiktok-card,
.embed-card,
.card,
.card-body,
.embed-wrapper{
  height: auto !important;
  overflow: visible !important;
}

/* Kill common scrollbar overlays or floating dots on mobile */
@media (max-width: 1024px){
  .scroll-dot,.floating-dot,.drag-handle,.resizer,#scrollUp,
  .simplebar-scrollbar,.simplebar-scrollbar::before,
  .swiper-scrollbar,.swiper-scrollbar-drag{
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  /* generic: any small fixed circle near right edge */
  [data-rogue-dot],
  *[style*="position: fixed"][style*="right"]{
    max-width: 44px !important;
    max-height: 44px !important;
  }

  /* safety for pseudo-elements drawn dots (will be toggled by JS) */
  *::before,*::after{
    content: inherit;
    display: var(--kill-fixed-dot, initial);
    opacity: var(--kill-fixed-dot-opacity, initial);
    visibility: var(--kill-fixed-dot-visibility, initial);
    pointer-events: var(--kill-fixed-dot-pe, initial);
  }
}