/* ==========================================================
   BuddySocial v10.47 - NEWS BANANA BACKGROUND SWAP
   Haalt het banana-effect uit het video-gedeelte en zet het
   zichtbaar in het nieuwsblok zoals gevraagd.
   ========================================================== */

/* Reset: video-deel niet meer stylen */
.bs-video-party-block,
.video-banana-sky,
.video-party-sparkles,
.video-banana-flyer,
.video-party-sparkle{
  all: unset;
}

.bs-banana-news-block{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
}

/* Grote nieuwskaart op openbare/guest home */
.classic-home-box.hyves-feature-box.bs-banana-news-block{
  background:
    linear-gradient(135deg, rgba(134,207,255,.10), rgba(255,245,196,.16)),
    linear-gradient(180deg,#f8fcff 0%,#fffdfa 100%) !important;
}

.classic-home-box.hyves-feature-box.bs-banana-news-block .hyves-feature-body{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid #c7ddeb !important;
  border-top:0 !important;
  background:
    radial-gradient(circle at 13% 24%, rgba(255,226,120,.14) 0 60px, transparent 61px),
    radial-gradient(circle at 78% 22%, rgba(165,221,255,.16) 0 70px, transparent 71px),
    radial-gradient(circle at 84% 78%, rgba(255,190,214,.12) 0 66px, transparent 67px),
    linear-gradient(135deg, rgba(255,251,232,.98) 0%, rgba(243,249,255,.98) 58%, rgba(255,248,253,.98) 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8) !important;
}

/* Nieuwsblok op ingelogde home */
.member-home-news.bs-banana-news-block .member-home-news-body{
  position:relative !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 10% 18%, rgba(255,224,117,.13) 0 44px, transparent 45px),
    radial-gradient(circle at 88% 20%, rgba(152,220,255,.15) 0 52px, transparent 53px),
    radial-gradient(circle at 20% 80%, rgba(255,197,214,.11) 0 48px, transparent 49px),
    linear-gradient(135deg, rgba(255,250,235,.98) 0%, rgba(245,250,255,.98) 64%, rgba(255,247,252,.98) 100%) !important;
  border-radius:0 0 12px 12px !important;
}

.bs-banana-news-block .hyves-feature-body::before,
.bs-banana-news-block .member-home-news-body::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  opacity:.75;
  background:
    radial-gradient(circle at 10% 78%, rgba(255,255,255,.72) 0 22px, transparent 23px),
    radial-gradient(circle at 32% 34%, rgba(255,255,255,.62) 0 18px, transparent 19px),
    radial-gradient(circle at 56% 66%, rgba(255,255,255,.58) 0 20px, transparent 21px),
    radial-gradient(circle at 82% 30%, rgba(255,255,255,.68) 0 24px, transparent 25px),
    radial-gradient(circle at 90% 76%, rgba(255,255,255,.54) 0 16px, transparent 17px);
}

.bs-banana-news-block .hyves-feature-copy,
.bs-banana-news-block .hyves-feature-side,
.bs-banana-news-block .member-home-news-body > div,
.bs-banana-news-block .member-home-news-body > img{
  position:relative !important;
  z-index:3 !important;
}

.news-banana-sky{
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  overflow:hidden !important;
  z-index:2 !important;
}

.news-banana-flyer{
  position:absolute !important;
  left:-16% !important;
  top:var(--y,20%) !important;
  opacity:var(--o,.42) !important;
  animation: newsBananaFly var(--dur,16s) linear infinite;
  animation-delay:var(--delay,0s);
  filter: drop-shadow(0 3px 6px rgba(58,72,90,.10));
}

.news-banana-flyer > span{
  display:inline-block !important;
  font-size:var(--size,22px) !important;
  line-height:1 !important;
  animation: newsBananaDance var(--dance,2s) ease-in-out infinite;
}

.news-banana-flyer.is-dog > span{
  font-size:calc(var(--size,22px) + 4px) !important;
}

@keyframes newsBananaFly{
  0%{ transform:translateX(0) translateY(0) rotate(-10deg); }
  25%{ transform:translateX(28vw) translateY(-6px) rotate(6deg); }
  50%{ transform:translateX(58vw) translateY(10px) rotate(-4deg); }
  75%{ transform:translateX(88vw) translateY(-4px) rotate(7deg); }
  100%{ transform:translateX(118vw) translateY(0) rotate(-8deg); }
}

@keyframes newsBananaDance{
  0%,100%{ transform:rotate(-8deg) scale(1); }
  50%{ transform:rotate(8deg) scale(1.08); }
}

/* Keep text readable */
.bs-banana-news-block h1,
.bs-banana-news-block h2,
.bs-banana-news-block p,
.bs-banana-news-block a,
.bs-banana-news-block small,
.bs-banana-news-block b,
.bs-banana-news-block span{
  position:relative;
}

.bs-banana-news-block .hyves-feature-copy h1,
.bs-banana-news-block .member-home-news-body h2{
  text-shadow:0 1px 0 rgba(255,255,255,.55) !important;
}

@media (max-width: 760px){
  .news-banana-flyer > span{ font-size:calc(var(--size,22px) - 4px) !important; }
  .bs-banana-news-block .hyves-feature-body::before,
  .bs-banana-news-block .member-home-news-body::before{ opacity:.55; }
}

@media (prefers-reduced-motion: reduce){
  .news-banana-flyer,
  .news-banana-flyer > span{ animation:none !important; }
}

/* v10.48 - video emoji cleanup */
.bs-video-party-block,
.video-banana-sky,
.video-party-sparkles,
.video-banana-flyer,
.video-party-sparkle,
.hyves-video-grid .video-banana-sky,
.hyves-video-grid .video-banana-flyer,
.hyves-video-grid .video-party-sparkle,
.hyves-video-grid .video-party-sparkles,
.member-home-video-grid .video-banana-sky,
.member-home-video-grid .video-banana-flyer,
.member-home-video-grid .video-party-sparkle,
.member-home-video-grid .video-party-sparkles,
.hyves-video-card-real .video-banana-sky,
.hyves-video-card-real .video-banana-flyer,
.member-home-video-card-real .video-banana-sky,
.member-home-video-card-real .video-banana-flyer{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  animation:none !important;
  pointer-events:none !important;
}

.hyves-video-grid,
.member-home-video-grid,
.hyves-video-card-real,
.member-home-video-card-real{
  overflow:visible !important;
}