/* Compatibility fixes for the recovered MatFlat layout on MyBB 1.8.41. */
#logo .logoimg { width: 180px; height: auto; max-width: 100%; }
#content .wrapperforum { width: 100%; box-sizing: border-box; }
#panel .upper .wrapper { min-height: 24px; }
#footer .upper, #footer .lower { overflow: auto; }
#footer #copyright { float: none; display: inline-block; }
.topnav .menu-toggle { display: none; border: 0; background: transparent; color: #333; cursor: pointer; font-size: 26px; padding: 3px 15px; }
.topnav a:focus-visible, .menu-toggle:focus-visible { outline: 2px solid #0072bc; outline-offset: -2px; }
@media (max-width: 600px) {
  .topnav .menu-toggle { display: block; position: absolute; right: 0; top: 0; }
  .topnav { position: relative; min-height: 40px; }
  .topnav.responsive a { float: none; display: block; text-align: left; }
  #logo { padding-top: 20px; padding-bottom: 20px; }
  #logo .logoimg { width: 140px; }
  #content { overflow-x: auto; }
  .post .post_head { overflow-wrap: anywhere; }
  .post.classic .post_author { width: auto; float: none; }
  .post.classic .post_content { width: auto; float: none; }
}

@media (max-width: 600px) {
  .forum-list > tbody > tr:first-child > td:not(:first-child),
  .forum-list > tbody > tr:not(:first-child) > td:nth-child(n+3) { display: none; }
  .forum-list > tbody > tr:not(:first-child) > td:nth-child(2) { width: auto; }
  .forum-list { table-layout: auto; }
}

/* Shared WordPress background video; keep branding above the video. */
#logo { position: relative; overflow: hidden; isolation: isolate; }
#logo .collective-header-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
  z-index: -1;
}
#logo > .wrapper { position: relative; z-index: 1; }