/* ----------------------------- */
/* КАРТОЧКА - НЕВИДИМЫЙ ПАРАГРАФ */
/* ----------------------------- */

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

paragraph-card-0-
paragraph-card-60-

Параграф для Карточки - Время.
Если нужно разместить время слева и на НЕполную ширину страницы:

paragraph-card-0-time-

*/

:root {
	
	/* 1. ВЫСОТА ПАРАГРАФА */

	--line-height-0-paragraph-card: 30px;
	--line-height-60-paragraph-card: 60px;
	
	/* 2. Цвет ПАРАГРАФА */
	/* По умолчанию - прозрачный */
	
	--line-color-paragraph-card: transparent;
	/* --line-color-paragraph-card: #0077FF; */
	
}

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

/* 1. Раскомментировать, чтобы отключить ТЕНЬ при наведении на карточку */

.folders-row .col-lg-3 > a[href*="wpm-category/paragraph-card-"][class*="folder-wrap"]:hover {
	filter: none;
}

/* Убираем ОПИСАНИЕ */

a[href*="wpm-category/paragraph-card-"] > .folder-content {
	display: none;
}

/* Убираем ОБЛОЖКУ */

a[href*="wpm-category/paragraph-card-"] > .folder-front,
a[href*="wpm-category/paragraph-card-"] > .folder-sub-front {
	display: none;
}

/* Переносим КАРТОЧКУ-ПАРАГРАФ на новую строку */

.col-lg-3:has(a[href*="wpm-category/paragraph-card-"][class*="folder-wrap"]) {
	display: block!important;
	width: 100%!important;
	z-index: 498!important;
}

/* Убираем параграф для Карточки - ВРЕМЯ на маленьких экранах */

@media (min-width: 320px) and (max-width: 767px) {
	
.col-lg-3:has(a[href*="wpm-category/paragraph-card-0-time-"][class*="folder-wrap"]) {
	display: none!important;
}
}

/* ПОЛОЖЕНИЕ КАРТОЧКИ-ПАРАГРАФА на разных экранах */

@media (min-width: 1400px) {

.col-lg-3:has(a[href*="wpm-category/paragraph-card-"][class*="folder-wrap"]) {
    /* margin-top: 33px; */
    /* margin-bottom: -64px; */
	margin-bottom: -40px;
    margin-top: 9px;
}
}

@media (min-width: 1200px) and (max-width: 1399px) {

.col-lg-3:has(a[href*="wpm-category/paragraph-card-"][class*="folder-wrap"]) {
    margin-top: -84px;
    margin-bottom: 55px;
}
}

@media (min-width: 992px) and (max-width: 1199px) {

.col-lg-3:has(a[href*="wpm-category/paragraph-card-"][class*="folder-wrap"]) {
    margin-top: -57px;
    margin-bottom: 27px;
}
}

@media (min-width: 768px) and (max-width: 991px) {

.col-lg-3:has(a[href*="wpm-category/paragraph-card-"][class*="folder-wrap"]) {
    margin-top: -87px;
    margin-bottom: 58px;
}
}

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

.col-lg-3:has(a[href*="wpm-category/paragraph-card-"][class*="folder-wrap"]) {
    margin-top: -83px;
    margin-bottom: 53px;
}
}	

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

.col-lg-3:has(a[href*="wpm-category/paragraph-card-"][class*="folder-wrap"]) {
    margin-top: -87px;
    margin-bottom: 66px;
}
}

/* Общие настройки ПАРАГРАФА */

a[href*="wpm-category/paragraph-card-"][class*="folder-wrap"] {
    top: 0;
    margin: 0 auto;
	cursor: default;
    pointer-events: none;
}

/* Убираем рамку - ТЕНЬ вокруг карточки */

.folders-row a[href*="wpm-category/paragraph-card-"][class*="folder-wrap"] {
	border: none;
	box-shadow: none;
	border-radius: 0;
	background: none;
	/* временный фон карточки */
    /* background: aqua;  */
}

/* ------------------------- */
/* ВАРИАНТЫ ВЫСОТЫ ПАРАГРАФА */

/* ------------------------------------------------ */
/* 0px - не увеличивает расстояние между карточками */

a[href*="wpm-category/paragraph-card-0-"][class*="folder-wrap"] {
    height: var(--line-height-0-paragraph-card)!important;
}

/* на маленьких экранах делаем чуть меньше */

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

a[href*="wpm-category/paragraph-card-0-"][class*="folder-wrap"] {
    height: calc(var(--line-height-0-paragraph-card) - 9px)!important;
}
}

/* ------------------------------------------ */
/* 60px - двойное расстояние между карточками */

a[href*="wpm-category/paragraph-card-60-"][class*="folder-wrap"] {
    height: var(--line-height-60-paragraph-card)!important;
}

/* на маленьких экранах делаем чуть меньше */

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

a[href*="wpm-category/paragraph-card-60-"][class*="folder-wrap"] {
    height: calc(var(--line-height-60-paragraph-card) - 18px)!important;
}
}

/* Растягиваем КАРТОЧКУ - ПАРАГРАФ на всю ширину кабинета кроме мобильных */

@media (min-width: 768px) {
	
a[href*="wpm-category/paragraph-card-"][class*="folder-wrap"] {
	width: 100%!important;
}
}

/* ---------------------------- */
/* Превращаем СТИКЕР в ПАРАГРАФ */

a[href*="wpm-category/paragraph-card-"] .label {
	background: var(--line-color-paragraph-card)!important;
	font-size: 0;
	width: 100%;
	max-width: none;
    top: 0;
	left: 0px;
	border-radius: 0px;
	line-height: normal;
    padding: 0;
    height: 100%;
}