/* ----------------------------------- */
/* КАРТОЧКА - 6 ПЕРСОН - ТОЛЬКО АВАТАР */
/* ----------------------------------- */

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

Вариант 1 - без всплывающей подсказки:
icon-6-card-

Со всплывающей подсказкой - НЕ БОЛЬШЕ 44 СИМВОЛОВ!

Анимированная:
icon-6-tip-card-

Фиксированная:
icon-6-tip-fix-card-

*/

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

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

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

/* ------------------------- */
/* 1. БЛОК - ССЫЛКА КАРТОЧКИ */

/* Убираем рамку вокруг карточки */

.folders-row a[href*="wpm-category/icon-6-card-"][class*="folder-wrap"],
.folders-row a[href*="wpm-category/icon-6-tip-card-"][class*="folder-wrap"],
.folders-row a[href*="wpm-category/icon-6-tip-fix-card-"][class*="folder-wrap"] {
	border: none;
	box-shadow: none;
}

/* ----------------------------- */
/* УБИРАЕМ ОПИСАНИЕ И ИНДИКАТОРЫ */

.folders-row a[href*="wpm-category/icon-6-card-"] .folder-content,
.folders-row a[href*="wpm-category/icon-6-tip-card-"] .folder-content,
.folders-row a[href*="wpm-category/icon-6-tip-fix-card-"] .folder-content {
    display: none!important;
}

/* Общие настройки блока карточки */
/* 4 карточки в ряду на больших экранах */

.col-lg-3:has(a[href*="wpm-category/icon-6-card-"][class*="folder-wrap"]),
.col-lg-3:has(a[href*="wpm-category/icon-6-tip-card-"][class*="folder-wrap"]),
.col-lg-3:has(a[href*="wpm-category/icon-6-tip-fix-card-"][class*="folder-wrap"]) {
	display: block!important;
	z-index: 501!important;
	width: calc(100%/6)!important;
}

/* 3 карточки в ряду на средних экранах */

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

.col-lg-3:has(a[href*="wpm-category/icon-6-card-"][class*="folder-wrap"]),
.col-lg-3:has(a[href*="wpm-category/icon-6-tip-card-"][class*="folder-wrap"]),
.col-lg-3:has(a[href*="wpm-category/icon-6-tip-fix-card-"][class*="folder-wrap"]) {
	width: calc(100%/3)!important;
}
}

/* 1 карточка в ряду на мобильных */

@media (max-width: 767px) {

.col-lg-3:has(a[href*="wpm-category/icon-6-card-"][class*="folder-wrap"]),
.col-lg-3:has(a[href*="wpm-category/icon-6-tip-card-"][class*="folder-wrap"]),
.col-lg-3:has(a[href*="wpm-category/icon-6-tip-fix-card-"][class*="folder-wrap"]) {
	width: 100%!important;
}
}

/* ------------------------ */
/* ВНЕШНИЕ ОТСТУПЫ КАРТОЧКИ */
/* ------------------------ */

.col-lg-3:has(a[href*="wpm-category/icon-6-card-"][class*="folder-wrap"]),
.col-lg-3:has(a[href*="wpm-category/icon-6-tip-card-"][class*="folder-wrap"]),
.col-lg-3:has(a[href*="wpm-category/icon-6-tip-fix-card-"][class*="folder-wrap"]) {
    margin-top: 2px;
    margin-bottom: 33px;
}

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

.folders-row a[href*="wpm-category/icon-6-card-"][class*="folder-wrap"],
.folders-row a[href*="wpm-category/icon-6-tip-card-"][class*="folder-wrap"],
.folders-row a[href*="wpm-category/icon-6-tip-fix-card-"][class*="folder-wrap"] {
	/* выравнивание блока ссылки относительно карточки */
	margin: 0 auto;
	/* соотношение карточки для обложки */
	aspect-ratio: 1 / 1;
	height: 100% !important;
	/* конкретная ширина карточки для обложки */
	width: 113px !important;
	/* обложка на всю ширину карточки */
	/* width: 100%!important; */
}

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

/* @media (min-width: 768px) {
	
.folders-row a[href*="wpm-category/icon-6-card-"][class*="folder-wrap"],
.folders-row a[href*="wpm-category/icon-6-tip-card-"][class*="folder-wrap"],
.folders-row a[href*="wpm-category/icon-6-tip-fix-card-"][class*="folder-wrap"] {
	width: 100%!important;
}
} */

/* Высота блока ссылки на разных экранах */

