/* MeydanBB v0.66: small-screen layout, loaded after the selected theme. */
@media (max-width: 960px) {
  .header-inner { flex-wrap: wrap; gap: 10px; padding-top: 12px; padding-bottom: 12px; }
  .brand { min-width: 0; max-width: 100%; }
  .brand > span { min-width: 0; overflow-wrap: anywhere; }
  .brand-mark, .brand-logo { flex-shrink: 0; }
  .header-side { width: 100%; justify-content: flex-start; flex-wrap: wrap; gap: 5px 14px; }
  .header-side > a { display: inline-flex; align-items: center; min-height: 40px; overflow-wrap: anywhere; }
  .menubar nav { flex-wrap: wrap; align-items: stretch; overflow: visible; gap: 4px; padding-top: 6px; padding-bottom: 6px; }
  .menubar nav > a { flex: 1 1 auto; text-align: center; white-space: normal; border-radius: 4px; padding: 10px 12px; min-height: 44px; }
  .menubar .nav-search { order: 10; flex: 1 0 100%; min-width: 0; margin: 0; gap: 8px; padding: 4px 0; }
  .menubar .nav-search input { flex: 1 1 0; width: 0; min-width: 0; min-height: 44px; font-size: 16px; }
  .menubar .nav-search button { min-height: 44px; padding: 8px 16px; }
  .forum-primary, .forum-sidebar, .side-card { min-width: 0; }
  .breadcrumbs { flex-wrap: wrap; overflow-wrap: anywhere; gap: 5px 8px; }
  .forum-heading > div { min-width: 0; overflow-wrap: anywhere; }
  .board-title { flex-wrap: wrap; gap: 5px 12px; overflow-wrap: anywhere; }
  .forum-cell > div, .thread-main > span:last-child { min-width: 0; overflow-wrap: anywhere; }
  .topic-slider-heading { flex-wrap: wrap; gap: 12px; }
}
@media (min-width: 761px) and (max-width: 960px) {
  .forum-layout { grid-template-columns: minmax(0, 1fr); }
  .forum-sidebar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
}
@media (max-width: 760px) {
  .header-inner { align-items: stretch; }
  .forum-welcome { padding: 16px; }
  .forum-welcome h1 { font-size: 1.25rem; }
  .forum-heading h1 { font-size: 1.4rem; line-height: 1.4; }
  .panel { padding: 16px; }
  form input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]):not([type="file"]),
  form textarea, form select { max-width: 100%; min-width: 0; font-size: 16px; }
  form input[type="file"] { max-width: 100%; min-width: 0; }
  .forum-sidebar .side-link, .poll-topic-link { min-height: 44px; }
  .social-follow-link { min-height: 44px; }
  .poll-card .poll-choice { align-items: center; min-height: 44px; margin: 0 0 4px; }
  .poll-card .poll-choice input { margin: 0; }
  .poll-card button, .topic-slider-actions button { min-height: 44px; height: auto; }
  .rich-toolbar .editor-button { min-width: 40px; height: 44px; }
  .rich-toolbar .editor-select { height: 44px; font-size: 16px; }
  .topic-reading-stats { gap: 7px 14px; }
  .post-content img, .prose img, .prose iframe { max-width: 100%; }
  .prose pre { max-width: 100%; overflow-x: auto; }
  .post-author-head, .post-author-identity { min-width: 0; }
  .post-author-stats { flex-wrap: wrap; }
  .actions { flex-wrap: wrap; }
  .move-form { flex-wrap: wrap; }
  .move-form label { min-width: 0; max-width: 100%; }
}
@media (max-width: 600px) {
  .menubar nav > a { flex: 1 1 calc(50% - 4px); font-size: .85rem; padding: 10px 8px; }
  .forum-sidebar { display: grid; grid-template-columns: minmax(0, 1fr); }
  .header-side { font-size: .8rem; gap: 4px 12px; }
  .topic-slider-actions { justify-content: flex-start; }
}
