/* ===================================================================
   EXAM CARD — LexisOverview
   Адаптивная карточка экзамена. Совместима со старыми браузерами.
   =================================================================== */

.exam_card {
    background: var(--c-bg-card);
    border: 2px solid var(--c-border);
    border-radius: 10px;
    padding: 16px;
    margin-bottom: 24px;
    width: 100%;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    color: inherit;
    -webkit-transition: border-color 0.2s;
    transition: border-color 0.2s;

    /* Верхняя строка: иконка + текст + бейдж */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px;
}

/* --- Готовая к экзамену (кликабельная) --- */
.exam_card.is_ready {
    cursor: pointer;
}

.exam_card.is_ready:hover {
    border-color: currentColor;
}

.exam_card.is_ready:active {
    -webkit-transform: scale(0.99);
    transform: scale(0.99);
}

/* --- Иконка (использует c_word_icon_box) --- */
.exam_card .c_word_icon_box {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

/* --- Контент (название + звёзды) --- */
.exam_card .c_word_content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    min-width: 0;
}

/* --- Звёзды прогресса --- */
.exam_stars_inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 4px;
}

/* --- Бейдж «НАЧАТЬ» --- */
.exam_go_badge {
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

/* --- Бейдж кулдауна (таймер) --- */
.exam_cooldown_badge {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    opacity: 0.8;
}

/* --- Стрелка --- */
.exam_card .c_word_arrow {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

/* ===================================================================
   МОБИЛЬНАЯ АДАПТАЦИЯ
   На узких экранах бейдж переносится под основной контент
   =================================================================== */
@media (max-width: 400px) {
    .exam_card {
        padding: 14px;
    }

    /* Бейдж «Начать» растягивается на всю ширину */
    .exam_go_badge {
        width: 100%;
        text-align: center;
        padding: 10px 14px;
        font-size: 12px;
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    /* Кулдаун тоже на всю ширину */
    .exam_cooldown_badge {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 8px 0;
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    /* Прячем стрелку на маленьких экранах (бейдж и так кликабельный) */
    .exam_card .c_word_arrow {
        display: none;
    }
}