/* Mobilni verze 2026 - vzhled pocitace zustava */
@media (min-width: 1100px) {
  .entry, .entry p, .entry li { font-size: 16px; line-height: 1.5; }
}
@media (max-width: 820px) {
  html, body { overflow-x: hidden; }
  body { font-size: 16px; }
  #wrapper, #container, .container, .container .span-1, .container [class*="span-"] {
    width: auto !important; max-width: 100%; float: none !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box;
  }
  .container { padding: 0 8px; }
  [class*="span-"] { padding-right: 0 !important; }
  #contentwrap { background-image: none !important; background: #fff; }
  #content { padding: 10px 4px; }
  #header { height: auto !important; min-height: 0; background-size: auto 100%; padding: 6px 0; background-position: left top; }
  #header [class*="span-"] { text-align: center; }
  .logoimg { margin: 8px auto; max-width: 100%; height: auto; }
  #header h1 { font-size: 24px; padding: 8px 0 0; }
  #header h2 { line-height: 1.3; font-size: 16px; padding: 4px 0; }
  #header .span-13 > div { padding: 6px 0 !important; overflow: hidden; }
  #header .span-13 img, #header .span-13 iframe, #header .span-13 ins { max-width: 100%; height: auto; }
  #pagemenucontainer { background: #222; float: none; height: auto; margin-bottom: 6px; width: 100%; }
  #pagemenu { float: none; height: auto; display: flex; flex-wrap: wrap; width: 100%; }
  #pagemenu li { float: none; flex: 1 1 33%; }
  #pagemenu li a, #pagemenu li a:link { margin: 1px; padding: 14px 6px; min-height: 44px; box-sizing: border-box; font-size: 14px; text-align: center; line-height: 16px; }
  #pagemenu ul { display: none; }
  .feedtwitter { text-align: center; margin: 0; background: #222; }
  .feedtwitter a { display: inline-block; padding: 8px; min-width: 44px; min-height: 44px; box-sizing: border-box; }
  #topsearch { padding: 6px 4px; background: #222; }
  #topsearch #search { margin: 0; padding: 0; }
  #topsearch #s { width: 75% !important; color: #ccc; }
  #topsearch input#s { min-height: 44px; font-size: 16px; box-sizing: border-box; }
  #topsearch input[type="submit"] { min-height: 44px; min-width: 44px; font-size: 16px; }
  #navcontainer { height: auto !important; overflow: visible; background-image: none; background-color: #538E08; }
  #nav { display: flex; flex-wrap: wrap; width: 100%; padding: 0; margin: 0; }
  #nav li { float: none !important; flex: 1 1 33%; list-style: none; }
  #nav li a { display: block; padding: 13px 6px; min-height: 44px; box-sizing: border-box; font-size: 15px; text-align: center; color: #fff; }
  #nav ul { display: none !important; }
  .entry { text-align: left; font-size: 16px; line-height: 1.5; }
  .entry p, .entry li { font-size: 16px; }
  .title { font-size: 22px; line-height: 1.3; }
  .postdate, .postmeta { font-size: 14px; }
  .post img, .entry img, #content img { max-width: 100% !important; height: auto !important; }
  .alignleft, .alignright, .post_thumbnail { float: none !important; display: block; margin: 8px auto; }
  .wp-caption { max-width: 100% !important; width: auto !important; box-sizing: border-box; }
  .navigation .alignleft, .navigation .alignright { float: none !important; display: block; margin: 0; }
  .navigation a { display: inline-block; padding: 12px 0; min-height: 44px; }
  .wp-caption p.wp-caption-text, .wp-caption-text, .gallery-caption { font-size: 14px !important; line-height: 1.4; }
  pre { width: auto; max-width: 100%; }
  table { display: block; max-width: 100%; overflow-x: auto; }
  iframe, embed, object, video { max-width: 100% !important; }
  #featured, #myGallery, .jdGallery, .jdGallery .slideElement { max-width: 100% !important; width: 100% !important; height: auto; }
  .jdGallery { overflow: hidden; }
  #sidebar, #sidebar1, #sidebar2, .sidebar { float: none !important; width: auto !important; padding: 8px 4px; }
  #sidebar *, .sidebar * { max-width: 100%; box-sizing: border-box; }
  #searchboxInc { width: 100% !important; max-width: 100%; }
  #sidebar ul li a, .sidebar ul li a { display: inline-block; padding: 10px 0; min-height: 44px; box-sizing: border-box; }
  #footer, #credits { float: none !important; width: auto !important; text-align: center; padding: 8px 4px; font-size: 14px; line-height: 1.5; }
  #credits a { display: inline-block; padding: 10px 4px; }
  input, select, textarea, button { max-width: 100%; font-size: 16px; }
}