/* =========================
   EventList - All
   (All view)
   ========================= */

/* ===== Front Events (cards) ===== */
.botc-events-cards {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* карта */
.botc-event-card-2 {
    border-radius: 1rem;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--botc-border-soft);
    padding: 1rem;
}

/* ред с 2 колони */
.botc-event-card-2-content {
    display: flex;
    gap: 1.25rem;
    align-items: flex-start;
}

/* 200px височина, ширина по пропорция */
.botc-event-card-2-media {
    height: 200px;
    width: auto; /* ключово: ширина според снимката */
    max-width: 100%;
    border-radius: 1rem;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--botc-border-soft);
    flex: 0 0 auto; /* да не се разтяга */
    display: flex;
    align-items: center;
    justify-content: center;
}

    .botc-event-card-2-media img {
        height: 100%;
        width: auto;
        max-width: 100%;
        object-fit: contain;
        display: block;
    }


.botc-event-card-2-media-placeholder {
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: var(--botc-text-muted);
}

/* дясната колона */
.botc-event-card-2-body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.botc-event-card-2-title {
    font-weight: 800;
    font-size: 1.15rem;
    line-height: 1.3;
    color: var(--botc-text-main);
}

.botc-event-day {
    color: var(--botc-purple);
    text-transform: uppercase;
    font-size: .85rem;
    letter-spacing: .08em;
}

.botc-event-date {
    color: #0d6efd;
    white-space: nowrap;
}

.botc-event-time {
    color: #0d6efd;
    white-space: nowrap;
}

/* място */
.botc-event-card-2-venue {
    display: flex;
    align-items: center;
    gap: .6rem;
}

.botc-event-card-2-venue-name {
    font-weight: 700;
    color: var(--botc-text-main);
}


/* статус */
.botc-event-card-2-capacity {
    font-weight: 800;
}

.botc-capacity-open {
    color: #198754; /* bootstrap success */
}

.botc-capacity-full {
    color: #dc3545; /* bootstrap danger */
}

/* бутони */
.botc-event-card-2-actions {
    margin-top: .25rem;
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}

/* mobile: снимка над метата */
@media (max-width: 768px) {
    .botc-event-card-2-content {
        flex-direction: column;
    }

    .botc-event-card-2-media {
        width: 100%;
        height: auto;
        aspect-ratio: auto; /* да не те връща към квадратно */
    }

        .botc-event-card-2-media img {
            width: 100%;
            height: auto;
        }
}



/* по-нисък ред */
.botc-vote-row {
    padding: .45rem .65rem; /* беше .7rem .75rem */
    border-radius: .85rem;
    margin-bottom: .45rem;
}

/* дясната зона да не прави излишни редове */
.botc-vote-right {
    display: block;
}

/* inline: [count][bar] */
.botc-vote-metric {
    display: grid;
    grid-template-columns: 30px 1fr; /* count + bar */
    align-items: center;
    gap: .55rem;
}

/* count -> златно и дебело */
.botc-vote-count {
    text-align: right;
    font-weight: 950;
    color: var(--botc-gold-soft, #d6b45a);
    line-height: 1;
}

/* pct над бара, без да вдига височината на реда */
.botc-vote-barwrap {
    position: relative;
    padding-top: 0; /* няма да "бутаме" надолу реда */
}

/* процентът е абсолютен над линията */
.botc-vote-pct {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -1.05rem; /* над бара */
    font-weight: 400;
    font-size: .75rem;
    color: var(--botc-purple);
    line-height: 1;
    white-space: nowrap;
    pointer-events: none;
}

/* по-компактен бар */
.botc-vote-bar {
    height: 10px; /* беше 12px */
}