/* ==========================================================
   BuddySocial v9.92 - PIMP FINAL CLEANUP
   ========================================================== */

/* Fix the exact overlap from the screenshot:
   remove the obsolete SITE-AFBEELDING VOORBEELD pseudo badge. */
body[data-page="pimp_profile"] #design .pimp-setting-card::after,
body[data-page="pimp_profile"] #blocks fieldset.theme-field.block-text-studio::after,
body[data-page="admin_pimp_profile"] #design .pimp-setting-card::after,
body[data-page="admin_pimp_profile"] #blocks fieldset.theme-field.block-text-studio::after{
  content:none !important;
  display:none !important;
}

/* Old proof/helper badges are no longer needed */
body[data-page="pimp_profile"] :is(.pimp-preview-label,.pimp-current-bg-thumb),
body[data-page="admin_pimp_profile"] :is(.pimp-preview-label,.pimp-current-bg-thumb){
  display:none !important;
}

/* Old duplicate overview bars */
body[data-page="pimp_profile"] :is(.pimp-design-overview-tools,.pimp-block-overview-tools),
body[data-page="admin_pimp_profile"] :is(.pimp-design-overview-tools,.pimp-block-overview-tools){
  display:none !important;
}

/* Keep one save area only */
body[data-page="pimp_profile"] .pimp-quick-save,
body[data-page="admin_pimp_profile"] .pimp-quick-save,
body[data-page="pimp_profile"] .pimp-clean-hidden-original-save,
body[data-page="admin_pimp_profile"] .pimp-clean-hidden-original-save{
  display:none !important;
}

/* Toolbar: clean, no overlaps */
body[data-page="pimp_profile"] :is(.pimp-block-toolbar,.pimp-design-card-toolbar),
body[data-page="admin_pimp_profile"] :is(.pimp-block-toolbar,.pimp-design-card-toolbar){
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  min-height:34px !important;
  padding:5px 7px !important;
  overflow:visible !important;
}

/* Leave enough room for the action buttons, especially on smaller desktop widths */
body[data-page="pimp_profile"] :is(.pimp-block-toolbar-title,.pimp-design-card-name),
body[data-page="admin_pimp_profile"] :is(.pimp-block-toolbar-title,.pimp-design-card-name){
  min-width:0 !important;
  flex:1 1 auto !important;
  padding-right:4px !important;
}

body[data-page="pimp_profile"] :is(.pimp-block-toolbar-actions,.pimp-design-card-actions),
body[data-page="admin_pimp_profile"] :is(.pimp-block-toolbar-actions,.pimp-design-card-actions){
  position:static !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex:0 0 auto !important;
  gap:4px !important;
  margin-left:auto !important;
}

/* Consistent compact action buttons */
body[data-page="pimp_profile"] :is(
  .pimp-collapse-block,.pimp-test-block,.pimp-reset-block,.pimp-design-collapse,.pimp-design-reset
),
body[data-page="admin_pimp_profile"] :is(
  .pimp-collapse-block,.pimp-test-block,.pimp-reset-block,.pimp-design-collapse,.pimp-design-reset
){
  min-width:auto !important;
  min-height:25px !important;
  height:25px !important;
  padding:3px 7px !important;
  margin:0 !important;
  white-space:nowrap !important;
  font-size:8px !important;
  line-height:1 !important;
  border-radius:2px !important;
}

/* Collapse button classic blue/white */
body[data-page="pimp_profile"] :is(.pimp-collapse-block,.pimp-design-collapse),
body[data-page="admin_pimp_profile"] :is(.pimp-collapse-block,.pimp-design-collapse){
  background:#fff !important;
  border:1px solid #a9c2d3 !important;
  color:#34617e !important;
}

/* Test button */
body[data-page="pimp_profile"] .pimp-test-block,
body[data-page="admin_pimp_profile"] .pimp-test-block{
  background:#eef7fc !important;
  border:1px solid #92b9d3 !important;
  color:#255f87 !important;
}

