/* ==========================================================
   BuddySocial v9.78
   Toon de huidige site-afbeelding ook in Pimp previews / designvakken
   UITGEZONDERD chat.
   ========================================================== */

/* Algemene preview-canvas op Pimp pagina's */
body[data-page="pimp_profile"] :is(#design,#blocks) .pimp-setting-card,
body[data-page="pimp_profile"] :is(#design,#blocks) fieldset.theme-field.block-text-studio,
body[data-page="pimp_profile"] :is(#design,#blocks) .block-style-preview,
body[data-page="pimp_profile"] :is(#design,#blocks) .pimp-preview-inner,
body[data-page="pimp_profile"] :is(#design,#blocks) .pimp-setting-head,
body[data-page="pimp_profile"] :is(#design,#blocks) .pimp-design-subtoolbar,
body[data-page="pimp_profile"] :is(#design,#blocks) .theme-color-row,
body[data-page="pimp_profile"] :is(#design,#blocks) .theme-setting-grid,
body[data-page="pimp_profile"] :is(#design,#blocks) :is(.color-settings,.titlebar-controls,.skin-layout,.profile-layout-sliders,.profile-gloss-settings){
  background-image:
    linear-gradient(rgba(255,255,255,.84),rgba(255,255,255,.84)),
    var(--site-bg-image, none) !important;
  background-repeat:no-repeat, repeat !important;
  background-position:center center, center top !important;
  background-size:auto, cover !important;
}

/* Preview iets duidelijker met site-afbeelding erachter */
body[data-page="pimp_profile"] #blocks .block-style-preview{
  background-image:
    linear-gradient(rgba(255,255,255,.68),rgba(255,255,255,.68)),
    var(--site-bg-image, none) !important;
  background-repeat:no-repeat, repeat !important;
  background-position:center center, center top !important;
  background-size:auto, cover !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.28), 0 2px 8px rgba(28,60,86,.08) !important;
}

/* Binnenvak ook subtiel dezelfde sfeer */
body[data-page="pimp_profile"] #blocks .pimp-preview-inner{
  background-image:
    linear-gradient(rgba(255,255,255,.74),rgba(255,255,255,.74)),
    var(--site-bg-image, none) !important;
  background-repeat:no-repeat, repeat !important;
  background-position:center center, center top !important;
  background-size:auto, cover !important;
}

/* Uiterlijk & effecten kaarten / deelbalken */
body[data-page="pimp_profile"] #design .pimp-setting-card{
  background-image:
    linear-gradient(rgba(247,251,254,.76),rgba(237,246,250,.76)),
    var(--site-bg-image, none) !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-head,
body[data-page="pimp_profile"] #design .pimp-design-subtoolbar,
body[data-page="pimp_profile"] #design :is(.color-settings,.titlebar-controls,.skin-layout,.profile-layout-sliders,.profile-gloss-settings){
  background-image:
    linear-gradient(rgba(255,255,255,.80),rgba(255,255,255,.80)),
    var(--site-bg-image, none) !important;
  background-repeat:no-repeat, repeat !important;
  background-position:center center, center top !important;
  background-size:auto, cover !important;
}

/* Kleine badge om duidelijk te maken waarom de afbeelding zichtbaar is */
body[data-page="pimp_profile"] #design .pimp-setting-card::after,
body[data-page="pimp_profile"] #blocks fieldset.theme-field.block-text-studio::after{
  content:"SITE-AFBEELDING VOORBEELD" !important;
  position:absolute !important;
  right:8px !important;
  top:8px !important;
  padding:2px 6px !important;
  border-radius:999px !important;
  background:rgba(47,111,168,.10) !important;
  color:#4b7694 !important;
  font-size:7px !important;
  font-weight:900 !important;
  letter-spacing:.05em !important;
  pointer-events:none !important;
  z-index:2 !important;
}

/* Zorg dat content boven de achtergrondlaag blijft */
body[data-page="pimp_profile"] :is(#design,#blocks) .pimp-setting-card > *,
body[data-page="pimp_profile"] :is(#design,#blocks) fieldset.theme-field.block-text-studio > *{
  position:relative !important;
  z-index:1 !important;
}

/* Absoluut NIET op chat-preview/chatdelen toepassen */
body[data-page="pimp_profile"] :is(#design,#blocks) :is(#friend-chat,.friend-chat-window,.chat-log,.chat-url-preview){
  background-image:none !important;
}

/* Mobiel ook netjes */
@media(max-width:760px){
  body[data-page="pimp_profile"] :is(#design,#blocks) .pimp-setting-card,
  body[data-page="pimp_profile"] :is(#design,#blocks) fieldset.theme-field.block-text-studio,
  body[data-page="pimp_profile"] :is(#design,#blocks) .block-style-preview{
    background-position:center center, center top !important;
    background-size:auto, cover !important;
  }
}


/* ==========================================================
   v9.79 REAL FIX
   Explicit fallback image + protection against inline preview colors.
   ========================================================== */

/* Testvak: altijd de huidige algemene BuddySocial achtergrond zichtbaar */
body[data-page="pimp_profile"] #blocks .block-style-preview{
  background-image:
    linear-gradient(rgba(255,255,255,.54),rgba(255,255,255,.54)),
    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;
}

/* Binnenvak idem, maar zachter */
body[data-page="pimp_profile"] #blocks .pimp-preview-inner{
  background-image:
    linear-gradient(rgba(255,255,255,.66),rgba(255,255,255,.66)),
    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;
}

/* Uiterlijk & effecten kaarten */
body[data-page="pimp_profile"] #design .pimp-setting-card,
body[data-page="pimp_profile"] #design .pimp-setting-head,
body[data-page="pimp_profile"] #design .pimp-design-subtoolbar,
body[data-page="pimp_profile"] #design :is(.color-settings,.titlebar-controls,.skin-layout,.profile-layout-sliders,.profile-gloss-settings){
  background-image:
    linear-gradient(rgba(255,255,255,.74),rgba(255,255,255,.74)),
    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;
}

/* Chat blijft nadrukkelijk uitgesloten */
body[data-page="pimp_profile"] :is(#friend-chat,.friend-chat-window,.chat-log,.chat-url-preview){
  background-image:none !important;
}