/* layouts/app/communities-layout.css
 * v1.1.3.308 — Communities layout-specific.
 *
 * Wider container для hero + sidebar.
 */

.app-page-wrapper--communities {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.container--communities {
  width: 100%;
  max-width: 1024px;
  margin-inline: auto;
  padding: var(--n-s-4, 18px) var(--n-s-3, 14px);
}

@media (min-width: 720px) {
  .container--communities {
    padding: var(--n-s-5, 20px) var(--n-s-4, 18px);
  }
}

/* Logged in mobile — bottom nav padding */
@media (max-width: 768px) {
  body.kp-route-communities[data-kp-mobile-bottom-nav="1"] .app-page-wrapper--communities {
    padding-bottom: var(--kp-bottom-nav-h, 64px);
  }
}