/* ----------------------- */
/* КАРТОЧКА - ВОПРОС-ОТВЕТ */
/* ----------------------- */

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

faq-card-

*/

/* Добавить в ярлык ПРЕДпоследнего вопроса:

faq-card-before-last-

 */

/* Добавить в ярлык последнего вопроса:

faq-card-last-

 */

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

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

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

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

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

.folders-row a[href*="wpm-category/faq-card-"] > .folder-content > .bottom-icons {
    display: none!important;
}

/* Убираем СТИКЕР */

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

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

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

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

@media (min-width: 320px) {

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

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

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

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

/* ПОЛОЖЕНИЕ КАРТОЧКИ на разных экраах */
/* 
@media (min-width: 1400px) {

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

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

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

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

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

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

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

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

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

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

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

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

.folders-row a[href*="wpm-category/faq-card-"][class*="folder-wrap"] {
	height: 50px!important;
	margin: 0;
}

/* Выравниванием карточку на больших и средних экранах */

@media (min-width: 768px) {

.folders-row a[href*="wpm-category/faq-card-"][class*="folder-wrap"] {
	margin-bottom: var(--vertical-space-faq-card)!important; 
}
}

/* Выравниванием карточку на мобильных */

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

.folders-row a[href*="wpm-category/faq-card-"][class*="folder-wrap"] {
	margin-bottom: calc(var(--vertical-space-faq-card) * 0.9)!important;
	margin: 0 auto;
}
}

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

.folders-row a[href*="wpm-category/faq-card-"][class*="folder-wrap"] {
	margin-bottom: calc(var(--vertical-space-faq-card) * 0.5)!important;
	margin: 0 auto;
}
}

/* Оставляем на месте последнюю и предпоследнию карточки на БОЛЬШИХ и СРЕДНИХ экранах */
/* Нужно при изменении вертикального расстояния между вопросами */

@media (min-width: 768px) {

.folders-row a[href*="wpm-category/faq-card-last-"][class*="folder-wrap"],
.folders-row a[href*="wpm-category/faq-card-before-last-"][class*="folder-wrap"] {
    margin-bottom: 0px!important;
}
}

/* Оставляем на месте только последнюю карточку на МАЛЕНЬКИХ экранах */
/* Нужно при изменении вертикального расстояния между вопросами */

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

.folders-row a[href*="wpm-category/faq-card-last-"][class*="folder-wrap"] {
    margin-bottom: 0px!important;
}
}

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

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

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

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

.folders-row a[href*="wpm-category/faq-card-"] .folder-content {
    overflow: visible;
}

/* Дизайн описания карточки */

.folders-row a[href*="wpm-category/faq-card-"] > .folder-content {
	width: 100%!important;
	bottom: 0px;
	z-index: 11;
}

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

.folders-row a[href*="wpm-category/faq-card-"] > .folder-content .title {
	position: absolute!important;
	background: var(--color-bg-faq-card)!important;
	color: var(--color-text-faq-card)!important;
	margin: 0;
	font-size: 20px;
	line-height: 1;
	width: 100%;
	padding: 15px 20px 15px 20px!important;
	white-space: nowrap;
    text-wrap: nowrap;
    text-overflow: ellipsis;
    border: none;
	text-align: left;
	border-radius: var(--radius-faq-card);
    bottom: 0!important;
	-webkit-transition: all var(--speed-all-effects-faq-card) ease-out;
    -moz-transition: all var(--speed-all-effects-faq-card) ease-out;
    -o-transition: all var(--speed-all-effects-faq-card) ease-out;
    transition: all var(--speed-all-effects-faq-card) ease-out;
}

.folders-row a[href*="wpm-category/faq-card-"]:hover > .folder-content .title {
	background: var(--color-bg-hover-faq-card)!important;
	color: var(--color-text-hover-faq-card)!important;
}

/* Запрещаем показывать длинное описание при наведении */

.folders-row a[href*="wpm-category/faq-card-"]:hover .folder-content .title {
	text-wrap: nowrap;
}

/* Размер текста описания на мобильных */

@media (min-width: 320px) and (max-width: 767px) {
	
.folders-row a[href*="wpm-category/faq-card-"] .folder-content .title {
	font-size: 17px;
	line-height: 1.1;
}
}

/* ------ */
/* ИКОНКА */

.folders-row .col-xs-12 > a[href*="wpm-category/faq-card-"] > .folder-content .title:before,
.row-key-categories .col-xs-12 > a[href*="wpm-category/faq-card-"] > .folder-content .title:before {
	content: var(--icon-faq-card);
	color: var(--color-icon-faq-card);
}

.folders-row .col-xs-12 > a[href*="wpm-category/faq-card-"]:hover > .folder-content .title:before {
	color: var(--color-icon-hover-faq-card);
}

.folders-row .col-xs-12 > a[href*="wpm-category/faq-card-"] > .folder-content .title:before {
	font-size: 20px;
    margin-right: 10px;
}

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

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

.folders-row a[href*="wpm-category/faq-card-"]:hover .folder-sub-front pattern image,
.folders-row a[href*="wpm-category/faq-card-"]:hover .folder-front pattern image {
	filter: none;
}