/* Mobilvisning, 25-09-2026. Rammer kun skaerme under 900 px, saa
   skrivebordsvisningen er uaendret. Klassenavnene er sitets egne. */
@media (max-width: 900px) {
  html { -webkit-text-size-adjust: 100%; }
  body { margin: 0; padding: 0; overflow-x: hidden; }

  /* de faste bredder fra 2013 bliver flydende */
  .outer, .inner, .header, .banner, .menu, .content, .footer,
  #logo, .logo, h1, h2, h3 {
    width: auto !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
  }
  .inner, .outer { padding-left: 8px !important; padding-right: 8px !important; }

  /* menuen bliver knapper der kan rammes med en finger */
  .menu { text-align: center; }
  .menu a {
    width: auto !important;
    display: inline-block;
    padding: 10px 12px;
    line-height: 1.4;
  }

  /* spillisten: tabellen fylder skaermen og maa bryde */
  table, table.games { width: 100% !important; max-width: 100% !important; }
  table.games td { word-break: break-word; }
  td[width] { width: auto !important; }

  img { max-width: 100%; height: auto; }

  /* selve spillet skaleres ned i stedet for at blive klippet af */
  embed, object, ruffle-embed, ruffle-object, ruffle-player, canvas {
    max-width: 100% !important;
  }
  ruffle-embed, ruffle-object { width: 100% !important; height: auto !important; }

  /* kolonner side om side stables */
  div[style*="float:left"], div[style*="float: left"],
  div[style*="float:right"], div[style*="float: right"] {
    float: none !important;
    width: auto !important;
  }
  div[style*="width:230px"], div[style*="width: 230px"],
  div[style*="width:200px"], div[style*="width: 200px"] { width: auto !important; }

  ins.adsbygoogle, iframe { max-width: 100% !important; }

  /* kommentarfelt og andre indlejrede rammer skal ogsaa holde sig indenfor */
  iframe, iframe[width], .fb-comments, .fb-comments span, .fb-comments iframe,
  .boxes, .box, .comments {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box;
  }
  .boxes, .box { margin-left: 0 !important; margin-right: 0 !important; }
  * { max-width: 100%; }
  img, embed, object, ruffle-embed, ruffle-object { height: auto; }

}

/* 20-10-2026 (#96): paa mobil havde spillet hoejden 0, logoet bredden 0,
   og menuen gik ind over overskriften. */
@media (max-width: 900px) {
  ruffle-embed, ruffle-object {
    aspect-ratio: 4 / 3;
    aspect-ratio: attr(width type(<number>)) / attr(height type(<number>));
  }
  .header, #topbar, #innertopbar { height: auto !important; }
  #topbar, #innertopbar { overflow: hidden; }
  #logo, .logo {
    float: none !important;
    width: 100% !important;
    background-position: center center !important;
    background-size: contain;
  }
  .inner table:has(.flash) td { display: block; width: 100% !important; }
}