.docs-detail h1 {
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 20px;
	padding: 0;
}

.docs-detail h2 {
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 18px;
	padding: 0;
}

@media (max-width: 425px) {
	.docs-detail h1 {
		padding: 0;
		font-size: 18px;
		line-height: normal;
	}

	.docs-detail h2 {
		padding: 0;
		font-size: 17px;
		line-height: normal;
	}
}

.cell_news_item {
	padding: 10px;
	flex-direction: row;
	border: 1px solid #ccc;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
	border-radius: 7px;
	position: relative;
}

.cell_news_item:hover {
    transform: scale(1.01);
    transition: transform 0.07s ease-in;
}

.cell_news_item a {
	color: #5b5b5b;
}

.cell_news_item a:hover {
	color: #40be2a;

}

.cell_news_title {
	color: #4b4b4b;
}

.docs-info a {
	color: #0b5f9f;
	text-decoration: none;
	position: relative;
	font-size: inherit;
}

.docs-info a:hover {
	color: #40be2a;
}

.preview_picture {
	vertical-align: middle;
	max-width: 50px;
}

.small_text {
    color: #777;
    font-size: 14px;
    line-height: normal;
}

.docs-search-quote {
    color: #777;
    font-size: 14px;
    line-height: normal;
    border-left: 3px solid #ccc;
    padding: 10px;
	margin-left: 26px;
}

.docs-search-quote b {
	background-color: #fffcc1;
}

.short {
	font-size: 16px;
}

.p-5 {
	padding: 5px;
}

.p-10 {
	padding: 10px;
}

.mb-5 {
	margin-bottom: 5px;
}

.mb-15 {
	margin-bottom: 15px;
}

.mt-10 {
	margin-top: 10px;
}

.h-100 {
	height: 100%;
}

.d-flex-r {
	display: flex;
	flex-direction: row;
}

.f-center {
	align-items: center;
}

.d-block {
	display: block;
}

.small-shadow {
	box-shadow: 4px 3px 5px rgba(0, 0, 0, 0.4);
}

div.news-list img.preview_picture {
	float: left;
	margin: 0 4px 6px 0;
}

.news-date-time {
	color: #486DAA;
}

.d-grid-3 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 15px;
}

.d-grid-2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 15px;
}

.d-grid-1 {
	display: grid;
	grid-template-columns: 1fr;
	gap: 15px;
}


/* Hover-эффект */
.btn-icon:hover {
	/*color: #444 !important;*/
	background-color: #f3ad00 !important;
}


@media (max-width: 425px) {

	.d-grid-2,
	.d-grid-3 {
		grid-template-columns: 1fr;
	}
}


/* переопределяем bootstrap стили для формы */


.breadcrumb-item + .breadcrumb-item::before {
    content: var(--bs-breadcrumb-divider, ">");
}

.breadcrumb-separator {
	display: none !important;
}


.form-floating>label {
    transform: scale(0.85) translateY(-0.85rem) translateX(0.15rem);
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.form-floating>textarea~label::after {
    content: "";
    position: absolute;
    inset: 1rem 0.375rem;
    z-index: -1;
    height: 1.5em;
    background-color: var(--bs-body-bg);
    border-radius: var(--bs-border-radius);
}

input::placeholder {
    color: #000 !important;
}

input:focus::placeholder,
textarea:focus::placeholder {
    color: transparent;
    opacity: 0;
}


.form-control,
.form-select {
    border: var(--bs-border-width) solid #aaa;
}

.btn-outline-secondary {
    --bs-btn-border-color: #aaa;
}

/* Подсветка заполненных полей */
.form-control.is-filled,
.form-select.is-filled {
    background-color: #e8f4ff; /* светло-голубой */
}


/* ===== Docs Tabs (Bootstrap 5) ====== */

.docs-tabs {
    margin-top: 20px;
    margin-bottom: -1px !important;
    z-index: 1;
    position: relative;
	overflow-x: auto;
	overflow-y: hidden;
}

.docs-tabs .nav-tabs {
    border-bottom: none !important;
}

.docs-tabs .nav-link {
	cursor: pointer;
	user-select: none;
	white-space: nowrap;
}

.nav-item {
	border-bottom: 1px solid #aaa;
}
/* Hover */
.docs-tabs .nav-tabs .nav-link:hover,
.docs-tabs .nav-tabs .nav-link:focus {
    border-color: #aaa #aaa transparent #aaa !important;
    color: #40be2a;
}

/* Активный таб  */
.docs-tabs .nav-tabs .nav-link.active {
    color: #0b5f9f;
    font-weight: 500;
}

/* Фокус для доступности */
.docs-tabs .nav-link[role="tab"]:focus-visible {
    outline: 2px solid #0d6efd;
    outline-offset: 2px;
}

/* Иконка скачивания внутри таба */
.docs-download-icon {
    display: block;
    object-fit: contain;
    flex-shrink: 0;
    opacity: 0.6;
    transition: transform 0.15s ease-in-out, opacity 0.15s ease-in-out;
}

/* Ссылка скачивания внутри таба */
.docs-download-link {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    line-height: 1;
}

.docs-download-link:hover .docs-download-icon {
    opacity: 1;
    transform: scale(1.2);
}

.docs-tabs .nav-link.active .docs-download-icon {
    opacity: 0.85;
}


/* ===== Ограничение ширины таба и обрезка текста ===== */

.docs-tabs .nav-item {
    max-width: 250px; /* максимальная ширина одного таба */
    flex-shrink: 0;
}

.docs-tabs .nav-link {
    display: flex !important;
    align-items: center;
    gap: 0.5rem;
    min-width: 0; /* важно для работы text-overflow во flex-контейнере */
    overflow: hidden;
}

/* Обёртка для текста — обрезается с многоточием */
.docs-tabs .nav-link > span:first-child {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Иконка скачивания — не сжимается и всегда видна */
.docs-tabs .docs-download-link {
    flex: 0 0 auto;
}

.docs-tabs .docs-download-icon {
    flex-shrink: 0;
}

/* Мобильная адаптация — таб уже */
@media (max-width: 425px) {
    .docs-tabs .nav-item {
        max-width: 180px;
    }
}


/* Мобильная адаптация */
@media (max-width: 425px) {
    .docs-tabs .nav-tabs .nav-link {
        padding: 10px 10px;
        font-size: 14px;
    }

    .docs-tabs .nav-item {
        margin-bottom: -1px !important;
    }
}