@media (min-width: 1400px) {

.folders-row a[href*="wpm-category/icon-6-card-"][class*="folder-wrap"],
.folders-row a[href*="wpm-category/icon-6-tip-card-"][class*="folder-wrap"],
.folders-row a[href*="wpm-category/icon-6-tip-fix-card-"][class*="folder-wrap"] {
	width: 113px !important;
}
}

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

.folders-row a[href*="wpm-category/icon-6-card-"][class*="folder-wrap"],
.folders-row a[href*="wpm-category/icon-6-tip-card-"][class*="folder-wrap"],
.folders-row a[href*="wpm-category/icon-6-tip-fix-card-"][class*="folder-wrap"] {
	width: 85px !important;
}
}

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

.folders-row a[href*="wpm-category/icon-6-card-"][class*="folder-wrap"],
.folders-row a[href*="wpm-category/icon-6-tip-card-"][class*="folder-wrap"],
.folders-row a[href*="wpm-category/icon-6-tip-fix-card-"][class*="folder-wrap"] {
	width: 65px !important;
}
}

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

.folders-row a[href*="wpm-category/icon-6-card-"][class*="folder-wrap"],
.folders-row a[href*="wpm-category/icon-6-tip-card-"][class*="folder-wrap"],
.folders-row a[href*="wpm-category/icon-6-tip-fix-card-"][class*="folder-wrap"] {
    width: 105px !important;
}
}

@media (max-width: 767px) {

.folders-row a[href*="wpm-category/icon-6-card-"][class*="folder-wrap"],
.folders-row a[href*="wpm-category/icon-6-tip-card-"][class*="folder-wrap"],
.folders-row a[href*="wpm-category/icon-6-tip-fix-card-"][class*="folder-wrap"] {
    width: 113px !important;
}
}

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

.folders-row a[href*="wpm-category/icon-6-card-"] .label,
.folders-row a[href*="wpm-category/icon-6-tip-card-"] .label,
.folders-row a[href*="wpm-category/icon-6-tip-fix-card-"] .label {
	font-weight: bold;
    font-size: 17px;
	text-transform: none;
	line-height: 1;
    /* line-height: 1.9rem; */
	border-radius: 15px;
    overflow: hidden;
    white-space: normal;
    text-align: center;
    margin: 0 auto;
	margin-right: 110px;
    padding: 6px 15px;
    /* width: 100%; */
	/* width: fit-content; */
	width: max-content;
	max-width: 145px;
	box-shadow: rgb(0 0 0 / 8%) -6px 6px 0px;
	display: -webkit-box;
	/* перенос слов */
	hyphens: auto;
	/* убираем троеточие от классической карточки (всё равно появляется) */
    text-overflow: unset;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
	/* делаем подсказку некликабельной */
	cursor: default;
    pointer-events: none;
    z-index: 11;	
}

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

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

.folders-row a[href*="wpm-category/icon-6-card-"] .label,
.folders-row a[href*="wpm-category/icon-6-tip-card-"] .label,
.folders-row a[href*="wpm-category/icon-6-tip-fix-card-"] .label {   
	font-size: 25px;
	line-height: .9;
}
} */

/* ВСПЛЫВАЮЩАЯ ПОДСКАЗКА */
/* --------------------- */

/* УБИРАЕМ ПОДСКАЗКУ в ВАРИАНТЕ 1 - без подсказки */

.folders-row a[href*="wpm-category/icon-6-card-"] > .label {
	display: none;
}

/* ПОКАЗЫВАЕМ ПОДСКАЗКУ в ВАРИАНТЕ 2 - с подсказкой */
/* 2 версии - фиксированная и анимированная подсказка */

/* 1. ПОДСКАЗКА ВИДНА ВСЁ ВРЕМЯ */

/* Работает в стиле:
icon-6-tip-fix-card- */

/* 2. ПОДСКАЗКА ВИДНА ТОЛЬКО ПРИ НАВЕДЕНИИ */

/* Убираем по умолчанию */

.folders-row a[href*="wpm-category/icon-6-tip-card-"] > .label {
	opacity: 0;
	-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;
}

/* Показываем при наведении */

.folders-row a[href*="wpm-category/icon-6-tip-card-"]:hover > .label {
	display: block;
	opacity: 1;
}

/* ПОЛОЖЕНИЕ и ШИРИНА ПОДСКАЗКИ на разных экранах на Страницах и в Активации */

@media (min-width: 1400px) {

.folders-row a[href*="wpm-category/icon-6-card-"] .label,
.folders-row a[href*="wpm-category/icon-6-tip-card-"] .label,
.folders-row a[href*="wpm-category/icon-6-tip-fix-card-"] .label {
	top: 12%;
	right: -25%;
	left: 0%;
}
}

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

