/* ==========================================================
   BuddySocial v10.03
   PIMP BACKGROUND RESTORE + BEAUTIFY
   Restores the real BuddySocial background and polishes the page.
   ========================================================== */

:root{
  --pimp-bg-url:url("../images/buddysocial-fixed-pages-bg-v965.png");
  --pimp-blue-1:#dff0fb;
  --pimp-blue-2:#c8e1f1;
  --pimp-blue-3:#9ec4dd;
  --pimp-blue-ink:#255d86;
  --pimp-gold-1:#fff3d6;
  --pimp-gold-2:#f4d58a;
  --pimp-gold-ink:#8a5d00;
}

/* REAL page background back again */
body[data-page="pimp_profile"],
body[data-page="admin_pimp_profile"]{
  background-color:#a8dbf5 !important;
  background-image:
    linear-gradient(rgba(242,249,253,.20),rgba(242,249,253,.20)),
    var(--pimp-bg-url) !important;
  background-repeat:no-repeat,no-repeat !important;
  background-position:center top,center top !important;
  background-size:cover,cover !important;
  background-attachment:fixed,fixed !important;
}

/* kill any flat page overlay that may hide the image */
body[data-page="pimp_profile"]::before,
body[data-page="admin_pimp_profile"]::before,
body[data-page="pimp_profile"] main.pimp-page::before,
body[data-page="admin_pimp_profile"] main.pimp-page::before{
  content:none !important;
  display:none !important;
  background:none !important;
}

/* main shell stays transparent so the background is visible everywhere */
body[data-page="pimp_profile"] main.pimp-page,
body[data-page="admin_pimp_profile"] main.pimp-page{
  background:transparent !important;
}

/* Hero prettier and more integrated */
body[data-page="pimp_profile"] .pimp-hero,
body[data-page="admin_pimp_profile"] .pimp-hero{
  background:
    linear-gradient(rgba(255,255,255,.88),rgba(255,255,255,.88)),
    var(--pimp-bg-url) center center / cover no-repeat !important;
  border:1px solid rgba(162,196,218,.95) !important;
  box-shadow:0 3px 10px rgba(30,63,88,.08) !important;
}

body[data-page="pimp_profile"] .pimp-hero h1,
body[data-page="admin_pimp_profile"] .pimp-hero h1{
  color:#1f5c88 !important;
  text-shadow:0 1px rgba(255,255,255,.6) !important;
}

body[data-page="pimp_profile"] .pimp-hero .pimp-badge,
body[data-page="admin_pimp_profile"] .pimp-hero .pimp-badge{
  background:rgba(255,255,255,.84) !important;
  border:1px solid rgba(164,191,210,.85) !important;
  box-shadow:0 1px 3px rgba(31,65,91,.05) !important;
}

/* Left and right columns: background visible, but soft readable layer */
body[data-page="pimp_profile"] .pimp-tabs-organized.pimp-site-leftnav,
body[data-page="admin_pimp_profile"] .pimp-tabs-organized.pimp-site-leftnav,
body[data-page="pimp_profile"] .pimp-site-rightbar,
body[data-page="admin_pimp_profile"] .pimp-site-rightbar{
  background:
    linear-gradient(rgba(255,255,255,.66),rgba(255,255,255,.66)),
    var(--pimp-bg-url) center top / cover no-repeat !important;
  border:1px solid rgba(162,194,214,.92) !important;
  box-shadow:0 2px 8px rgba(31,65,91,.07) !important;
  border-radius:4px !important;
}

/* Keep cards readable but with a nicer soft glass look */
body[data-page="pimp_profile"] :is(
  .pimp-dashboard > a,
  .pimp-reset-card,
  .pimp-side-card,
  .pimp-setting-card,
  fieldset.theme-field.block-text-studio,
  .pimp-site-center > .retro-box,
  .pimp-site-center > section
),
body[data-page="admin_pimp_profile"] :is(
  .pimp-dashboard > a,
  .pimp-reset-card,
  .pimp-side-card,
  .pimp-setting-card,
  fieldset.theme-field.block-text-studio,
  .pimp-site-center > .retro-box,
  .pimp-site-center > section
){
  background:
    linear-gradient(rgba(255,255,255,.90),rgba(255,255,255,.90)),
    var(--pimp-bg-url) center center / cover no-repeat !important;
  border:1px solid rgba(170,199,217,.95) !important;
  box-shadow:0 2px 9px rgba(30,63,88,.07) !important;
  border-radius:4px !important;
}

