/* Многострочный текст с учетом отступов */
.format-wrap {
    white-space: pre-wrap;
    word-break: break-word;
}

/* Многострочный текст без учета отступов */
.format-line {
    white-space: pre-line;
    word-break: break-word;
}

/* курсор поинтер */
.pointer {
   cursor: pointer;
}

/* позиционер ошибки чекбокса */
.checkbox-error {
   position: absolute;
   bottom: 0;
   min-width: 100%;
}

.checkbox-error [data-ddrfield-error] {
   position: relative;
   top: 0;
}

/* === От шаблона === */
/* Стиль для кнопки в шапке */
.header-btn {
	border: 1px solid var(--nav-hover-color);
	padding: 10px 15px;
	cursor: pointer;
	border-radius: 999px;
}
.header-btn:hover {
	background-color: var(--nav-hover-color);
	color: var(--contrast-color);
}

.mr-10 {
	margin-right: 10px;
}

@media (min-width: 1201px) {
	.header-nav {
		margin-right: auto;
	}
}

@media (max-width: 1200px) {
	.soc {
		display: none;
	}
}

/* === таблицы === */
/* таблица */
.ddr-table {
	width: 100%;
	table-layout: fixed;
}

/* === select с поиском === */

/* Choices.js — поиск в select */

/* Обёртка вокруг нативного select */
.choices {
    margin: 0; /* убрать внешний отступ по умолчанию */
}

/* Видимая часть (отображаемое значение + стрелка) */
.choices__inner {
    background: var(--el-input-bg-color, #fff); /* фон как у input El Plus */
    border: 1px solid var(--el-border-color, #dcdfe6); /* рамка как у input El Plus */
    border-radius: var(--el-border-radius-base, 4px); /* скругление как у El Plus */
    padding: 4px 8px; /* внутренние отступы как у el-input size=default */
    min-height: 32px; /* высота как у el-input */
    font-size: 14px; /* стандартный размер шрифта El Plus */
    color: inherit; /* наследовать цвет текста от родителя */
}

/* Убрать лишний padding-bottom у select-single */
.choices[data-type*="select-one"] .choices__inner {
    padding-bottom: 4px; /* choices добавляет extra padding под выбранное значение */
}

/* Выпадающий список с вариантами */
.choices__list--dropdown {
    background: var(--el-bg-color-overlay, #fff); /* фон оверлея El Plus */
    border: 1px solid var(--el-border-color, #dcdfe6); /* рамка как у el-select dropdown */
    border-radius: var(--el-border-radius-base, 4px); /* скругление как у el-select */
    z-index: 10; /* поверх контента формы */
}

/* Подсветка варианта при наведении */
.choices__list--dropdown .choices__item--selectable.is-highlighted {
    background: var(--el-color-primary-light-9, #ecf5ff); /* лёгкий primary-фон как у el-option */
    color: var(--el-color-primary, #409eff); /* primary-цвет текста как у el-option */
}

/* Поле поиска внутри дропдауна */
.choices__input {
    background: #c3cdd11a; /* убрать белый фон по умолчанию */
    margin-bottom: 0; /* choices добавляет отступ снизу — обнуляем */
    font-size: 13px; /* чуть меньше основного текста */
    padding: 10px;
}

/* Стрелка вниз (закрыт) */
.choices[data-type*="select-one"]::after {
    border-color: var(--el-text-color-regular, #606266) transparent transparent; /* цвет стрелки — regular text */
}

/* Стрелка вверх (открыт) */
.choices[data-type*="select-one"].is-open::after {
    border-color: transparent transparent var(--el-text-color-regular, #606266); /* инверт для стрелки вверх */
}