/* Reset button */
body[data-page="pimp_profile"] :is(.pimp-reset-block,.pimp-design-reset),
body[data-page="admin_pimp_profile"] :is(.pimp-reset-block,.pimp-design-reset){
  background:#fff4d9 !important;
  border:1px solid #dcb564 !important;
  color:#825600 !important;
}

/* Test badge stays but no longer competes with toolbar */
body[data-page="pimp_profile"] #blocks .pimp-test-badge,
body[data-page="admin_pimp_profile"] #blocks .pimp-test-badge{
  left:7px !important;
  top:7px !important;
  padding:2px 5px !important;
  font-size:7px !important;
}

/* Section intro is now a thin helper row, not a second title block */
body[data-page="pimp_profile"] .pimp-v984-section-intro,
body[data-page="admin_pimp_profile"] .pimp-v984-section-intro{
  min-height:auto !important;
  margin:0 !important;
  padding:5px 7px !important;
  border:0 !important;
  border-bottom:1px solid #dbe5ec !important;
  background:#f8fbfd !important;
  box-shadow:none !important;
}

body[data-page="pimp_profile"] .pimp-v984-section-intro > span,
body[data-page="admin_pimp_profile"] .pimp-v984-section-intro > span{
  font-size:13px !important;
}

body[data-page="pimp_profile"] .pimp-v984-section-intro b,
body[data-page="admin_pimp_profile"] .pimp-v984-section-intro b{
  font-size:9px !important;
}

body[data-page="pimp_profile"] .pimp-v984-section-intro small,
body[data-page="admin_pimp_profile"] .pimp-v984-section-intro small{
  font-size:8px !important;
  color:#6f8391 !important;
}

/* Keep active card uncluttered */
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{
  overflow:hidden !important;
}

/* Collapsed design card really only shows its toolbar */
body[data-page="pimp_profile"] .pimp-setting-card.pimp-design-collapsed > *:not(.pimp-design-card-toolbar),
body[data-page="admin_pimp_profile"] .pimp-setting-card.pimp-design-collapsed > *:not(.pimp-design-card-toolbar){
  display:none !important;
}

/* Prevent old absolute helpers from overlapping future content */
body[data-page="pimp_profile"] :is(#design,#blocks) [class*="preview"]::after,
body[data-page="admin_pimp_profile"] :is(#design,#blocks) [class*="preview"]::after{
  max-width:calc(100% - 14px) !important;
}

/* Sticky save bars: compact and single-purpose */
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){
  min-height:42px !important;
  padding:6px 8px !important;
  margin-top:7px !important;
  border-radius:2px !important;
}

/* Wide desktop still stays tidy */
@media(min-width:1200px){
  body[data-page="pimp_profile"] :is(.pimp-block-toolbar-actions,.pimp-design-card-actions),
  body[data-page="admin_pimp_profile"] :is(.pimp-block-toolbar-actions,.pimp-design-card-actions){
    gap:5px !important;
  }
}

/* Mobile actions wrap cleanly instead of overlapping */
@media(max-width:760px){
  body[data-page="pimp_profile"] :is(.pimp-block-toolbar,.pimp-design-card-toolbar),
  body[data-page="admin_pimp_profile"] :is(.pimp-block-toolbar,.pimp-design-card-toolbar){
    align-items:stretch !important;
    flex-direction:column !important;
  }

  body[data-page="pimp_profile"] :is(.pimp-block-toolbar-actions,.pimp-design-card-actions),
  body[data-page="admin_pimp_profile"] :is(.pimp-block-toolbar-actions,.pimp-design-card-actions){
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

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

  body[data-page="pimp_profile"] :is(
    .pimp-collapse-block,.pimp-test-block,.pimp-reset-block,.pimp-design-collapse,.pimp-design-reset
  ),
  body[data-page="admin_pimp_profile"] :is(
    .pimp-collapse-block,.pimp-test-block,.pimp-reset-block,.pimp-design-collapse,.pimp-design-reset
  ){
    width:100% !important;
  }
}