/*
 * Страницы сайта на телефоне: в мобильном браузере и во WebView приложений (docs/mobile-apps.md, 2.4).
 * В браузере файл подключается с media="(max-width: 480px)", той же ширины, что и в mobile-fix.css: широкий экран он
 * не меняет. В приложении подключается без условия. ":root body" держит вес селекторов выше стилей страниц.
 */

/* Отступы по краям: общий контейнер страницы; жёлтая плашка и инфобар лежат вне его. */
:root body .container:not(.chat-page-container) {
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
}
:root body .ch_body {
    box-sizing: border-box;
    max-width: none;
    padding: 0;
    width: auto;
}

/* Заголовки и крошки в одну линию с текстом страницы. */
:root body header > h1,
:root body .content-body > h1.title,
:root body header .breadcrumbs h1,
:root body header .breadcrumbs span {
    margin-left: 0;
    padding-left: 0;
}

/* Сетка: колонка на всю ширину не получает отступ соседней колонки, иначе блок упирается в правый край. */
:root body .row-fluid > .span12 {
    margin-left: 0;
}

/* Шапка раздела: заголовок на всю ширину, кнопки отдельным рядом и без наездов. */
:root body header .row-fluid > [class*="span"] {
    float: none;
    margin-left: 0;
    width: auto;
}
:root body header .ch_section-nav ul.ch_nav-group {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    float: none;
    gap: 8px 14px;
    margin: 16px 0 12px 0;
}
:root body header .ch_section-nav ul.ch_nav-group li,
:root body header .ch_section-nav ul.ch_nav-group li.ch_choice,
:root body header .ch_section-nav ul.ch_nav-group li.ch_choice + li {
    float: none;
    margin: 0;
}
:root body header .ch_section-nav ul.ch_nav-group li a {
    display: inline-block;
    white-space: nowrap;
}

/* Широкие страницы: рейтинги задают ширину 960 px прямо в разметке; таблица прокручивается внутри страницы. */
:root body .content-wrapper .inner[style*="960px"] {
    overflow-x: auto;
    width: auto !important;
}
:root body .ch_blog-posts.span12 {
    float: none;
    margin-left: 0;
    width: auto;
}
:root body #main.reduced {
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    width: auto;
}

/* Блог: лента, запись и комментарии. */
:root body ul.ch_posts > li {
    padding-left: 0;
    padding-right: 0;
}
:root body .ch_post div.meta ul.ch_meta:not(.ch_meta-following) {
    clear: both;
    float: none;
    height: auto;
    margin: 0;
}
:root body .ch_post div.meta ul.ch_meta:not(.ch_meta-following) li {
    float: none;
    display: inline-block;
    margin: 0 12px 0 0;
}
:root body .ch_post div.meta ul.ch_meta:not(.ch_meta-following) li.tags {
    display: block;
}
:root body .ch_post div.meta ul.ch_extended-menu {
    margin-left: 8px;
}
:root body .ch_post-comments article.ch_comment div.meta > div:first-child {
    margin: 15px 8px 0 0 !important;
}
:root body .ch_post-text img,
:root body .ch_comment-text img {
    height: auto;
    max-width: 100%;
}
:root body .ch_post-text .lexxy-content__table-wrapper {
    max-width: 100%;
    overflow-x: auto;
}

/* Описание предмета: колонки друг под другом, иначе значения наезжают на подписи. */
:root body .item-image,
:root body .item-description,
:root body .item-parameters {
    float: none;
    margin-left: 0;
    width: auto;
}

/* Обменный пункт: четыре показателя в две колонки. */
:root body .infographic-table .row-fluid {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 0;
}
:root body .infographic-table .row-fluid::before,
:root body .infographic-table .row-fluid::after {
    display: none;
}
:root body .infographic-table .row-fluid > .span3 {
    float: none;
    margin-left: 0;
    width: 50%;
}

/* Формы: на всю ширину, подпись над полем. */
:root body .action-form > [class*="span"] {
    float: none;
    margin-left: 0;
    width: auto;
}
:root body .action-form > [class*="span"] > h1.ch_title {
    margin-left: 10px;
}
:root body .field.inline:not(.ch_totalizator_levels .field) > label {
    display: block;
    float: none;
    margin: 0 0 4px 0;
    text-align: left;
    width: auto;
}
:root body .field.inline:not(.ch_totalizator_levels .field) > .inner,
:root body div.radiogroup > .inner {
    margin: 0 6px;
}
:root body .field.inline > .hint {
    float: none;
    margin: 10px 0;
}
:root body .action-form input[type="text"],
:root body .action-form textarea,
:root body .action-form select {
    box-sizing: border-box;
    max-width: 100%;
}

/* Переход по страницам логов: в одну строку. */
:root body .pagination.row-fluid {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 4px 12px;
    justify-content: space-between;
}
:root body .pagination.row-fluid::before,
:root body .pagination.row-fluid::after {
    display: none;
}
:root body .pagination.row-fluid > [class*="span"] {
    float: none;
    margin-left: 0;
    width: auto;
}
:root body .pagination .location span {
    margin-left: 0;
}
:root body .pagination .field.inline {
    align-items: center;
    display: flex;
    gap: 8px;
    margin: 0;
}
:root body .pagination .field.inline > label {
    float: none;
    margin: 0;
    white-space: nowrap;
    width: auto;
}
:root body .pagination .field.inline > .inner {
    margin: 0;
}
:root body .pagination .control-group {
    align-items: center;
    display: flex;
    gap: 8px;
    margin: 0;
}

/* Домашняя и профиль: показатели и список друзей шириной с экран, а не 410 px. */
:root body div.player-parameters {
    width: auto;
}
:root body .users-friends .friendslist {
    box-sizing: border-box;
    float: none;
    width: auto;
}

/* Каталог товаров: описание и цены друг под другом, а не две колонки на 620 px. */
:root body div.content > div.shopping-list {
    margin: 0;
    width: auto;
}
:root body div.shopping-list div.item {
    width: auto;
}
:root body div.shopping-list div.item div.description {
    float: none;
    padding-right: 0;
    width: auto;
}
:root body div.shopping-list div.item div.purchase-cnt {
    float: none;
    width: auto;
}