/* ================================================
   МИНИМАЛЬНЫЕ ИСПРАВЛЕНИЯ БЕЗ КОНФЛИКТОВ
   ================================================ */

/* Убираем фиолетовые цвета - заменяем на темно-синие */
:root {
    --purple-500: #1e293b !important;
    --purple-600: #0f172a !important;
    --violet-500: #1e293b !important;
    --violet-600: #0f172a !important;
}

@media only screen and (max-width: 768px) {

    /* Исправляем позиционирование крестиков в калькуляторе */
    .route-input-group .clear-input-btn {
        position: absolute !important;
        right: 50px !important; /* Учитываем другие кнопки */
    }

    /* Таблица цен - делаем адаптивной */
    .pricing-table {
        font-size: 0.85rem !important;
    }

    .pricing-table th,
    .pricing-table td {
        padding: 8px 6px !important;
        font-size: 0.8rem !important;
    }

    /* Скрываем колонку "Действие" на мобильных */
    .pricing-table th:last-child,
    .pricing-table td:last-child {
        display: none !important;
    }

    /* Популярные маршруты - в одну колонку */
    .related-routes-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    /* Калькулятор - убираем "окно в окне" */
    .calculator-container {
        padding: 0 10px !important;
    }

    .calculator-card {
        border-radius: 0 !important;
        box-shadow: none !important;
        border: none !important;
        padding: 20px 15px !important;
    }

    /* Тип кузова - исправляем выравнивание текста */
    .car-type-card {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        min-height: 80px !important;
        padding: 10px 5px !important;
    }

    .car-type-card span {
        font-size: 0.75rem !important;
        line-height: 1.2 !important;
        margin-top: 5px !important;
    }

    /* Убираем горизонтальный скролл */
    body {
        overflow-x: hidden !important;
        max-width: 100vw !important;
    }

    /* Навигация - только цвета, без изменения структуры */
    .mobile-menu-container {
        background: white !important;
    }

    .mobile-menu-item {
        color: #1e293b !important;
    }

    .mobile-menu-item:hover {
        background: rgba(30, 41, 59, 0.05) !important;
        color: #0f172a !important;
    }

    /* Убираем любые фиолетовые градиенты */
    .mobile-menu-container::before,
    .mobile-menu-container::after,
    .gradient-bg {
        background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
    }
}

/* Для очень маленьких экранов */
@media only screen and (max-width: 380px) {
    .pricing-table {
        font-size: 0.75rem !important;
    }

    .car-type-grid {
        grid-template-columns: 1fr !important;
    }

    .calculator-card {
        padding: 15px 10px !important;
    }
}

/* Исправление для iOS - предотвращаем зум */
@supports (-webkit-touch-callout: none) {
    input[type="text"],
    input[type="number"],
    input[type="tel"],
    select,
    textarea {
        font-size: 16px !important;
    }
}