/* 
 * Two Column Layout Fix
 * This CSS ensures all pages properly expand to fill the available space
 * in the two-column layout (left sidebar + main content)
 */

/* Force the layout to use full width */
.social1-layout {
  max-width: 100% !important;
  width: 100% !important;
}

/* Ensure main content takes all available space */
.social1-main-content {
  margin-right: 0 !important;
  width: calc(100% - var(--sidebar-width)) !important;
  max-width: none !important;
}

/* Override any Bootstrap container constraints in page templates */
.social1-main-content .container,
.social1-main-content .container-fluid,
.social1-main-content [class^="container-"] {
  max-width: none !important;
  width: 100% !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

/* Ensure content areas within pages expand properly */
.social1-main-content > div {
  width: 100% !important;
  max-width: none !important;
}

/* Fix for any media queries that might be constraining width */
@media (min-width: 576px) {
  .social1-main-content .container,
  .social1-main-content .container-fluid,
  .social1-main-content [class^="container-"] {
    max-width: none !important;
    width: 100% !important;
  }
}

@media (min-width: 768px) {
  .social1-main-content .container,
  .social1-main-content .container-fluid,
  .social1-main-content [class^="container-"] {
    max-width: none !important;
    width: 100% !important;
  }
}

@media (min-width: 992px) {
  .social1-main-content .container,
  .social1-main-content .container-fluid,
  .social1-main-content [class^="container-"] {
    max-width: none !important;
    width: 100% !important;
  }
}

@media (min-width: 1200px) {
  .social1-main-content .container,
  .social1-main-content .container-fluid,
  .social1-main-content [class^="container-"] {
    max-width: none !important;
    width: 100% !important;
  }
}

/* Ensure chat view also expands properly */
.chat-view .social1-main-content {
  width: calc(100% - var(--sidebar-width)) !important;
}