/* 
 * Estilos do sistema de apostas
 * Arquivo: assets/css/betting-fe.css
 */

/* Painel de apostas com altura controlada */
.betting-panel-fixed {
    max-height: calc(var(--spacing-5) * 10);
    overflow-y: auto;
    border: var(--border-width) solid var(--bs-border-color);
    border-radius: var(--border-radius-lg);
    padding: var(--spacing-3);
    background-color: var(--bs-card-bg);
}

/* Botões sempre visíveis (sticky bottom) */
.betting-actions {
    position: sticky;
    bottom: 0;
    background: var(--bs-card-bg);
    padding: var(--spacing-2) 0;
    border-top: var(--border-width) solid var(--bs-border-color);
    margin-top: var(--spacing-2);
    z-index: 10;
}

/* Cards de apostas */
.bet-card {
    margin-bottom: var(--spacing-3);
    transition: var(--transition-base);
}

.bet-card:hover {
    transform: var(--translateY-lg);
}

/* Indicadores de odds */
.odds-up {
    color: var(--bs-success);
}

.odds-down {
    color: var(--bs-danger);
}

.odds-neutral {
    color: var(--bs-secondary);
}

/* Formulário de aposta */
.bet-form-group {
    margin-bottom: var(--spacing-3);
}

.bet-amount-input {
    border: var(--border-width-thick) solid var(--bs-primary);
    border-radius: var(--border-radius-sm);
    padding: var(--spacing-2);
    width: 100%;
    font-size: var(--font-size-lg);
    text-align: center;
    background-color: var(--input-bg);
    color: var(--bs-body-color);
}

/* Botões de valor rápido */
.quick-amount-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-2);
    margin-top: var(--spacing-2);
}

.quick-amount-btn {
    flex: 1;
    min-width: calc(var(--button-equal-width) / 2.33);
    border: var(--border-width) solid var(--bs-primary);
    background-color: transparent;
    color: var(--bs-primary);
    border-radius: var(--border-radius-sm);
    padding: var(--spacing-1);
    transition: var(--transition-base);
}

.quick-amount-btn:hover {
    background-color: var(--bs-primary);
    color: var(--bs-white);
}

/* Resumo da aposta */
.bet-summary {
    background-color: rgba(var(--bs-dark-rgb), 0.3);
    border-radius: var(--border-radius-lg);
    padding: var(--spacing-3);
    margin-top: var(--spacing-3);
}

.bet-summary-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--spacing-2);
}

.bet-summary-total {
    font-weight: var(--font-weight-bold);
    border-top: var(--border-width) solid var(--bs-border-color);
    padding-top: var(--spacing-2);
    margin-top: var(--spacing-2);
}