/* Стили для ступенчатого дизайна (квиз) */
/* Черно-белый дизайн с графитовым акцентом */

.category-wizard {
    background: #ffffff;
    min-height: 80vh;
}

/* Карточки категорий */
.category-step-card,
.subcategory-card,
.contractor-card {
    transition: all 0.3s ease;
    background: #ffffff;
    border-color: #e0e0e0 !important;
    cursor: pointer;
    border-width: 2px !important;
}

.category-step-card:hover,
.subcategory-card:hover,
.contractor-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    border-color: #4a4a4a !important;
    background: #fafafa;
}

/* Иконки */
.category-icon-wrapper {
    color: #4a4a4a;
    transition: color 0.3s ease;
}

.category-step-card:hover .category-icon-wrapper {
    color: #000000;
}

/* Текст */
.category-step-card h3,
.subcategory-card h5,
.contractor-card h5 {
    color: #000000;
    font-weight: 700;
}

/* Хлебные крошки */
.breadcrumb {
    background: transparent;
    padding: 0;
}

.breadcrumb-item a {
    color: #4a4a4a;
    text-decoration: none;
    transition: color 0.3s ease;
}

.breadcrumb-item a:hover {
    color: #000000;
}

.breadcrumb-item.active {
    color: #000000;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: "›";
    color: #4a4a4a;
    padding: 0 0.5rem;
}

/* Рейтинг */
.text-warning {
    color: #4a4a4a !important;
}

.text-warning .fa-star {
    color: #000000;
}

.text-warning .fa-star-o {
    color: #cccccc;
}

/* Кнопки */
.btn-outline-dark {
    border-color: #4a4a4a;
    color: #4a4a4a;
}

.btn-outline-dark:hover {
    background-color: #4a4a4a;
    border-color: #4a4a4a;
    color: #ffffff;
}

/* Аватар подрядчика */
.contractor-card .rounded-circle {
    border: 2px solid #e0e0e0;
}

.contractor-card:hover .rounded-circle {
    border-color: #4a4a4a;
}

/* Цены */
.contractor-card .fw-bold {
    color: #000000;
}

/* Адаптивность */
@media (max-width: 768px) {
    .category-step-card,
    .subcategory-card,
    .contractor-card {
        margin-bottom: 1rem;
    }
}