/* ==========================================================
   BuddySocial v9.90
   Classic Hyves-inspired Pimp layout
   Nostalgic early social-network feel without copying branding.
   ========================================================== */

body[data-page="pimp_profile"],
body[data-page="admin_pimp_profile"]{
  background:
    linear-gradient(rgba(235,244,250,.82),rgba(235,244,250,.82)),
    var(--site-bg-image,url("../images/buddysocial-fixed-pages-bg-v965.png")) center top / cover fixed !important;
}

/* Main shell: classic narrow left / wide center / narrow right */
body[data-page="pimp_profile"] main.pimp-page,
body[data-page="admin_pimp_profile"] main.pimp-page{
  width:min(1120px,calc(100% - 24px)) !important;
  max-width:1120px !important;
  margin:12px auto 28px !important;
}

body[data-page="pimp_profile"] main.pimp-page.pimp-layout-v987,
body[data-page="admin_pimp_profile"] main.pimp-page.pimp-layout-v987{
  display:grid !important;
  grid-template-columns:185px minmax(0,1fr) 205px !important;
  gap:8px !important;
  align-items:start !important;
}

/* Header: flatter and more old-school */
body[data-page="pimp_profile"] .pimp-hero,
body[data-page="admin_pimp_profile"] .pimp-hero{
  grid-column:1 / -1 !important;
  border:1px solid #9dbbd1 !important;
  border-radius:2px !important;
  background:
    linear-gradient(rgba(255,255,255,.90),rgba(255,255,255,.90)),
    var(--site-bg-image,url("../images/buddysocial-fixed-pages-bg-v965.png")) center/cover !important;
  box-shadow:none !important;
}

body[data-page="pimp_profile"] .pimp-hero .retro-pad,
body[data-page="admin_pimp_profile"] .pimp-hero .retro-pad{
  padding:9px 11px !important;
}

body[data-page="pimp_profile"] .pimp-hero h1,
body[data-page="admin_pimp_profile"] .pimp-hero h1{
  margin:2px 0 4px !important;
  font-size:21px !important;
  color:#255e86 !important;
}

body[data-page="pimp_profile"] .pimp-kicker,
body[data-page="admin_pimp_profile"] .pimp-kicker{
  font-size:8px !important;
  color:#d87700 !important;
}

/* LEFT classic navigation */
body[data-page="pimp_profile"] .pimp-tabs-organized.pimp-site-leftnav,
body[data-page="admin_pimp_profile"] .pimp-tabs-organized.pimp-site-leftnav{
  grid-column:1 !important;
  position:static !important;
  margin:0 !important;
  border:1px solid #9fbdd1 !important;
  border-radius:2px !important;
  background:#fff !important;
  box-shadow:none !important;
}

body[data-page="pimp_profile"] .pimp-site-navgroup,
body[data-page="admin_pimp_profile"] .pimp-site-navgroup{
  margin:0 !important;
  border:0 !important;
  border-bottom:1px solid #c9d9e4 !important;
}

