/* ----------------------------------------- */
/* КАРТОЧКА - КАТЕГОРИЯ С ЗАГОЛОВКОМ И ФОНОМ */
/* ----------------------------------------- */

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

cat-title-bg-card-left-
cat-title-bg-card-center-
cat-title-bg-card-right-

*/

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

:root {
	
	/* Закругление карточки */
	--radius-cat-title-bg-card: 25px;

}

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

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

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

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

/* Убираем всё содержание и индикаторы */

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

/* Переносим карточку КАТЕГОРИЯ на новую строку */

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

/* ---------------- */
/* Отступы карточки */

@media (min-width: 1400px) {

.col-lg-3:has(a[href*="wpm-category/cat-title-bg-card-"][class*="folder-wrap"]) {
    margin-bottom: 9px;
    margin-top: 70px;
}
}

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

.col-lg-3:has(a[href*="wpm-category/cat-title-bg-card-"][class*="folder-wrap"]) {
	margin-bottom: 105px;
    margin-top: -25px;
}
}

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

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

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

.col-lg-3:has(a[href*="wpm-category/cat-title-bg-card-"][class*="folder-wrap"]) {
    margin-bottom: 107px;
    margin-top: -28px;
}
}

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

.col-lg-3:has(a[href*="wpm-category/cat-title-bg-card-"][class*="folder-wrap"]) {
	margin-bottom: 103px;
    margin-top: -23px;
}
}

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

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

/* ВЫСОТА карточки на больших и средних экранах */

@media (min-width: 768px) {

a[href*="wpm-category/cat-title-bg-card-"][class*="folder-wrap"] {
    height: 90px!important;
}
}

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

a[href*="wpm-category/cat-title-bg-card-"][class*="folder-wrap"] {
	height: 75px!important;
}
}

/* ------- */
/* ОБЛОЖКА */

/* Убираем фоновую картинку */

a[href*="wpm-category/cat-title-bg-card-"] .folder-front,
a[href*="wpm-category/cat-title-bg-card-"] .folder-sub-front

{
	display: none!important;
}

/* ----------------------------- */
/* Превращаем СТИКЕР в ЗАГОЛОВОК */

/* Общие настройки */

a[href*="wpm-category/cat-title-bg-card-"] .label {
	border-radius: var(--radius-cat-title-bg-card);
	font-weight: bold;
	font-size: 40px;
    width: fit-content;
	max-width: 100%;
	top: 0px;
	text-transform: none;
	padding: 20px 25px;
	line-height: 1;
	overflow: hidden;
    text-overflow: ellipsis;
}

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

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

a[href*="wpm-category/cat-title-bg-card-"] .label {   
	font-size: 25px;
}
}

/* ---------------------------- */
/* ВЫРАВНИВАНИЕ СТИКЕРА - СЛЕВА */

a[href*="wpm-category/cat-title-bg-card-left-"] .label {
    left: 0px;
}

/* ---------------------------- */
/* ВЫРАВНИВАНИЕ СТИКЕРА - ЦЕНТР */

a[href*="wpm-category/cat-title-bg-card-center-"] .label {
    left: 0px;
    text-align: center;
    right: 0;
    margin: 0 auto;
}

/* ----------------------------- */
/* ВЫРАВНИВАНИЕ СТИКЕРА - СПРАВА */

a[href*="wpm-category/cat-title-bg-card-right-"] .label {
    right: 0;
}

/* -------- */
/* АНИМАЦИИ */

/* Убираем увеличение и цветокоррекцию */

a[href*="wpm-category/cat-title-bg-card-"]:hover .folder-sub-front pattern image,
a[href*="wpm-category/cat-title-bg-card-"]:hover .folder-front pattern image

 {
	filter: none;
}