/**
 * adaptive/orientation.css — portrait / landscape shell tweaks.
 * Не меняет порог body.mobile-layout (900px); только orientation helpers.
 */

/* —— Portrait: bottom-nav friendly, vertical stacks —— */
@media (orientation: portrait) {
  body.mobile-layout .library-hub-grid,
  body.mobile-layout .friends-layout,
  body.mobile-layout .settings-page.settings-page--sketch .settings-layout {
    grid-template-columns: 1fr;
  }

  body.mobile-layout .store-sticky-bar {
    flex-direction: column;
    align-items: stretch;
  }

  body.mobile-layout .market-browse-toolbar,
  body.mobile-layout .inv-toolbar {
    flex-wrap: wrap;
  }
}

/* —— Landscape phone / narrow: conserve vertical chrome —— */
@media (orientation: landscape) and (max-height: 500px) {
  body.mobile-layout .app-header {
    min-height: 0;
    padding-top: max(4px, var(--safe-top, 0px));
    padding-bottom: 4px;
  }

  body.mobile-layout .bottom-navigation,
  body.mobile-layout #bottom-navigation {
    min-height: 48px;
  }

  body.mobile-layout .main-content {
    padding-top: 8px;
  }

  body.mobile-layout .lib-hub-block {
    padding: 10px;
  }
}

@media (orientation: landscape) and (max-width: 1023px) {
  body.mobile-layout .community-page,
  body.mobile-layout .discord-layout {
    /* горизонтальный chat: больше места ширине сообщений */
    --community-side-w: min(220px, 32vw);
  }

  body.tablet-layout .library-hub-grid {
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
  }
}