/* --------------------------- */
/* ПРЕВРАЩАЕМ МАТЕРИАЛ В БЛОК: */

/* ЗАГОЛОВОК И ОПИСАНИЕ */

/* Добавить в начало ярлыка:

title-text-mat-block-

*/

/* ----------------- */
/* ПАНЕЛЬ УПРАВЛЕНИЯ */
/* ----------------- */

:root {

/* Закругление карточки */
--radius-text-mat-block: 25px;

/* Фон карточки */
--bg-text-mat-block: none;


/* НАСТРОЙКИ КОНТЕНТА КАРТОЧКИ */
/* --------------------------- */

	/* Выравнивание заголовка и описания */
	/* left - слева, center - центр, right - справа */
	--align-content-text-mat-block: left;
	
	/* ЗАГОЛОВОК */
	/* --------- */
	
		/* Цвет заголовка материала */
		--title-color-text-mat-block: #000000;

		/* Жирность заголовка материала */
		--title-weight-text-mat-block: 700;

		/* Размер заголовка */
		--title-size-text-mat-block: 40px;
		
		/* Размер заголовка на мобильных */
		--title-size-mobile-text-mat-block: 25px;
	
	/* ОПИСАНИЕ */
	/* -------- */
	
		/* Размер описания */
		--desc-size-text-mat-block: 19px;
		
		/* Размер описания на мобильных */
		--desc-size-mobile-text-mat-block: 19px;

		/* Цвет описания материала */
		--desc-color-text-mat-block: #000000;

}

/* 2. БЛОК ВСЕЙ КАРТОЧКИ */
/* --------------------- */

.site-content .materials-row .col-md-6:has(a[href*="/title-text-mat-block-"]),
.site-content .materials-row.one-in-line .col-md-12:has(a[href*="/title-text-mat-block-"]) {
    /* количество карточек в ряду */
	width: 100%;
	/* Отступы */
	padding-right: 15px;
    padding-left: 15px;
	/* убираем кликабельность */
	/* cursor: default; */
    /* pointer-events: none; */
	/* убираем возможный счётчик (от других форматов из Космического) */
	/* нужно, чтобы счётчик материала после заголовка начинался с "1" */
	counter-increment: none;
	/* counter-increment: material-counter 0; */
	float: unset;
}

/* Убираем возможный счётчик (от других форматов из Космического) */
/* нужно, чтобы счётчик вообще не отображался в заголовках */

.site-content .materials-row .container .col-md-6:has(a[href*="/title-text-mat-block-"]) .material-item .flex-wrap:after,
.site-content .materials-row.one-in-line .container .row .col-md-12:has(a[href*="/title-text-mat-block-"]) .material-item .flex-wrap:after {
	display: none;
}

/* Карточка урока */

.site-content .materials-row .col-md-6:has(a[href*="/title-text-mat-block-"]) .material-item {
	display: block;
	position: relative;
	border-radius: var(--radius-text-mat-block);
    background: var(--bg-text-mat-block);
	/* отступы */
	padding: 10px 10px 10px 10px;
	margin-bottom: 30px;
    margin-top: 0px;
	/* padding: 0; */
	transition: none !important;
	overflow: visible;
}

/* 3. БЛОК - ССЫЛКА */
/* ---------------- */

.site-content .materials-row .col-md-6:has(a[href*="/title-text-mat-block-"]) .material-item a,
.site-content .materials-row.one-in-line .col-md-12:has(a[href*="/title-text-mat-block-"]) .material-item a {
	display: flex;
	height: auto;
	flex-flow: column;
	/* выравниваем базово слева */
	align-items: start;
	justify-content: start;
	transition: none !important;
	animation: none;
}

/* 4. БЛОК - ОБЛОЖКА (+ ВСЕ ИНДИКАТОРЫ) */
/* ------------------------------------ */

.site-content .materials-row .col-md-6:has(a[href*="/title-text-mat-block-"]) .material-item .flex-wrap .col-thumb,
.site-content .materials-row.one-in-line .col-md-12:has(a[href*="/title-text-mat-block-"]) .material-item .flex-wrap .col-thumb {
	display: none;
}

/* 5. БЛОК - КОНТЕНТ */
/* ----------------- */

.site-content .materials-row .col-md-6:has(a[href*="/title-text-mat-block-"]) .material-item .flex-wrap .col-content,
.site-content .materials-row.one-in-line .col-md-12:has(a[href*="/title-text-mat-block-"]) .material-item .flex-wrap .col-content {
	display: flex;
	width: 100%;
	/* width: auto; */
	height: auto;
	border: none;
	position: relative;
	border-radius: 0;
	background: none;
	background-color: #fdb577 !important;
	top: 0;
	left: 0px;
    right: 0px;
    opacity: 1;
	transition: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	z-index: unset;
	box-shadow: none;
	transform: none;
}

/* Блок описания */

