/* ---------------- */
/* КАРТОЧКА - ВРЕМЯ */
/* ---------------- */

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

time-card-
time-card-fix-
time-card-close-

Всплывающая подсказка:

time-card-tip-
time-card-fix-tip-

Фиксированная подсказка:

time-card-tip-fix-
time-card-fix-tip-fix-

*/

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

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

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

/* 2. Раскомментировать, чтобы зачеркнуть ЗАКРЫТОЕ время */

.folders-row a[href*="wpm-category/time-card-close-"] .folder-content .title {
	text-decoration: line-through;
}

/* 1. БЛОК ВСЕЙ КАРТОЧКИ */
/* --------------------- */

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

.folders-row .col-lg-3:has(a[href*="wpm-category/time-card-"][class*="folder-wrap"]) {
	display: block!important;
	z-index: 501!important;
    padding-left: 15px;
    padding-right: 0;
}

/* Ширина карточки на разных экранах */

@media (min-width: 1400px) {

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

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

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

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

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

@media (min-width: 768px) and (max-width: 991px) {
	
.folders-row .col-lg-3:has(a[href*="wpm-category/time-card-"][class*="folder-wrap"]) {
	width: calc(100%/8)!important;
}
}	

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

.folders-row .col-lg-3:has(a[href*="wpm-category/time-card-"][class*="folder-wrap"]) {
	width: calc(100%/4)!important;
    padding: 0px;
}
}

/* ВЕРТИКАЛЬНЫЙ ОТСТУП КАРТОЧКИ НА РАЗНЫХ ЭКРАНАХ */
/* ---------------------------------------------- */

/* @media (min-width: 1400px) {
	
.folders-row .col-lg-3:has(a[href*="wpm-category/time-card-"][class*="folder-wrap"]) {
	margin-bottom: -25px;
}
}

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

.folders-row .col-lg-3:has(a[href*="wpm-category/time-card-"][class*="folder-wrap"]) {
	margin-bottom: 70px;
}
}

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

.folders-row .col-lg-3:has(a[href*="wpm-category/time-card-"][class*="folder-wrap"]) {
	margin-bottom: 41px;
}
}

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

.folders-row .col-lg-3:has(a[href*="wpm-category/time-card-"][class*="folder-wrap"]) {
	margin-bottom: 72px;
}
} */

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

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

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

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

.folders-row a[href*="wpm-category/time-card-"][class*="folder-wrap"] {
	margin-top: 0px!important;
    margin-bottom: 0;
	height: 43px!important;
    background: none;
}

/* Корректировка ширины блока-ссылки на маленьких экранах */

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

.folders-row a[href*="wpm-category/time-card-"][class*="folder-wrap"] {
	width: 70%;
}
}

/* Запрещаем клик для ВАРИАНТА 3 - ЗАКРЫТЫЙ */

.folders-row a[href*="wpm-category/time-card-close-"][class*="folder-wrap"] {
	cursor: default;
    pointer-events: none;
}

/* 3. СТИКЕР - ПОДСКАЗКА */
/* --------------------- */

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

.folders-row a[href*="wpm-category/time-card-"] .label {
	display: none;
    background: var(--color-bg-tip-time-card)!important;
    color: var(--color-tip-time-card)!important;
    top: -11px;
    right: 60px;
    font-size: 15px;
	padding: 2px 7px;
	max-width: 160px;
    border-radius: 5px;
	cursor: default;
    pointer-events: none;
}

/* Вариант 1 - Всплывающая подсказка */

.folders-row a[href*="wpm-category/time-card-tip-"]:hover .label,
.folders-row a[href*="wpm-category/time-card-fix-tip-"]:hover .label {
	display: inline;
}

/* Вариант 2 - Фиксированная подсказка */

.folders-row a[href*="wpm-category/time-card-tip-fix-"] .label,
.folders-row a[href*="wpm-category/time-card-fix-tip-fix-"] .label {
	display: inline;
}

/* 4. ОПИСАНИЕ КАРТОЧКИ - ВРЕМЯ */
/* ---------------------------- */

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

.folders-row a[href*="wpm-category/time-card-"] > .folder-content .title {
    position: relative!important;
	border-radius: var(--radius-date-time-card);
	margin: 0 auto;
	text-align: center;
	padding: 12px 20px!important;
    font-size: 19px;
    max-width: 100%;
	height: 100%;
    bottom: 0px!important;
	line-height: 1.9rem;
	overflow: visible;
	white-space: nowrap;
    text-wrap: nowrap;
    text-overflow: ellipsis;
	/* плавная анимация */
	-webkit-transition: all var(--speed-all-effects-time-card) ease-out;
    -moz-transition: all var(--speed-all-effects-time-card) ease-out;
    -o-transition: all var(--speed-all-effects-time-card) ease-out;
    transition: all var(--speed-all-effects-time-card) ease-out;
}

/* Уменьшаем закругление подложки времени на средних и маленьких экранах */

@media (min-width: 320px) and (max-width: 991px) {
	
.folders-row a[href*="wpm-category/time-card-"] > .folder-content .title {
	border-radius: calc(var(--radius-date-time-card)/1.5);
}
}

/* ВАРИАНТ 1 - АКТИВНЫЙ */

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

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

/* на средних и маленьких экранах */

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

.folders-row a[href*="wpm-category/time-card-"] .folder-content .title {
       padding: 12px 10px!important;
}
}

/* ВАРИАНТ 2 - ФИКСИРОВАННЫЙ */

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

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

/* ВАРИАНТ 3 - ЗАКРЫТЫЙ */

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

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

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

/* Убираем иконку перед описанием */

.folders-row .col-xs-12 > a[href*="wpm-category/time-card-"] > .folder-content .title:before {
	display: none;
}

/* 5. БЛОК - ИНДИКАТОРЫ */
/* -------------------- */

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

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

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

/* Убираем обложку */

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

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

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

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