.folders-row a[href*="wpm-category/icon-6-card-"] .label,
.folders-row a[href*="wpm-category/icon-6-tip-card-"] .label,
.folders-row a[href*="wpm-category/icon-6-tip-fix-card-"] .label {
	top: 12%;
	right: -50%;
	left: 0%;
}
}

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

.folders-row a[href*="wpm-category/icon-6-card-"] .label,
.folders-row a[href*="wpm-category/icon-6-tip-card-"] .label,
.folders-row a[href*="wpm-category/icon-6-tip-fix-card-"] .label {
	top: 12%;
	right: -95%;
	left: 0%;
}
}

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

.folders-row a[href*="wpm-category/icon-6-card-"] .label,
.folders-row a[href*="wpm-category/icon-6-tip-card-"] .label,
.folders-row a[href*="wpm-category/icon-6-tip-fix-card-"] .label {
	top: 12%;
	right: -30%;
	left: 0%;
}
}

@media (max-width: 767px) {

.folders-row a[href*="wpm-category/icon-6-card-"] .label,
.folders-row a[href*="wpm-category/icon-6-tip-card-"] .label,
.folders-row a[href*="wpm-category/icon-6-tip-fix-card-"] .label {
	top: 12%;
	right: -25%;
	left: 0%;
}
}

/* ---------------- */
/* ОБЛОЖКА - АВАТАР */
/* ---------------- */

.folders-row a[href*="wpm-category/icon-6-card-"] > .folder-front,
.folders-row a[href*="wpm-category/icon-6-tip-card-"] > .folder-front,
.folders-row a[href*="wpm-category/icon-6-tip-fix-card-"] > .folder-front,

.folders-row a[href*="wpm-category/icon-6-card-"] > .folder-sub-front,
.folders-row a[href*="wpm-category/icon-6-tip-card-"] > .folder-sub-front,
.folders-row a[href*="wpm-category/icon-6-tip-fix-card-"] > .folder-sub-front {
	/* Убираем обрезку, если есть */
	clip-path: none;
	-webkit-clip-path: none;
	/* Убираем трансформацию, если есть */
	transform: none;
	/* Аватар поверх описания */
	z-index: 2;
	/* Закругление обложки */
	border-radius: var(--radius-avatar-icon-6-card);
	/* Обводка обложки */
	border: var(--width-border-avatar-icon-6-card) solid var(--color-border-avatar-icon-6-card);
	/* коррекция для Мак */
	/* transform: translateZ(0); */
    /* will-change: transform; */
	/* Цвет РАМКИ ВОКРУГ АВАТАРА */
	/* background: var(--color-border-avatar-icon-6-card)!important; */
}

/* Коррекция шейпа обложки - для КАРТОЧКИ С МАТЕРИАЛАМИ */

.folders-row a[href*="wpm-category/icon-6-card-"] .folder-front path[id*="shape-front"],
.folders-row a[href*="wpm-category/icon-6-tip-card-"] .folder-front path[id*="shape-front"],
.folders-row a[href*="wpm-category/icon-6-tip-fix-card-"] .folder-front path[id*="shape-front"] {
    d: path("M 0 204 H 204 V 0 H 0 V 204 Z");
    transform: translate(33px, 0px);
}

/* Коррекция шейпа обложки - для КАРТОЧКИ С КАРТОЧКАМИ */

.folders-row a[href*="wpm-category/icon-6-card-"] .folder-sub-front path[id*="shape-front"],
.folders-row a[href*="wpm-category/icon-6-tip-card-"] .folder-sub-front path[id*="shape-front"],
.folders-row a[href*="wpm-category/icon-6-tip-fix-card-"] .folder-sub-front path[id*="shape-front"] {
    d: path("M 0 230 H 230 V 0 H 0 V 230 Z");
    transform: translate(20px, 0px);
}

/* Убираем коррекцию стилей от Mozilla Firefox */

.folders-row a[href*="wpm-category/icon-6-card-"] .folder-front use[fill^="url"],
.folders-row a[href*="wpm-category/icon-6-tip-card-"] .folder-front use[fill^="url"],
.folders-row a[href*="wpm-category/icon-6-tip-fix-card-"] .folder-front use[fill^="url"],

.folders-row a[href*="wpm-category/icon-6-card-"] .folder-sub-front use[fill^="url"],
.folders-row a[href*="wpm-category/icon-6-tip-card-"] .folder-sub-front use[fill^="url"],
.folders-row a[href*="wpm-category/icon-6-tip-fix-card-"] .folder-sub-front use[fill^="url"] {
	transform: none;
}

