/* ==========================================================
   BuddySocial v10.01
   PIMP 100% WIDTH + WIDER SIDEBARS
   ========================================================== */

:root{
  --pimp-edge:8px;
  --pimp-left:235px;
  --pimp-right:265px;
  --pimp-gap:10px;
}

/* Full width shell */
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:calc(100% - (var(--pimp-edge) * 2)) !important;
  max-width:none !important;
  margin-left:var(--pimp-edge) !important;
  margin-right:var(--pimp-edge) !important;
  box-sizing:border-box !important;
}

/* Main Pimp layout */
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(--pimp-left) minmax(0,1fr) var(--pimp-right) !important;
  gap:var(--pimp-gap) !important;
}

/* Left sidebar wider */
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(--pimp-left) !important;
  max-width:var(--pimp-left) !important;
}

/* Right sidebar wider */
body[data-page="pimp_profile"] .pimp-site-rightbar,
body[data-page="admin_pimp_profile"] .pimp-site-rightbar{
  width:var(--pimp-right) !important;
  max-width:var(--pimp-right) !important;
}

/* Center keeps all remaining space */
body[data-page="pimp_profile"] .pimp-site-center,
body[data-page="admin_pimp_profile"] .pimp-site-center{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
}

/* Hero full-width across all columns */
body[data-page="pimp_profile"] .pimp-hero,
body[data-page="admin_pimp_profile"] .pimp-hero{
  width:100% !important;
  max-width:none !important;
}

/* Slightly larger side content */
body[data-page="pimp_profile"] .pimp-site-navgroup a,
body[data-page="admin_pimp_profile"] .pimp-site-navgroup a{
  min-height:35px !important;
  padding:7px 9px !important;
  font-size:9.5px !important;
}

body[data-page="pimp_profile"] .pimp-side-card .retro-pad,
body[data-page="admin_pimp_profile"] .pimp-side-card .retro-pad{
  padding:10px !important;
}

body[data-page="pimp_profile"] .pimp-side-links a,
body[data-page="admin_pimp_profile"] .pimp-side-links a{
  min-height:31px !important;
  padding:7px 8px !important;
}

/* Dashboard keeps good width balance */
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:9px !important;
}

/* Full width footer inner area */
body[data-page="pimp_profile"] .retro-footer > div,
body[data-page="admin_pimp_profile"] .retro-footer > div{
  width:calc(100% - (var(--pimp-edge) * 2)) !important;
  max-width:none !important;
  margin-left:var(--pimp-edge) !important;
  margin-right:var(--pimp-edge) !important;
  box-sizing:border-box !important;
}

/* Very large screens: slightly wider sidebars */
@media(min-width:1700px){
  :root{
    --pimp-left:250px;
    --pimp-right:285px;
    --pimp-gap:12px;
  }
}

/* Tablet */
@media(max-width:1150px){
  :root{
    --pimp-left:200px;
    --pimp-edge:6px;
  }

  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(--pimp-left) 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 */
@media(max-width:760px){
  :root{
    --pimp-edge:4px;
  }

  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 untouched */
#friend-chat,
.friend-chat-window{
  width:auto !important;
  max-width:none !important;
}