/* ==========================================================
   BuddySocial v10.66 - MOBILE / TABLET / APP VIDEO CLICK FIX
   Desktop blijft onaangeraakt. Op touch-formaten krijgt iedere
   YouTube-preview een echte kliklaag die de originele video opent.
   ========================================================== */

/* Op desktop bestaat de extra kliklaag wel in de DOM, maar hij doet niets. */
.mobile-video-tap-target{
  display:none !important;
}

@media (max-width:1100px){
  .home-video-embed,
  .member-home-video-embed{
    position:relative !important;
    isolation:isolate !important;
    touch-action:manipulation !important;
    -webkit-tap-highlight-color:transparent !important;
  }

  /* De embedded speler blijft als preview zichtbaar. De echte mobiele
     kliklaag staat erboven zodat WebView/PWA/Samsung/Chrome taps niet
     door oude overlays of iframe-gedrag verloren gaan. */
  .home-video-embed iframe,
  .member-home-video-embed iframe{
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    pointer-events:none !important;
  }

  .home-video-embed::after,
  .member-home-video-embed::after{
    pointer-events:none !important;
    z-index:2 !important;
  }

  .mobile-video-tap-target{
    position:absolute !important;
    inset:0 !important;
    z-index:20 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    text-decoration:none !important;
    cursor:pointer !important;
    touch-action:manipulation !important;
    -webkit-tap-highlight-color:rgba(0,0,0,0) !important;
    background:rgba(0,0,0,.02) !important;
  }

  .mobile-video-tap-target > span{
    width:54px !important;
    height:54px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:50% !important;
    border:2px solid rgba(255,255,255,.94) !important;
    background:rgba(226,18,49,.95) !important;
    color:#fff !important;
    font-size:23px !important;
    line-height:1 !important;
    text-indent:3px !important;
    box-shadow:0 6px 18px rgba(0,0,0,.28) !important;
  }

  .mobile-video-tap-target > b{
    display:inline-block !important;
    padding:4px 9px !important;
    border-radius:999px !important;
    background:rgba(18,54,77,.86) !important;
    color:#fff !important;
    font-size:11px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    text-shadow:0 1px 1px rgba(0,0,0,.25) !important;
  }

  .mobile-video-tap-target:active > span{
    transform:scale(.94) !important;
  }

  /* Ook de bestaande cover-links boven alle decoratieve lagen houden. */
  .home-video-cover-link,
  .member-home-video-cover,
  .home-video-meta-link,
  .member-home-video-title{
    position:relative !important;
    z-index:5 !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
  }
}