/* Lakeeva: fixed category colors by category ID */

/* общий вид — не даём active/hover менять цвет */
.module-categories-items-custom-1-item,
.module-categories-items-custom-1-item:hover,
.module-categories-items-custom-1-item:focus,
.module-categories-items-custom-1-item.active {
    color: #111 !important;
    box-shadow: none !important;
    border: none !important;
}

/* 38 — Дома и виллы */
.module-categories-items-custom-1-item[data-id="38"] {
    background-color: rgba(139, 178, 26, 0.2) !important;
}

/* 308 — Квартиры и апартаменты */
.module-categories-items-custom-1-item[data-id="308"] {
    background-color: rgba(213, 146, 129, 0.2) !important;
}

/* 46 — Коммерческая недвижимость */
.module-categories-items-custom-1-item[data-id="46"] {
    background-color: rgba(77, 150, 219, 0.2) !important;
}

/* 307 — Аренда апартаментов, квартир и вилл */
.module-categories-items-custom-1-item[data-id="307"] {
    background-color: rgba(102, 195, 140, 0.2) !important;
}

/* 310 — Аренда коммерческой недвижимости */
.module-categories-items-custom-1-item[data-id="310"] {
    background-color: rgba(13, 120, 46, 0.2) !important;
}

/* отступы между карточками */
.widget-categories-container .module-categories-items-custom-1 {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 18px !important;
}

.widget-categories-container .module-categories-items-custom-1-item {
    margin: 0 !important;
}

/* если внутри другой контейнер */
.widget-categories-container a.module-categories-items-custom-1-item {
    margin-right: 18px !important;
    margin-bottom: 18px !important;
}

@media (max-width: 767.98px) {
    .widget-categories-container .module-categories-items-custom-1 {
        gap: 12px !important;
    }

    .widget-categories-container a.module-categories-items-custom-1-item {
        margin-right: 12px !important;
        margin-bottom: 12px !important;
    }
}