/* ───────────────────────────────────────────────────────────────────────────
   Минимальная полоса сбора в карточке проекта библиотеки.
   Разметка: _includes/fundraiser_badge.html.

   Только собранная сумма, целевая сумма и полоса прогресса.
   Без фона и панели, без кнопки, без статуса и процента — карточка
   не должна отличаться по высоте от карточек без сбора.

   Design_System_TDot_v2.md:
     §2.1 — без декоративных border/outline;
     §3.1–3.4 — отступы/радиусы/типографика из нормативных токенов;
     §3.3 — цвета из существующих --themes-*, заливка — фирменный градиент.
   ─────────────────────────────────────────────────────────────────────────── */

/* Карточка со сбором — точка отсчёта для полосы прогресса.
   overflow: hidden обрезает полосу по скруглению фона карточки,
   иначе её углы вылезают за границы. */
.releases-container .release--funded {
    position: relative;
    overflow: hidden;
}

.funding-strip {
    display: flex;
    flex-direction: column;
    gap: var(--space-05);
    min-width: 0;
    max-width: 100%;
    margin-top: var(--space-05);
    color: rgba(255, 255, 255, 0.82);
}

.funding-strip__row {
    display: flex;
    align-items: baseline;
    gap: var(--space-10);
    min-width: 0;
    font-size: var(--font-size-xs);
    line-height: var(--line-height-tight);
    white-space: nowrap;
}

/* Суммы — единственный текст полосы; обрезаются, если места мало,
   чтобы строка не переносилась и не увеличивала высоту карточки. */
.funding-strip__sums {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--themes-color-1, #ffffff);
    font-variant-numeric: tabular-nums;
}

.funding-strip__more {
    flex: 0 0 auto;
    font-weight: var(--font-weight-semibold);
    font-variant-numeric: tabular-nums;
}

/* Полоса прогресса — на всю ширину карточки, по её нижнему краю.
   Вынесена из потока, поэтому высота карточки не меняется.
   Скругление не задаём: полосу обрезает overflow карточки. */
.funding-strip__bar {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: var(--space-05);
    background-color: rgba(255, 255, 255, 0.32);
    overflow: hidden;
}

.funding-strip__fill {
    display: block;
    height: 100%;
    border-radius: var(--radius-full);
    background: var(--themes-gradient-collections,
        linear-gradient(90deg, #f15f2c 0%, #ffbc0f 100%));
}