/* Mobil — bez horizontálního scrollu, dialogy na šířku displeje */

html {
  overflow-x: clip;
}

body {
  overflow-x: clip;
}

img,
video,
iframe,
svg {
  max-width: 100%;
}

.post-body,
.post-excerpt,
.vzkaz-body,
.poll-detail-description,
.comment-body,
.poll-card-excerpt,
.post-detail-title,
.poll-detail-question {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.post-body img,
.post-body table,
.post-body pre {
  max-width: 100%;
  height: auto;
}

.feed-grid .post-cover-feed-link .post-cover-img,
.post-detail-cover-btn.post-cover-fit-cover .post-detail-cover,
.post-detail-cover-btn.post-cover-fit-contain .post-detail-cover {
  height: 100%;
}

.post-body pre,
.post-body table {
  display: block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* ——— Dialogy / overlaye ——— */

.overlay-dialog-close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  border: none;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--color-text-muted);
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
}

.overlay-dialog-close:hover,
.overlay-dialog-close:focus-visible {
  background: rgba(0, 0, 0, 0.06);
  color: var(--color-text);
  outline: none;
}

.overlay-dialog-inner,
.account-delete-dialog-inner,
.content-report-dialog-inner,
.murph-avatar-crop-panel,
.pwa-install-dialog-panel {
  position: relative;
}

@media (max-width: 767px) {
  /* Užší displej než hlavička — obsah se vejde, ale nepřesáhne šířku okna */
  .site-content,
  .site-main,
  .panel,
  .page-narrow {
    min-width: 0;
    max-width: 100%;
  }

  /* Tabulky — horizontální scroll uvnitř, ne celá stránka */
  .table-scroll-wrap {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .admin-body .panel,
  .admin-body .admin-main {
    max-width: 100%;
    overflow-x: auto;
  }

  .report-details-inline[open] .report-form {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .header-inner {
    max-width: 100%;
  }

  .user-menu-panel {
    max-width: min(18rem, calc(100vw - 1rem));
  }

  .bottom-nav-create-panel {
    max-width: min(18rem, calc(100vw - 1rem));
  }

  .account-delete-dialog,
  .content-report-dialog {
    width: 95vw !important;
    max-width: 95vw;
    margin: auto;
    box-sizing: border-box;
  }

  .murph-avatar-crop-panel {
    width: 95vw !important;
    max-width: 95vw;
    box-sizing: border-box;
  }

  .pwa-install-dialog-panel {
    width: 95vw !important;
    max-width: 95vw;
    box-sizing: border-box;
  }

  .murph-avatar-crop {
    padding: 0.5rem;
  }

  /* Můj účet — menší kapsle, ať se na úzkém displeji vejdou lépe */
  .account-subnav,
  .account-subnav-manage-links {
    justify-content: center;
    gap: 0.28rem;
  }

  .account-subnav-link {
    padding: 0.28rem 0.5rem;
    font-size: 0.72rem;
    gap: 0.2rem;
  }

  .account-subnav-section-label {
    text-align: center;
  }
}