body[data-page="pimp_profile"] .pimp-site-navgroup > span,
body[data-page="admin_pimp_profile"] .pimp-site-navgroup > span{
  display:block !important;
  padding:5px 7px !important;
  background:linear-gradient(180deg,#dbeef9,#c7e1f0) !important;
  color:#35627f !important;
  border-bottom:1px solid #a9c6d8 !important;
  font-size:8px !important;
  font-weight:bold !important;
  text-transform:uppercase !important;
}

body[data-page="pimp_profile"] .pimp-site-navgroup a,
body[data-page="admin_pimp_profile"] .pimp-site-navgroup a{
  min-height:29px !important;
  padding:5px 7px !important;
  border:0 !important;
  border-bottom:1px solid #e3ebf0 !important;
  background:#fff !important;
  color:#1f5e91 !important;
  font-size:9px !important;
  font-weight:normal !important;
  border-radius:0 !important;
}

body[data-page="pimp_profile"] .pimp-site-navgroup a:hover,
body[data-page="admin_pimp_profile"] .pimp-site-navgroup a:hover{
  background:#edf6fb !important;
}

body[data-page="pimp_profile"] .pimp-site-navgroup a.active,
body[data-page="admin_pimp_profile"] .pimp-site-navgroup a.active{
  background:#fff7df !important;
  color:#8b5b00 !important;
  border-left:3px solid #ed8d00 !important;
  font-weight:bold !important;
}

/* CENTER: flatter old social-network boxes */
body[data-page="pimp_profile"] .pimp-site-center,
body[data-page="admin_pimp_profile"] .pimp-site-center{
  grid-column:2 !important;
  width:100% !important;
  max-width:none !important;
  display:flex !important;
  flex-direction:column !important;
  gap:7px !important;
}

body[data-page="pimp_profile"] .pimp-site-center > .retro-box,
body[data-page="admin_pimp_profile"] .pimp-site-center > .retro-box,
body[data-page="pimp_profile"] .pimp-setting-card,
body[data-page="admin_pimp_profile"] .pimp-setting-card,
body[data-page="pimp_profile"] fieldset.theme-field.block-text-studio,
body[data-page="admin_pimp_profile"] fieldset.theme-field.block-text-studio{
  border:1px solid #a8c2d4 !important;
  border-radius:2px !important;
  background:#fff !important;
  box-shadow:none !important;
}

/* Classic blue title strips */
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
){
  min-height:27px !important;
  padding:5px 7px !important;
  background:linear-gradient(180deg,#dceefa,#c6e0ef) !important;
  color:#285d80 !important;
  border-bottom:1px solid #9fbdd0 !important;
  font-size:9px !important;
  box-shadow:none !important;
}

/* warm small headers for special reset/test areas */
body[data-page="pimp_profile"] :is(.pimp-style-presetbar-head,.pimp-design-subtoolbar),
body[data-page="admin_pimp_profile"] :is(.pimp-style-presetbar-head,.pimp-design-subtoolbar){
  background:#fff5dc !important;
  border-color:#dfc17a !important;
  color:#815600 !important;
}

/* make all forms denser */
body[data-page="pimp_profile"] .retro-pad,
body[data-page="admin_pimp_profile"] .retro-pad{
  padding:7px !important;
}

body[data-page="pimp_profile"] :is(
  .color-settings,.skin-layout,.theme-setting-grid,.block-text-controls,.titlebar-controls,
  .profile-layout-sliders,.profile-gloss-settings
),
body[data-page="admin_pimp_profile"] :is(
  .color-settings,.skin-layout,.theme-setting-grid,.block-text-controls,.titlebar-controls,
  .profile-layout-sliders,.profile-gloss-settings
){
  gap:6px !important;
  padding:6px !important;
  margin-bottom:6px !important;
  border:1px solid #d5e2ea !important;
  background:#f8fbfd !important;
}

body[data-page="pimp_profile"] label,
body[data-page="admin_pimp_profile"] label{
  font-size:9px !important;
  color:#315c78 !important;
}

body[data-page="pimp_profile"] :is(input[type="text"],input[type="url"],input[type="number"],input[type="email"],select,textarea),
body[data-page="admin_pimp_profile"] :is(input[type="text"],input[type="url"],input[type="number"],input[type="email"],select,textarea){
  min-height:28px !important;
  padding:4px 5px !important;
  border:1px solid #aabfce !important;
  border-radius:2px !important;
  background:#fff !important;
  font-size:9px !important;
  box-shadow:none !important;
}

/* old-school compact buttons */
body[data-page="pimp_profile"] button,
body[data-page="pimp_profile"] .blue-btn,
body[data-page="pimp_profile"] .orange-btn,
body[data-page="admin_pimp_profile"] button,
body[data-page="admin_pimp_profile"] .blue-btn,
body[data-page="admin_pimp_profile"] .orange-btn{
  min-height:27px !important;
  padding:4px 8px !important;
  border-radius:2px !important;
  font-size:9px !important;
  box-shadow:none !important;
}

body[data-page="pimp_profile"] .blue-btn,
body[data-page="admin_pimp_profile"] .blue-btn{
  background:linear-gradient(180deg,#4c8bc0,#2d6fa5) !important;
  border:1px solid #245a86 !important;
  color:#fff !important;
}

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

/* RIGHT: small classic info modules */
body[data-page="pimp_profile"] .pimp-site-rightbar,
body[data-page="admin_pimp_profile"] .pimp-site-rightbar{
  grid-column:3 !important;
  position:static !important;
  gap:7px !important;
}

body[data-page="pimp_profile"] .pimp-side-card,
body[data-page="admin_pimp_profile"] .pimp-side-card{
  border:1px solid #a6c0d2 !important;
  border-radius:2px !important;
  background:#fff !important;
  box-shadow:none !important;
}

body[data-page="pimp_profile"] .pimp-side-card > .retro-box-title,
body[data-page="admin_pimp_profile"] .pimp-side-card > .retro-box-title{
  padding:5px 7px !important;
  background:linear-gradient(180deg,#dceefa,#c7e1f0) !important;
  color:#2c5f7f !important;
  border-bottom:1px solid #a4bfd1 !important;
}

body[data-page="pimp_profile"] .pimp-side-card p,
body[data-page="admin_pimp_profile"] .pimp-side-card p,
body[data-page="pimp_profile"] .pimp-side-help span,
body[data-page="admin_pimp_profile"] .pimp-side-help span{
  font-size:8px !important;
  line-height:1.35 !important;
}

/* Dashboard like classic shortcut boxes */
body[data-page="pimp_profile"] .pimp-dashboard,
body[data-page="admin_pimp_profile"] .pimp-dashboard{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:6px !important;
}

body[data-page="pimp_profile"] .pimp-dashboard > a,
body[data-page="admin_pimp_profile"] .pimp-dashboard > a{
  min-height:54px !important;
  padding:7px !important;
  border:1px solid #b3c8d7 !important;
  border-radius:2px !important;
  background:#fff !important;
  color:#2d6082 !important;
  box-shadow:none !important;
}

/* Pimp presets also less modern */
body[data-page="pimp_profile"] .pimp-style-presetbar,
body[data-page="admin_pimp_profile"] .pimp-style-presetbar,
body[data-page="pimp_profile"] .pimp-quick-palette,
body[data-page="admin_pimp_profile"] .pimp-quick-palette,
body[data-page="pimp_profile"] .pimp-mini-action-row,
body[data-page="admin_pimp_profile"] .pimp-mini-action-row{
  border:1px solid #c7d8e3 !important;
  border-radius:0 !important;
  background:#f7fafc !important;
  box-shadow:none !important;
}

body[data-page="pimp_profile"] .pimp-preset-btn,
body[data-page="admin_pimp_profile"] .pimp-preset-btn{
  border-radius:2px !important;
  box-shadow:none !important;
}

/* Save bars should feel like old fixed action strips */
body[data-page="pimp_profile"] :is(.pimp-easy-savebar,.pimp-design-savebar),
body[data-page="admin_pimp_profile"] :is(.pimp-easy-savebar,.pimp-design-savebar){
  border:1px solid #9eb9cc !important;
  border-radius:2px !important;
  background:#eef6fb !important;
  box-shadow:0 2px 7px rgba(31,65,91,.10) !important;
}

/* background visible between modules instead of giant white canvas */
body[data-page="pimp_profile"] main.pimp-page::before,
body[data-page="admin_pimp_profile"] main.pimp-page::before{
  display:none !important;
}

/* Tablet */
@media(max-width:980px){
  body[data-page="pimp_profile"] main.pimp-page.pimp-layout-v987,
  body[data-page="admin_pimp_profile"] main.pimp-page.pimp-layout-v987{
    grid-template-columns:175px minmax(0,1fr) !important;
  }

  body[data-page="pimp_profile"] .pimp-site-rightbar,
  body[data-page="admin_pimp_profile"] .pimp-site-rightbar{
    grid-column:2 !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
  }
}

/* Mobile: still practical, but visually classic */
@media(max-width:760px){
  body[data-page="pimp_profile"] main.pimp-page,
  body[data-page="admin_pimp_profile"] main.pimp-page{
    width:calc(100% - 8px) !important;
    margin:5px auto 86px !important;
  }

  body[data-page="pimp_profile"] main.pimp-page.pimp-layout-v987,
  body[data-page="admin_pimp_profile"] main.pimp-page.pimp-layout-v987{
    display:block !important;
  }

  body[data-page="pimp_profile"] .pimp-tabs-organized.pimp-site-leftnav,
  body[data-page="admin_pimp_profile"] .pimp-tabs-organized.pimp-site-leftnav{
    margin-bottom:6px !important;
  }

  body[data-page="pimp_profile"] .pimp-site-navgroup > div,
  body[data-page="admin_pimp_profile"] .pimp-site-navgroup > div{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
  }

  body[data-page="pimp_profile"] .pimp-site-rightbar,
  body[data-page="admin_pimp_profile"] .pimp-site-rightbar{
    display:block !important;
    margin-top:6px !important;
  }

  body[data-page="pimp_profile"] .pimp-side-card,
  body[data-page="admin_pimp_profile"] .pimp-side-card{
    margin-bottom:6px !important;
  }

  body[data-page="pimp_profile"] .pimp-dashboard,
  body[data-page="admin_pimp_profile"] .pimp-dashboard{
    grid-template-columns:1fr !important;
  }
}