/* ---------------------------------------------------------- */
/* КАРТОЧКА - КАТЕГОРИЯ СЛЕВА + КНОПКА СПРАВА НА ОДНОЙ СТРОКЕ */
/* ---------------------------------------------------------- */

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

title-button-one-line-card-

*/

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

:root {
	
	/* Цвет описания - КАТЕГОРИИ карточки */
	--color-main-text-title-button-one-line-card-: #222222;

}

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

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

/* Убираем все ИНДИКАТОРЫ */

a[href*="wpm-category/title-button-one-line-card-"] > .folder-content > .bottom-icons {
    display: none!important;
}

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

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

/* Переносим карточку на новую строку */

.col-lg-3:has(a[href*="wpm-category/title-button-one-line-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/title-button-one-line-card-"][class*="folder-wrap"]) {
    margin-bottom: 50px;
    margin-top: 66px;
}
}

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

.col-lg-3:has(a[href*="wpm-category/title-button-one-line-card-"][class*="folder-wrap"]) {
	margin-bottom: 153px;
    margin-top: -24px;
}
}

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

.col-lg-3:has(a[href*="wpm-category/title-button-one-line-card-"][class*="folder-wrap"]) {
	margin-bottom: 125px;
    margin-top: 2px;
}
}

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

.col-lg-3:has(a[href*="wpm-category/title-button-one-line-card-"][class*="folder-wrap"]) {
    margin-bottom: 156px;
    margin-top: -30px;
}
}

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

.col-lg-3:has(a[href*="wpm-category/title-button-one-line-card-"][class*="folder-wrap"]) {
	margin-bottom: 119px;
    margin-top: -12px;
}
}	

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

.col-lg-3:has(a[href*="wpm-category/title-button-one-line-card-"][class*="folder-wrap"]) {
	margin-bottom: 133px;
    margin-top: -12px;
}
}

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

a[href*="wpm-category/title-button-one-line-card-"][class*="folder-wrap"] {
	margin-bottom: 0;
    margin-top: 0!important;
    height: 0;
}

/* Растягиваем карточку на всю ширину кабинета кроме мобильных */

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

/* -------------------------- */
/* Превращаем СТИКЕР в КНОПКУ */
/* -------------------------- */

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

a[href*="wpm-category/title-button-one-line-card-"] .label {
	font-weight: bold;
	font-size: 20px;  
    border-radius: 15px;
    text-transform: none;
	line-height: 1.9rem;
	text-align: right;
	padding: 10px 15px 10px 15px;
    right: 0;
    top: 0px;
	overflow: hidden;
	white-space: nowrap;
    text-wrap: nowrap;
    text-overflow: ellipsis;
	max-width: 50%;
    width: fit-content!important;
    z-index: 11;
	-webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

/* КНОПКА при наведении */

a[href*="wpm-category/title-button-one-line-card-"] .label:hover {
    box-shadow: inset 0 0 0 10em rgb(255 255 255 / 20%);
}

/* Размер КНОПКИ на мобильных */

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

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

a[href*="wpm-category/title-button-one-line-card-"] .label {    
	font-size: 17px;
	line-height: 1;
	left: 0;
	padding: 5px 15px 5px 15px;
    max-width: 100%;
}
}

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

a[href*="wpm-category/title-button-one-line-card-"] .label {   
	font-size: 17px;
	line-height: 1;
	left: 0;
	padding: 5px 15px 5px 15px;
    max-width: 100%;
}
}

/* ----------------------------- */
/* ОПИСАНИЕ КАРТОЧКИ - КАТЕГОРИЯ */

/* Убираем перекрытие названия карточкой. Иначе плашки с названием не будет видно */

a[href*="wpm-category/title-button-one-line-card-"] .folder-content {
    overflow: visible;
}

/* Запрещаем скрывать текст */

a[href*="wpm-category/title-button-one-line-card-"] > .folder-content .title .js-shave {
	display: inline-block!important;
    position: relative;
	top: 0px;
	color: var(--color-main-text-cat-7-title-text-card)!important;
}

a[href*="wpm-category/title-button-one-line-card-"] > .folder-content .title .js-shave-char {
	display: none;
}

/* Дизайн КАТЕГОРИИ */

a[href*="wpm-category/title-button-one-line-card-"] > .folder-content {
	width: 100%!important;
	z-index: 11;
	/* убираем кликабельность категории */
	cursor: default;
    pointer-events: none;
}

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

@media (min-width: 768px) {

a[href*="wpm-category/title-button-one-line-card-"] > .folder-content {
	bottom: -39px;
}
}

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

a[href*="wpm-category/title-button-one-line-card-"] > .folder-content {
	bottom: 12px;
}
}

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

a[href*="wpm-category/title-button-one-line-card-"] > .folder-content {
	bottom: 12px;
}
}

/* Общие настройки КАТЕГОРИИ */

a[href*="wpm-category/title-button-one-line-card-"] > .folder-content .title {
	position: absolute!important;
	background: none!important;
	color: var(--color-main-text-title-button-one-line-card-)!important;
	margin: 0;
	height: auto;
	bottom: 0!important;
	font-size: 40px;
	font-weight: bold;
	text-align: left;
	line-height: 1;
	padding: 0 0 2px 0!important;
    border: none;
	overflow: hidden;
	white-space: nowrap;
    text-wrap: nowrap;
    text-overflow: ellipsis;
	width: 50%;
}

/* Убираем ИКОНКУ у КАТЕГОРИИ */

a[href*="wpm-category/title-button-one-line-card-"] > .folder-content .title:before {
	display: none;
}

/* Размер КАТЕГОРИИ на мобильных */

@media (min-width: 320px) and (max-width: 767px) {
	
a[href*="wpm-category/title-button-one-line-card-"] .folder-content .title {
	font-size: 25px;
	width: 100%;
}
}

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

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

a[href*="wpm-category/title-button-one-line-card-"]:hover .folder-sub-front pattern image,
a[href*="wpm-category/title-button-one-line-card-"]:hover .folder-front pattern image {
	filter: none;
}