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

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

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

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%;
	/* убираем кликабельность */
	cursor: default;
    pointer-events: none;
}

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

.site-content .materials-row .col-md-6:has(a[href*="/title-text-mat-block-"]) .material-item {
	border-radius: var(--radius-text-mat-block);
	padding: 10px 10px 10px 10px;
    background: var(--bg-text-mat-block);
}

/* 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 {
    height: auto;
	flex-flow: column;
}

/* 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 {
	width: auto;
	height: auto;
	border: none;
	border-radius: 0;
	background: 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 {
	border: none;
	/* border-bottom: 10px solid rgb(0 0 0 / 0%); */
	padding: 5px 10px 10px 10px;
	text-align: var(--align-content-text-mat-block);
}

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

.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 {
	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;
}

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

.site-content .materials-row .col-md-6:has(a[href*="/title-text-mat-block-"]) .material-item .content-wrap .description {
	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;
}