/* ==========================================================
   BuddySocial v10.44 - REAL VIDEO EMBEDS ON HOME
   Replaces placeholder play boxes with actual YouTube clips.
   ========================================================== */

.hyves-video-card-real,
.member-home-video-card-real{
  min-width:0 !important;
  overflow:hidden !important;
}

.hyves-video-card-real{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  padding:10px !important;
  border:1px solid #b8cedc !important;
  border-radius:10px !important;
  background:rgba(255,255,255,.94) !important;
  text-decoration:none !important;
  box-shadow:0 3px 10px rgba(37,81,108,.06) !important;
}

.home-video-embed,
.member-home-video-embed{
  position:relative !important;
  width:100% !important;
  aspect-ratio:16 / 9 !important;
  overflow:hidden !important;
  border-radius:8px !important;
  background:#eaf2f7 !important;
  border:1px solid #c9dce8 !important;
}

.home-video-embed iframe,
.member-home-video-embed iframe{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  border:0 !important;
  display:block !important;
}

.home-video-meta-link,
.member-home-video-title{
  display:block !important;
  min-width:0 !important;
  color:#235b80 !important;
  text-decoration:none !important;
}

.home-video-meta-link b,
.member-home-video-title b{
  display:block !important;
  min-width:0 !important;
  color:#235b80 !important;
  line-height:1.25 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.home-video-meta-link small{
  display:block !important;
  margin-top:4px !important;
  color:#6d8292 !important;
  font-size:11px !important;
}

.home-video-cover-link,
.member-home-video-cover{
  position:relative !important;
  display:block !important;
  width:100% !important;
  aspect-ratio:16 / 9 !important;
  overflow:hidden !important;
  border-radius:8px !important;
  background:#eaf2f7 !important;
  border:1px solid #c9dce8 !important;
}

.home-video-cover-link img,
.member-home-video-cover img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

.home-video-cover-link > span,
.member-home-video-cover > span{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  width:44px !important;
  height:44px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  background:rgba(38,91,128,.88) !important;
  color:#fff !important;
  font-size:18px !important;
  box-shadow:0 5px 14px rgba(0,0,0,.20) !important;
}

.home-video-cover-empty,
.member-home-video-cover-empty{
  display:grid !important;
  place-items:center !important;
}

.member-home-video-card-real{
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
  padding:8px !important;
  border:1px solid #c6d9e5 !important;
  border-radius:9px !important;
  background:#fff !important;
}

.member-home-video-title b{
  font-size:12px !important;
}

/* Keep the grid cards aligned */
.hyves-video-grid,
.member-home-video-grid{
  align-items:start !important;
}

@media(max-width:700px){
  .hyves-video-card-real{
    padding:8px !important;
  }

  .home-video-meta-link b{
    font-size:13px !important;
  }

  .home-video-embed,
  .member-home-video-embed{
    border-radius:7px !important;
  }
}