/* ==========================================================
   BuddySocial v10.00
   PIMP SITE SHELL ALIGNMENT
   Makes Pimp visually line up with the whole BuddySocial shell.
   ========================================================== */

:root{
  --bs-shell-gap:12px;
  --bs-shell-edge:14px;
  --bs-shell-max:1680px;
  --bs-left-col:205px;
  --bs-right-col:235px;
}

/* One shared horizontal rhythm for site chrome + Pimp */
body[data-page="pimp_profile"] .retro-topin,
body[data-page="admin_pimp_profile"] .retro-topin,
body[data-page="pimp_profile"] .retro-navin,
body[data-page="admin_pimp_profile"] .retro-navin,
body[data-page="pimp_profile"] main.pimp-page,
body[data-page="admin_pimp_profile"] main.pimp-page{
  width:min(var(--bs-shell-max),calc(100% - (var(--bs-shell-edge) * 2))) !important;
  max-width:var(--bs-shell-max) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

/* Pimp grid now follows the same visual shell as Home */
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:var(--bs-left-col) minmax(0,1fr) var(--bs-right-col) !important;
  gap:var(--bs-shell-gap) !important;
  align-items:start !important;
}

/* Hero lines up exactly with all columns */
body[data-page="pimp_profile"] .pimp-hero,
body[data-page="admin_pimp_profile"] .pimp-hero{
  width:100% !important;
  margin:0 !important;
  border-color:#a9c4d6 !important;
  box-sizing:border-box !important;
}

/* Left navigation */
body[data-page="pimp_profile"] .pimp-tabs-organized.pimp-site-leftnav,
body[data-page="admin_pimp_profile"] .pimp-tabs-organized.pimp-site-leftnav{
  width:var(--bs-left-col) !important;
  max-width:var(--bs-left-col) !important;
  margin:0 !important;
}

/* Center */
body[data-page="pimp_profile"] .pimp-site-center,
body[data-page="admin_pimp_profile"] .pimp-site-center{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  margin:0 !important;
  gap:9px !important;
}

/* Right */
body[data-page="pimp_profile"] .pimp-site-rightbar,
body[data-page="admin_pimp_profile"] .pimp-site-rightbar{
  width:var(--bs-right-col) !important;
  max-width:var(--bs-right-col) !important;
  margin:0 !important;
  gap:9px !important;
}

/* Shared box geometry with site */
body[data-page="pimp_profile"] :is(
  .pimp-hero,
  .pimp-tabs-organized,
  .pimp-site-center > .retro-box,
  .pimp-site-center > section,
  .pimp-site-rightbar .retro-box,
  .pimp-setting-card,
  fieldset.theme-field.block-text-studio,
  .pimp-dashboard > a
),
body[data-page="admin_pimp_profile"] :is(
  .pimp-hero,
  .pimp-tabs-organized,
  .pimp-site-center > .retro-box,
  .pimp-site-center > section,
  .pimp-site-rightbar .retro-box,
  .pimp-setting-card,
  fieldset.theme-field.block-text-studio,
  .pimp-dashboard > a
){
  border-radius:3px !important;
  border-color:#aec7d8 !important;
  box-shadow:0 2px 7px rgba(31,65,91,.07) !important;
}

/* Shared titlebar sizing */
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:31px !important;
  padding:6px 9px !important;
  font-size:9.5px !important;
  line-height:1.2 !important;
}

/* Same inner padding across site */
body[data-page="pimp_profile"] .retro-pad,
body[data-page="admin_pimp_profile"] .retro-pad{
  padding:9px !important;
}

/* Dashboard matches normal site cards */
body[data-page="pimp_profile"] .pimp-dashboard,
body[data-page="admin_pimp_profile"] .pimp-dashboard{
  gap:9px !important;
}

body[data-page="pimp_profile"] .pimp-dashboard > a,
body[data-page="admin_pimp_profile"] .pimp-dashboard > a{
  min-height:72px !important;
  padding:10px !important;
}

/* Normalized icon tiles */
body[data-page="pimp_profile"] .pimp-dashboard > a > span:first-child,
body[data-page="admin_pimp_profile"] .pimp-dashboard > a > span:first-child{
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  min-height:44px !important;
}

/* Forms use same sizing as the rest of the site */
body[data-page="pimp_profile"] :is(
  input[type="text"],input[type="url"],input[type="number"],input[type="email"],
  input[type="password"],select,textarea
),
body[data-page="admin_pimp_profile"] :is(
  input[type="text"],input[type="url"],input[type="number"],input[type="email"],
  input[type="password"],select,textarea
){
  min-height:31px !important;
  padding:5px 7px !important;
  border-radius:3px !important;
  font-size:9.5px !important;
}

/* Buttons normalized */
body[data-page="pimp_profile"] :is(button,.blue-btn,.orange-btn),
body[data-page="admin_pimp_profile"] :is(button,.blue-btn,.orange-btn){
  min-height:30px !important;
  padding:5px 9px !important;
  border-radius:3px !important;
  font-size:9px !important;
}

/* Navigation group sizing */
body[data-page="pimp_profile"] .pimp-site-navgroup a,
body[data-page="admin_pimp_profile"] .pimp-site-navgroup a{
  min-height:34px !important;
  padding:6px 8px !important;
}

/* Right side links */
body[data-page="pimp_profile"] .pimp-side-links a,
body[data-page="admin_pimp_profile"] .pimp-side-links a{
  min-height:30px !important;
  padding:6px 8px !important;
}

/* Background continuity */
body[data-page="pimp_profile"],
body[data-page="admin_pimp_profile"]{
  background-position:center top !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-attachment:fixed !important;
}

/* No detached white strip behind Pimp shell */
body[data-page="pimp_profile"] main.pimp-page,
body[data-page="admin_pimp_profile"] main.pimp-page{
  background:transparent !important;
}

/* Footer aligned to full site shell */
body[data-page="pimp_profile"] .retro-footer > div,
body[data-page="admin_pimp_profile"] .retro-footer > div{
  width:min(var(--bs-shell-max),calc(100% - (var(--bs-shell-edge) * 2))) !important;
  max-width:var(--bs-shell-max) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Large screens: similar proportions to Home */
@media(min-width:1700px){
  :root{
    --bs-left-col:215px;
    --bs-right-col:245px;
    --bs-shell-max:1780px;
  }
}

/* Tablet: same collapse rhythm as general site */
@media(max-width:1120px){
  :root{
    --bs-left-col:185px;
    --bs-shell-edge:8px;
  }

  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:var(--bs-left-col) 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;
    width:100% !important;
    max-width:none !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
  }
}

/* Mobile: same edge spacing as rest of BuddySocial */
@media(max-width:760px){
  :root{
    --bs-shell-edge:4px;
  }

  body[data-page="pimp_profile"],
  body[data-page="admin_pimp_profile"]{
    background-attachment:scroll !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,
  body[data-page="pimp_profile"] .pimp-site-center,
  body[data-page="admin_pimp_profile"] .pimp-site-center,
  body[data-page="pimp_profile"] .pimp-site-rightbar,
  body[data-page="admin_pimp_profile"] .pimp-site-rightbar{
    width:100% !important;
    max-width:none !important;
  }
}

/* Chat stays completely independent */
#friend-chat,
.friend-chat-window{
  width:auto !important;
  max-width:none !important;
}