/* Задайте своё человеческое название файла между '' */
/* --human-name-css: 'Фикс: кнопки в ряд на смартфонах'; */

/* Укажите имя автора между '' */
/* --human-author-css: 'Игорь Лохман'; */

/* Задайте путь до аватара автора между "" */
/* --human-author-image-css: "../wp-content/plugins/super-style/assets/image/igor-main-author-ava.png"; */

/* Задайте своё человеческое описание файла между '' */
/* --human-description-css: 'Временное исправление - делает так, чтобы кнопки на смартфонах шли в ряд, если вмещаются по ширине. Этот фикс нужно отключить и удалить, когда Игорь представит новую улучшенную вёрстку всех блоков Царского набора.'; */

/* ------------------------- */
/* НЕ ТРОГАЙТЕ ВСЁ, ЧТО НИЖЕ */
/* ------------------------- */

/* -------------------*/
/* БЛОК ВСЕЙ КАРТОЧКИ */
/* -------------------*/

@media (min-width: 320px) and (max-width: 767px) {

.folders-row .row .col-lg-3:has(a[href*="wpm-category/button-"][class*="folder-wrap"]) {
	width: auto !important;
	padding-right: 15px;
	padding-left: 15px;
}
}

/* ---------------------- */
/* БЛОК - ССЫЛКА КАРТОЧКИ */
/* ---------------------- */

@media (min-width: 320px) and (max-width: 767px) {

.folders-row .row a[href*="wpm-category/button-"][class*="folder-wrap"] {
	display: flex;
	align-items: center;
	justify-content: left;
	/* width: fit-content; */
	width: 100%;
	height: auto !important;
}
}

/* ------------------ */
/* СТИКЕР НА КАРТОЧКЕ */
/* ------------------ */

@media (min-width: 320px) and (max-width: 767px) {

.folders-row .row a[href*="wpm-category/button-"] .label {
	top: 0px;
	padding: 8px 15px;
}
}

/* -------------------------------------- */
/* ДИЗАЙН 3 - ОДНОЦВЕТНАЯ ССЫЛКА БЕЗ ФОНА */
/* -------------------------------------- */

/* Убираем боковые отступы */
/* Добавляем невидимую нижнюю рамку, чтобы показать её потом при наведении */

@media (min-width: 320px) and (max-width: 767px) {

.folders-row .row a[href*="wpm-category/button-no-bg-"] .label {
	padding: 8px 0px;
	border-bottom: 3px solid transparent;
}
}

/* Одноцветная ссылка при наведении */

@media (min-width: 320px) and (max-width: 767px) {
.folders-row .row a[href*="wpm-category/button-no-bg-"] .label:hover {
	padding: 8px 0px;
	/* padding: 8px 15px; */
}
}

/* Активная одноцветная ссылка - КОРРЕКТИРОВКА */
/* Иначе стиль выше перезаписывает */

@media (min-width: 320px) and (max-width: 767px) {

.folders-row .row a[href*="wpm-category/button-no-bg-active-"] .label {
    border-bottom: 3px solid var(--line-button-no-bg-active);
}
}