/* ------------------- */
/* ИЗОБРАЖЕНИЕ ОБЛОЖКИ */
/* ------------------- */

.folders-row a[href*="wpm-category/icon-6-card-"] .folder-front pattern image,
.folders-row a[href*="wpm-category/icon-6-card-"] .folder-sub-front pattern image,

.folders-row a[href*="wpm-category/icon-6-tip-card-"] .folder-front pattern image,
.folders-row a[href*="wpm-category/icon-6-tip-card-"] .folder-sub-front pattern image,

.folders-row a[href*="wpm-category/icon-6-tip-fix-card-"] .folder-front pattern image,
.folders-row a[href*="wpm-category/icon-6-tip-fix-card-"] .folder-sub-front pattern image {
	transform: none;
	height: 100%;
	width: auto;
	x: 0;
	y: 0;
	/* Тонировка обложки */
	/* Убираем эффект от классической карточки */
	/* эффекты */
	filter: none;
	-webkit-filter: none;
	/* filter: opacity(0.5) drop-shadow(0 0 0 #7CEC5A); */
	/* transition: all .18s; */
}

/* Осветление и Яркость - при наведении */

.folders-row a[href*="wpm-category/icon-6-card-"]:hover .folder-sub-front pattern image,
.folders-row a[href*="wpm-category/icon-6-card-"]:hover .folder-front pattern image,

.folders-row a[href*="wpm-category/icon-6-tip-card-"]:hover .folder-sub-front pattern image,
.folders-row a[href*="wpm-category/icon-6-tip-card-"]:hover .folder-front pattern image,

.folders-row a[href*="wpm-category/icon-6-tip-fix-card-"]:hover .folder-sub-front pattern image,
.folders-row a[href*="wpm-category/icon-6-tip-fix-card-"]:hover .folder-front pattern image {
	/* эффекты */
	filter: opacity(var(--opacity-cover-effect-hover-icon-6-card)) drop-shadow(0 0 0 #DFECE0) brightness(var(--brightness-cover-effect-hover-icon-6-card));
	-webkit-filter: opacity(var(--opacity-cover-effect-hover-icon-6-card)) drop-shadow(0 0 0 #DFECE0) brightness(var(--brightness-cover-effect-hover-icon-6-card));
}

/* ----------------------------------------------------- */
/* АНИМАЦИЯ АВАТАРА КАРТОЧКИ С МАТЕРИАЛАМИ при наведении */
/* ----------------------------------------------------- */

.folders-row a[href*="wpm-category/icon-6-card-"] .folder-front:hover pattern image,
.folders-row a[href*="wpm-category/icon-6-tip-card-"] .folder-front:hover pattern image,
.folders-row a[href*="wpm-category/icon-6-tip-fix-card-"] .folder-front:hover pattern image {
	/* transform: translate(43px, 12px); */
    /* width: 183px; */
    /* height: 183px; */
	/* -webkit-transition: all 0.2s ease; */
    /* -moz-transition: all 0.2s ease; */
    /* -o-transition: all 0.2s ease; */
    /* transition: all 0.2s ease; */
}

/* ---------------------------------------------------- */
/* АНИМАЦИЯ АВАТАРА КАРТОЧКИ С КАРТОЧКАМИ при наведении */
/* ---------------------------------------------------- */

.folders-row a[href*="wpm-category/icon-6-card-"] .folder-sub-front:hover pattern image,
.folders-row a[href*="wpm-category/icon-6-tip-card-"] .folder-sub-front:hover pattern image,
.folders-row a[href*="wpm-category/icon-6-tip-fix-card-"] .folder-sub-front:hover pattern image {
	/* transform: translate(70px, 45px); */
    /* width: 183px; */
    /* height: 183px; */
	/* -webkit-transition: all 0.2s ease; */
    /* -moz-transition: all 0.2s ease; */
    /* -o-transition: all 0.2s ease; */
    /* transition: all 0.2s ease; */
}

/* ФОН верхней части карточки - она же подложка */

.folders-row a[href*="wpm-category/icon-6-card-"] .folder-front use[fill^="#"],
.folders-row a[href*="wpm-category/icon-6-card-"] .folder-sub-front use[fill^="#"],

.folders-row a[href*="wpm-category/icon-6-tip-card-"] .folder-front use[fill^="#"],
.folders-row a[href*="wpm-category/icon-6-tip-card-"] .folder-sub-front use[fill^="#"],

.folders-row a[href*="wpm-category/icon-6-tip-fix-card-"] .folder-front use[fill^="#"],
.folders-row a[href*="wpm-category/icon-6-tip-fix-card-"] .folder-sub-front use[fill^="#"] {
	fill: none;
}