/* 88BB Member/Public PHP Page Cleanup v1.2.7
   Removes the legacy left sidebar on user-facing PHP pages and locks content to 1440px. */

:root {
  --bb-member-shell: 1440px;
  --bb-member-pad: clamp(14px, 2.2vw, 32px);
}

body[data-page="membership"].v5-site-ready .sidebar,
body[data-page="member"].v5-site-ready .sidebar {
  display: none !important;
}

body[data-page="membership"].v5-site-ready .app-shell,
body[data-page="member"].v5-site-ready .app-shell {
  display: block !important;
  width: min(100%, var(--bb-member-shell)) !important;
  max-width: var(--bb-member-shell) !important;
  margin: 0 auto !important;
  min-height: auto !important;
  box-sizing: border-box !important;
}

body[data-page="membership"].v5-site-ready .main-panel,
body[data-page="member"].v5-site-ready .main-panel {
  width: 100% !important;
  max-width: var(--bb-member-shell) !important;
  margin: 0 auto !important;
  padding: 28px var(--bb-member-pad) !important;
  box-sizing: border-box !important;
}

body[data-page="membership"].v5-site-ready .topbar,
body[data-page="member"].v5-site-ready .topbar {
  align-items: flex-start;
}

body[data-page="membership"].v5-site-ready .standalone-panel,
body[data-page="member"].v5-site-ready .standalone-panel,
body[data-page="membership"].v5-site-ready .member-panel,
body[data-page="member"].v5-site-ready .member-panel,
body[data-page="membership"].v5-site-ready .member-hero,
body[data-page="member"].v5-site-ready .member-hero {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body[data-page="membership"].v5-site-ready table,
body[data-page="member"].v5-site-ready table {
  max-width: 100% !important;
}

body[data-page="membership"].v5-site-ready .bb-disclaimer-strip,
body[data-page="member"].v5-site-ready .bb-disclaimer-strip {
  width: min(100% - 28px, var(--bb-member-shell)) !important;
  margin: 26px auto 34px !important;
  padding: 18px 20px !important;
  font-size: clamp(15px, 1.6vw, 18px) !important;
  line-height: 1.7 !important;
  border-radius: 20px !important;
}

body[data-page="membership"].v5-site-ready .bb-disclaimer-strip a,
body[data-page="member"].v5-site-ready .bb-disclaimer-strip a {
  font-size: inherit !important;
  font-weight: 900 !important;
}

@media (max-width: 760px) {
  body[data-page="membership"].v5-site-ready .main-panel,
  body[data-page="member"].v5-site-ready .main-panel {
    padding: 20px 14px !important;
  }
  body[data-page="membership"].v5-site-ready .topbar,
  body[data-page="member"].v5-site-ready .topbar {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  body[data-page="membership"].v5-site-ready .topbar-actions,
  body[data-page="member"].v5-site-ready .topbar-actions,
  body[data-page="membership"].v5-site-ready .member-action-row,
  body[data-page="member"].v5-site-ready .member-action-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
  }
  body[data-page="membership"].v5-site-ready .page-link-button,
  body[data-page="member"].v5-site-ready .page-link-button,
  body[data-page="membership"].v5-site-ready .api-button,
  body[data-page="member"].v5-site-ready .api-button,
  body[data-page="membership"].v5-site-ready .secondary-button,
  body[data-page="member"].v5-site-ready .secondary-button {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }
}