/*
 * Публичная база: одна вёрстка (themes/business/boards/shared/site/main_one.xsl, RF_004 TASK_013).
 * Узкий экран (до 991px) - как мобильная: фильтры всплывающим окном, карта или карточки по кнопке.
 * Широкий - фильтры колонкой слева, справа карта и таблица. Граница - та же, что boardsSec.mobile в шаблоне.
 */

/* панель с галочками (узкий экран) - во всплывающем окне: popup() переносит её в .popup-layout; вне его скрыта
   (.filters в main_adaptive.css) */
.popup-layout .filters.c_filters {
	display: block;
}
/* поиск по кодам в панели (main_mobile.xsl show_filters): диалог кодов - только в этой вёрстке */
body:has(.page-boards-one) .filters .flt-codes {
	display: block !important;
}

/*
 * Таблица (jqGrid), карта с пинами и панелью, плашка - десктопные компоненты, свёрстаны под content-box; в адаптивном
 * CSS - * { box-sizing: border-box } и свои высоты полей: без сброса пины мельчают, поля в таблице раздуваются
 */
.page-boards-one #tab-grid *,
.page-boards-one #tab-grid *:before,
.page-boards-one #tab-grid *:after,
.page-boards-one #tab-map *,
.page-boards-one #tab-map *:before,
.page-boards-one #tab-map *:after,
.page-boards-one .one-bar *,
.page-boards-one .one-side *,
#map-fs-container *,
.ui-dialog * {
	box-sizing: content-box;
}
.page-boards-one #tab-grid input[type="text"],
.page-boards-one #tab-map input[type="text"]:not(.leaflet-control-places-input),
.page-boards-one .one-bar input[type="text"],
.ui-dialog input[type="text"] {
	height: auto;
	padding: 1px 2px;
	border: 1px solid #ccc;
	border-radius: 0;
	font-size: 11px;
	transition: none;
}
/* пейджер списка в плане по карте: высота инпута = кнопкам «/» (border-box, иначе +padding раздувает) */
#map-fs-container #map-lst-pg input[type="text"] {
	box-sizing: border-box;
	height: 30px;
	padding: 0 6px;
	border: 1px solid #ccc;
	border-radius: 3px;
	font-size: 14px;
	line-height: normal;
	vertical-align: middle;
	transition: none;
}
#map-fs-container #map-lst-pg input[type="button"] {
	vertical-align: middle;
}
/* поиск на карте (pm.leaflet.js) - со своим стилем в bbnet-map.css */
.page-boards-one #tab-map .leaflet-control-places-input,
#map-fs-container .leaflet-control-places-input {
	box-sizing: border-box;
}
/* контролы Leaflet (z-index 1000) - внутри карты: иначе при прокрутке перекрывают прилипшую панель
   .boards-filters.fixed (тоже 1000) */
.page-boards-one .leaflet-container {
	z-index: 0;
}
.page-boards-one #tab-grid select {
	font-size: 11px;
}

@media (min-width: 992px) {
	.page-boards-one .one-narrow {
		display: none !important;
	}
	/* заявка - справа на уровне заголовка */
	.page-boards-one .one-order {
		margin-top: 6px;
	}
	/* шапка мобильной вёрстки (город, поиск адреса) не нужна: город - в фильтрах, поиск - на карте */
	.page-boards-one .boards-filters-box {
		display: none;
	}
	/* плашка: слева режим, фильтры/карта, ширина, занятость; справа актуальность (bb24), ссылка.
	   Строкой по центру по вертикали: элементы разной высоты (кнопки jQuery UI, ссылка, заявка) */
	.page-boards-one .one-bar {
		display: flex;
		align-items: center;
		margin: 10px 0 0;
		font-size: 12px;
	}
	.page-boards-one .one-bar > .left,
	.page-boards-one .one-bar > .right {
		float: none;
	}
	.page-boards-one .one-bar > br.clear {
		display: none;
	}
	.page-boards-one .one-bar #tab-occ-place {
		margin-right: auto;
	}
	.page-boards-one .one-bar #tab-act-place {
		order: 1;
	}
	.page-boards-one .one-bar .one-link {
		order: 2;
	}
	.page-boards-one .one-bar #tab-actuality {
		margin: 0 20px 0 0;
	}
	/* режим - над колонкой фильтров: переключатели фильтры/карта вровень с картой и таблицей
	   (.one-side 210 + отступ 15) */
	.page-boards-one .one-bar #tab-mod-place {
		width: 225px;
	}
	/* панель фильтров - на всю колонку (boards.filters.js ставит ей width:200px; margin-right:10px - для десктопа) */
	.page-boards-one #tab-filters > div {
		width: auto !important;
		margin-right: 0 !important;
	}
	/* переключатель режима - по ширине колонки фильтров */
	.page-boards-one .one-bar #tab-mod {
		display: flex;
		width: 210px;
	}
	.page-boards-one .one-bar #tab-mod label {
		flex: 1 1 0;
		min-width: 0;
		margin-right: 0;
		white-space: nowrap;
	}
	.page-boards-one .one-bar #tab-mod label .ui-button-text {
		padding-left: 0.2em;
		padding-right: 0.2em;
	}
	.page-boards-one .one-bar #tab-controls,
	.page-boards-one .one-bar .tab-cw {
		margin-right: 10px;
	}
	.page-boards-one .one-bar #tab-mod .ui-button-text {
		padding: 0.4em 0.4em;
	}
	.page-boards-one .one-bar .one-link {
		margin: 0 15px 0 0;
		color: #666;
		position: relative;
	}
	/* «на всю ширину» (controls.wexpand): контейнер каркаса без ограничения ширины */
	.container.width-full {
		width: auto;
		max-width: none;
	}
	.page-boards-one .one-cols {
		display: flex;
		align-items: flex-start;
		margin-top: 15px;
	}
	.page-boards-one .one-side {
		flex: 0 0 210px;
		min-width: 0;
		margin-right: 15px;
	}
	.page-boards-one .one-main {
		flex: 1 1 auto;
		min-width: 0;
	}
	/* обёртка карты мобильной вёрстки (.full-map) скрыта; здесь карта видна всегда, свернуть - в её заголовке */
	.page-boards-one #id_view_map {
		display: block;
		height: auto;
		margin-bottom: 15px;
	}
	.page-boards-one #id_boards_list {
		display: none !important;
	}
}

@media (max-width: 991px) {
	/* шапка - по содержимому (в main_adaptive.css высота задана под одну-две строки, кнопки «обрані» и заявки
	   наезжали на карту); место под прилипшую панель держит js/src/adaptive/script.js */
	.page-boards-one .boards-filters-box {
		height: auto;
	}
	/* строки «обрані» и заявки пустые, пока нет выбранных: отступ - у кнопок, не у строк */
	.page-boards-one .boards-filters-box .table.one-narrow {
		margin-bottom: 0;
	}
	.page-boards-one .boards-filters-box .table.one-narrow > a {
		margin-bottom: 10px;
	}
	.page-boards-one .one-wide {
		display: none;
	}
	.page-boards-one .one-side {
		display: none;
	}
	/* таблица - только на широком (grid.init показывает контейнер стилем элемента) */
	.page-boards-one #tab-grid {
		display: none !important;
	}
	/* карта и карточки - по кнопке «Карта / Список» (boards.map.js _mobileView), сначала карточки */
	.page-boards-one #id_view_map {
		display: none;
	}
}