/* BuddySocial v9.82 - ACTUAL CURRENT SITE IMAGE in Pimp previews */

/* Use a separate pseudo layer, so live backgroundColor can NEVER wipe the image. */
body[data-page="pimp_profile"] #blocks [data-block-preview],
body[data-page="pimp_profile"] #blocks .pimp-preview-inner,
body[data-page="pimp_profile"] #design .pimp-setting-card{
  position:relative !important;
  isolation:isolate !important;
}

/* Outside test frame image layer */
body[data-page="pimp_profile"] #blocks [data-block-preview]::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-1 !important;
  pointer-events:none !important;
  background-image:
    linear-gradient(rgba(255,255,255,.54),rgba(255,255,255,.54)),
    var(--pimp-current-site-image, url("../images/buddysocial-fixed-pages-bg-v965.png")) !important;
  background-repeat:no-repeat,repeat !important;
  background-position:center center,center top !important;
  background-size:auto,cover !important;
  opacity:1 !important;
}

/* Inner test box image layer */
body[data-page="pimp_profile"] #blocks .pimp-preview-inner::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-1 !important;
  pointer-events:none !important;
  background-image:
    linear-gradient(rgba(255,255,255,.62),rgba(255,255,255,.62)),
    var(--pimp-current-site-image, url("../images/buddysocial-fixed-pages-bg-v965.png")) !important;
  background-repeat:no-repeat,repeat !important;
  background-position:center center,center top !important;
  background-size:auto,cover !important;
  opacity:1 !important;
}

/* Uiterlijk & effecten cards */
body[data-page="pimp_profile"] #design .pimp-setting-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  background-image:
    linear-gradient(rgba(255,255,255,.72),rgba(255,255,255,.72)),
    var(--pimp-current-site-image, url("../images/buddysocial-fixed-pages-bg-v965.png")) !important;
  background-repeat:no-repeat,repeat !important;
  background-position:center center,center top !important;
  background-size:auto,cover !important;
}

body[data-page="pimp_profile"] #design .pimp-setting-card>*{
  position:relative !important;
  z-index:1 !important;
}

/* Tiny visual proof of the current background image */
body[data-page="pimp_profile"] #blocks .pimp-current-bg-thumb{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  position:absolute !important;
  left:8px !important;
  bottom:6px !important;
  z-index:8 !important;
  padding:3px 6px !important;
  border-radius:6px !important;
  background:rgba(255,255,255,.86) !important;
  border:1px solid rgba(144,172,191,.70) !important;
  box-shadow:0 1px 4px rgba(30,61,84,.08) !important;
}

body[data-page="pimp_profile"] #blocks .pimp-current-bg-thumb span{
  width:25px !important;
  height:18px !important;
  flex:0 0 25px !important;
  border:1px solid #9eb8ca !important;
  border-radius:3px !important;
  background-image:
    var(--pimp-current-site-image, url("../images/buddysocial-fixed-pages-bg-v965.png")) !important;
  background-position:center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}

body[data-page="pimp_profile"] #blocks .pimp-current-bg-thumb small{
  color:#527187 !important;
  font-size:7px !important;
  font-weight:800 !important;
}

/* Do not let older Pimp image rules cover this with another image */
body[data-page="pimp_profile"] #blocks [data-block-preview].pimp-has-current-site-image,
body[data-page="pimp_profile"] #blocks .pimp-preview-inner.pimp-has-current-site-image{
  background-image:none !important;
}

/* Chat is absolutely excluded */
body[data-page="pimp_profile"] :is(#friend-chat,.friend-chat-window,.chat-log,.chat-url-preview)::before,
body[data-page="pimp_profile"] :is(#friend-chat,.friend-chat-window,.chat-log,.chat-url-preview)::after{
  content:none !important;
}