/* ---------- мобильная вёрстка архива ----------
   Старая тема (Artisteer, 2013) рассчитана на 970 px и на телефоне уходила
   в горизонтальную прокрутку: meta viewport отсутствовал, каркас собран
   таблицей (display:table / table-cell), а «лист» сайта белый только
   фоновой картинкой.

   Здесь две вещи: разложить таблицу в блоки (иначе колонки контента,
   сайдбаров и подвала не схлопываются и вылезают за экран) и вернуть
   панелям белый фон цветом, а не картинкой. Декоративные картинки шапки
   убираются, текстовое название остаётся. */

@media screen and (max-width: 1000px) {
  html, body {
    min-width: 0 !important;
    width: auto !important;
    overflow-x: hidden !important;
  }
  body { -webkit-text-size-adjust: 100%; background: #efe8d8 !important; background-image: none !important; }

  /* каркас: таблица → блоки, поэтому колонки идут друг под другом */
  .art-sheet, .art-sheet-body, .art-content-layout, .art-content-layout-row,
  .art-layout-cell, .art-content, .art-sidebar1, .art-sidebar2,
  .art-header, .art-header-center, .art-nav, .art-nav-outer, .art-nav-wrapper,
  .art-nav-inner, .art-block, .art-post, .art-post-body, .art-post-inner,
  .art-footer, .art-footer-body, .art-footer-inner, #art-main {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    position: static !important;
    left: auto !important;
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* «лист» и блоки — белые панели цветом, а не картинкой */
  .art-sheet, .art-sheet-body, .art-post, .art-post-body, .art-post-inner,
  .art-block, .art-block-body, .art-blockcontent {
    background: #fff !important;
    background-image: none !important;
  }
  .art-sidebar1, .art-sidebar2 { background: transparent !important; background-image: none !important; }
  .art-sheet, .art-post, .art-block { padding-left: 0 !important; padding-right: 0 !important; }

  /* шапка: декоративные картинки убираем, текстовое название оставляем */
  .art-header { padding: 10px 12px 8px !important; background: #fff !important; background-image: none !important; }
  .art-header-png, .art-header-jpeg, .art-header-clip { display: none !important; }
  .art-header-center { height: auto !important; }
  .art-logo-name, .art-logo-name a { font-size: 22px !important; line-height: 1.2 !important; }
  .art-logo-text { font-size: 13px !important; line-height: 1.4 !important; }

  /* меню — в строчку с переносом */
  .art-nav { background: #6b4a2a !important; padding: 6px 8px !important; }
  .art-nav ul { display: block !important; padding: 0 !important; margin: 0 !important; text-align: left !important; }
  .art-nav ul li { display: inline-block !important; float: none !important; margin: 0 4px 4px 0 !important; }
  .art-nav ul li a { padding: 7px 10px !important; font-size: 14px !important; }

  /* сайдбары уходят под статью и отделяются линией */
  .art-sidebar1, .art-sidebar2 {
    margin-top: 14px !important;
    border-top: 2px solid #d8cfbc !important;
    padding-top: 10px !important;
  }

  /* читаемый кегль вместо мелкого «сайтового» */
  body, .art-postcontent, .art-postcontent p, .art-postcontent li, .art-postcontent td,
  .art-blockcontent, .art-blockcontent p, .art-blockcontent li {
    font-size: 16px !important;
    line-height: 1.6 !important;
    color: #16130e !important;
  }
  .art-postcontent h1, .art-postcontent h2, .art-postcontent h3,
  .art-postheader h1, .art-postheader h2, .art-blockheader h3 {
    font-size: 20px !important;
    line-height: 1.3 !important;
    color: #16130e !important;
  }
  .art-postcontent, .art-blockcontent { padding: 12px 14px !important; }

  /* медиа и таблицы не шире экрана */
  img, iframe, video, embed, table, pre { max-width: 100% !important; height: auto !important; }
  .art-postcontent img { margin: 8px 0 !important; }
  .wp-caption, .alignleft, .alignright, .aligncenter,
  .art-postcontent .alignleft, .art-postcontent .alignright {
    float: none !important;
    margin: 8px auto !important;
    max-width: 100% !important;
  }

  /* декоративные «уголки» старой темы — пустые div со шириной 970 px,
     именно они давали горизонтальную прокрутку */
  .r, .art-nav-l, .art-nav-r,
  .art-sheet-tl, .art-sheet-tr, .art-sheet-bl, .art-sheet-br, .art-sheet-cl, .art-sheet-cr,
  .art-post-tl, .art-post-tr, .art-post-bl, .art-post-br, .art-post-cl, .art-post-cr,
  .art-block-tl, .art-block-tr, .art-block-bl, .art-block-br, .art-block-cl, .art-block-cr,
  .art-button-l, .art-button-r, .art-header-clip {
    display: none !important;
  }
  .art-logo, .art-logo-name, .art-logo-text, .art-logo-name a {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
  }


  /* слои-подложки старой темы (фон и «закругления») — пустые div поверх текста;
     без абсолютного позиционирования они перекрывают статью, поэтому убираем,
     а фон блокам задаём цветом выше */
  .art-block-t, .art-block-b, .art-block-l, .art-block-r,
  .art-block-tc, .art-block-bc, .art-block-cc,
  .art-post-t, .art-post-b, .art-post-l, .art-post-r,
  .art-post-tc, .art-post-bc, .art-post-cc,
  .art-sheet-t, .art-sheet-b, .art-sheet-l, .art-sheet-r,
  .art-sheet-tc, .art-sheet-bc, .art-sheet-cc,
  .art-footer-t, .art-footer-b, .art-footer-l, .art-footer-r,
  .art-footer-tc, .art-footer-bc, .art-footer-cc,
  .art-nav-t, .art-nav-b, .art-nav-tc, .art-nav-bc, .art-nav-cc,
  .art-header-t, .art-header-b, .art-header-l, .art-header-r,
  .art-header-tc, .art-header-bc, .art-header-cc,
  .art-logo-t, .art-logo-b, .art-logo-l, .art-logo-r,
  .art-logo-tc, .art-logo-bc, .art-logo-cc {
    display: none !important;
  }


  /* логотип в потоке, шапка без фиксированной высоты: иначе название
     налезает на меню, а над статьёй остаётся пустое поле */
  .art-logo, .art-logo-name, .art-logo-text, .art-logo-name a {
    position: static !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .art-header, .art-header-center, .art-logo {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }
  .art-nav { position: static !important; margin-top: 6px !important; }

  .art-footer, .art-footer-text { font-size: 14px !important; padding: 10px 12px !important; }
  .art-footer { background: #fff !important; background-image: none !important; }
}