/* Nicer titlebars */
body[data-page="pimp_profile"] :is(
  .retro-box-title,
  .pimp-block-toolbar,
  .pimp-design-card-toolbar,
  .pimp-v984-cardbar,
  .pimp-v984-group-head
),
body[data-page="admin_pimp_profile"] :is(
  .retro-box-title,
  .pimp-block-toolbar,
  .pimp-design-card-toolbar,
  .pimp-v984-cardbar,
  .pimp-v984-group-head
){
  background:linear-gradient(180deg,var(--pimp-blue-1),var(--pimp-blue-2)) !important;
  color:var(--pimp-blue-ink) !important;
  border-bottom:1px solid var(--pimp-blue-3) !important;
  box-shadow:none !important;
}

/* Left navigation looks nicer */
body[data-page="pimp_profile"] .pimp-site-navgroup > span,
body[data-page="admin_pimp_profile"] .pimp-site-navgroup > span{
  background:linear-gradient(180deg,#dff0fb,#c6deee) !important;
  color:#315d7f !important;
  border-bottom:1px solid #a9c5d7 !important;
}

body[data-page="pimp_profile"] .pimp-site-navgroup a,
body[data-page="admin_pimp_profile"] .pimp-site-navgroup a{
  background:rgba(255,255,255,.62) !important;
  border-bottom:1px solid rgba(174,198,214,.72) !important;
}

body[data-page="pimp_profile"] .pimp-site-navgroup a:hover,
body[data-page="admin_pimp_profile"] .pimp-site-navgroup a:hover{
  background:rgba(255,255,255,.86) !important;
}

body[data-page="pimp_profile"] .pimp-site-navgroup a.active,
body[data-page="admin_pimp_profile"] .pimp-site-navgroup a.active{
  background:linear-gradient(180deg,#fff7df,#f0e2ad) !important;
  color:#7f5900 !important;
  font-weight:700 !important;
}

/* Dashboard cards: slightly prettier hover */
body[data-page="pimp_profile"] .pimp-dashboard > a:hover,
body[data-page="admin_pimp_profile"] .pimp-dashboard > a:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 4px 12px rgba(30,63,88,.10) !important;
  border-color:#91b6cf !important;
}

/* Softer buttons */
body[data-page="pimp_profile"] :is(.blue-btn,.primary-btn),
body[data-page="admin_pimp_profile"] :is(.blue-btn,.primary-btn){
  background:linear-gradient(180deg,#4e92c7,#2c6ea7) !important;
  border:1px solid #245681 !important;
  color:#fff !important;
}

body[data-page="pimp_profile"] :is(.orange-btn,.accent-btn),
body[data-page="admin_pimp_profile"] :is(.orange-btn,.accent-btn){
  background:linear-gradient(180deg,#ffb946,#ea940c) !important;
  border:1px solid #ca7800 !important;
  color:#fff !important;
}

/* Reset strip extra nice */
body[data-page="pimp_profile"] .pimp-reset-card .retro-box-title,
body[data-page="admin_pimp_profile"] .pimp-reset-card .retro-box-title{
  background:linear-gradient(180deg,var(--pimp-gold-1),#f3e1af) !important;
  color:var(--pimp-gold-ink) !important;
  border-bottom:1px solid var(--pimp-gold-2) !important;
}

/* Footer gets the same site-feel and no flat empty strip */
body[data-page="pimp_profile"] .retro-footer,
body[data-page="admin_pimp_profile"] .retro-footer{
  background:
    linear-gradient(rgba(248,251,253,.88),rgba(248,251,253,.88)),
    var(--pimp-bg-url) center bottom / cover no-repeat !important;
  border-top:1px solid rgba(172,198,215,.92) !important;
}

/* Slightly richer side tips/links */
body[data-page="pimp_profile"] .pimp-side-links a,
body[data-page="admin_pimp_profile"] .pimp-side-links a{
  background:rgba(255,255,255,.62) !important;
  border:1px solid rgba(176,198,213,.72) !important;
  border-radius:3px !important;
}

body[data-page="pimp_profile"] .pimp-side-links a:hover,
body[data-page="admin_pimp_profile"] .pimp-side-links a:hover{
  background:rgba(255,255,255,.86) !important;
}

/* Mobile fallback */
@media(max-width:760px){
  body[data-page="pimp_profile"],
  body[data-page="admin_pimp_profile"]{
    background-attachment:scroll,scroll !important;
  }
}

/* Chat explicitly untouched */
#friend-chat,
.friend-chat-window{
  background-image:revert !important;
}