/* Fix for My Stuff pages layout */

/* Ensure the right sidebar appears correctly on My Stuff pages */
.social1-right-sidebar {
  width: var(--right-sidebar-width);
  position: fixed;
  right: 0;
  height: 100vh;
  padding: 0 20px;
  overflow-y: auto;
  background-color: var(--social1-background);
  border-left: 1px solid var(--social1-extra-light-gray);
}

/* Adjust main content to respect the sidebar widths */
.social1-main-content {
  flex: 1;
  margin-left: var(--sidebar-width);
  margin-right: var(--right-sidebar-width);
  border-left: 1px solid var(--social1-extra-light-gray);
  border-right: 1px solid var(--social1-extra-light-gray);
  min-height: 100vh;
  max-width: calc(100% - var(--sidebar-width) - var(--right-sidebar-width));
  padding-top: 20px; /* Add padding to prevent title from being cut off */
  overflow: visible; /* Ensure content isn't being clipped */
}

/* Fix for truncated titles in containers */
.container h1 {
  margin-top: 10px; /* Add margin to ensure title is fully visible */
  position: relative; /* Ensure proper stacking context */
  z-index: 1; /* Ensure title appears above other elements */
}

/* Ensure the layout works on smaller screens */
@media (max-width: 1200px) {
  .social1-right-sidebar {
    right: 0;
  }
}