.site-content .materials-row .col-md-6:has(a[href*="/title-text-mat-block-"]) .material-item .flex-wrap .col-content .content-wrap,
.site-content .materials-row.one-in-line .col-md-12:has(a[href*="/title-text-mat-block-"]) .material-item .flex-wrap .col-content .content-wrap {
	width: 100%;
	display: flex;
    flex-flow: column;
    gap: 15px;
    align-items: start;
	align-self: normal;
	position: relative;
	margin: 0;
	padding: 5px 10px 10px 10px;
	text-align: var(--align-content-text-mat-block);
	/* Нижняя рамка, которая обрезает торчащие буквы в описании */
	border: none;
	overflow: hidden;
	/* border-bottom: 10px solid rgb(0 0 0 / 0%); */
	opacity: 1;
    transition: none;
}

.site-content .materials-row .col-md-6:has(a[href*="/title-text-mat-block-"]) .material-item:hover .flex-wrap .col-content .content-wrap,
.site-content .materials-row.one-in-line .col-md-12:has(a[href*="/title-text-mat-block-"]) .material-item:hover .flex-wrap .col-content .content-wrap {
	opacity: 1 !important;
}

/* Убираем кнопку "Смотреть" при наведении */
/* потому что она встречается в некоторых форматах Космического */

.material-item .content-overlay,
.material-item.material-opened:hover .content-overlay,
.material-item.material-closed:hover .content-overlay,
.material-item.material-locked:hover .content-overlay {
    display: none !important;
}

/* Убираем возможные иконки внутри блока описания - ПЕРЕД (например, из формата "Паззл") */

.site-content .materials-row .col-md-6:has(a[href*="/title-text-mat-block-"]) .material-item .flex-wrap .col-content .content-wrap:before,
.site-content .materials-row.one-in-line .col-md-6:has(a[href*="/title-text-mat-block-"]) .material-item .flex-wrap .col-content .content-wrap:before {
	display: none;
}

/* Убираем возможные иконки внутри блока описания - ПОСЛЕ (например, из формата "Скользящие") */

.site-content .materials-row .col-md-6:has(a[href*="/title-text-mat-block-"]) .material-item .flex-wrap .col-content .content-wrap:after,
.site-content .materials-row.one-in-line .col-md-6:has(a[href*="/title-text-mat-block-"]) .material-item .flex-wrap .col-content .content-wrap:after {
	display: none;
}

/* Заголовок материала */

.site-content .materials-row .col-md-6:has(a[href*="/title-text-mat-block-"]) .material-item .content-wrap .title,
.site-content .materials-row.one-in-line .col-md-12:has(a[href*="/title-text-mat-block-"]) .material-item .content-wrap .title {
	display: block;
	width: 100%;
	margin: 0;
    padding: 0;
	color: var(--title-color-text-mat-block)!important;
	font-weight: var(--title-weight-text-mat-block);
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: var(--title-size-text-mat-block);
}

/* Размер Заголовка на мобильных */

@media (min-width: 320px) and (max-width: 767px) {

.site-content .materials-row .col-md-6:has(a[href*="/title-text-mat-block-"]) .material-item .content-wrap .title,
.site-content .materials-row.one-in-line .col-md-12:has(a[href*="/title-text-mat-block-"]) .material-item .content-wrap .title {
	font-size: var(--title-size-mobile-text-mat-block);
}
}

/* Количество строк в заголовке материала */

.site-content .materials-row .col-md-6:has(a[href*="/title-text-mat-block-"]) .material-item .flex-wrap .content-wrap .title {
    height: auto;
    -webkit-line-clamp: none !important;
	line-clamp: none !important;
	/* перенос текста */
    hyphens: auto;
	/* убираем разные влияния */
	overflow: unset;
    -webkit-box-orient: unset;
	word-break: unset;
}

/* Описание материала */

.site-content .materials-row .col-md-6:has(a[href*="/title-text-mat-block-"]) .material-item .content-wrap .description {
	display: block;
	width: 100%;
	margin: 0;
    padding: 0;
	color: var(--desc-color-text-mat-block)!important;
	font-size: var(--desc-size-text-mat-block);
}

/* Описание на мобильных */

@media (min-width: 320px) and (max-width: 767px) {

.site-content .materials-row .col-md-6:has(a[href*="/title-text-mat-block-"]) .material-item .content-wrap .description {
	font-size: var(--desc-size-mobile-text-mat-block);
}
}

/* Количество строк в описании урока */

.site-content .materials-row .col-md-6:has(a[href*="/title-text-mat-block-"]) .material-item .flex-wrap .content-wrap .description > p {
    height: auto;
    -webkit-line-clamp: none !important;
	line-clamp: none !important;
	/* перенос текста */
    hyphens: auto;
	margin: 0;
	/* убираем разные влияния */
	overflow: unset;
    display: block;
    -webkit-box-orient: unset;
}