/* MyCoins System Styles */

/* Gradientes MyCoins */
.mycoins-widget {
    background: linear-gradient(135deg, #856de6 0%, #6a3f8f 100%);
}

.bg-gold-gradient {
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
}

.bg-silver-gradient {
    background: linear-gradient(135deg, #C0C0C0 0%, #808080 100%);
}

.bg-bronze-gradient {
    background: linear-gradient(135deg, #CD7F32 0%, #8B4513 100%);
}

/* Tamanhos de Emoji */
.emoji-xl {
    font-size: 60px;
}

.emoji-xxl {
    font-size: 80px;
}

.emoji-md {
    font-size: 32px;
}

.emoji-sm {
    font-size: 24px;
}

/* Ícones circulares */
.icon-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.icon-circle-lg {
    width: 50px;
    height: 50px;
    min-width: 50px;
}

.icon-circle-md {
    width: 40px;
    height: 40px;
    min-width: 40px;
}

.icon-circle-sm {
    width: 35px;
    height: 35px;
    min-width: 35px;
}

/* Cards de estatísticas */
.stat-card {
    padding: 1.5rem;
    text-align: center;
    border: 0;
    border-radius: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

/* Card de transação */
.transaction-card {
    padding: 0.75rem;
    margin-bottom: 0.5rem;
    /* background-color: #fbfcfe; */
    border: 0;
    border-radius: 15px;
}

/* Card de recompensa */
.reward-card {
    display: flex;
    align-items: center;
    padding: 0.75rem;
    /* background-color: #fbfcfe; */
    border-radius: 15px;
}

/* Widget MyCoins (menu lateral) */
.mycoins-widget {
    background: linear-gradient(135deg, #7857F5 0%, #614DAB 100%);
    border-radius: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
    overflow: hidden;
}

.mycoins-widget a {
    display: block;
    padding: 0.75rem;
    text-decoration: none;
}

/* Ranking */
.ranking-item {
    padding: 1.5rem;
    border-bottom: 1px solid #e0e0e0;
}

.ranking-item-podium {
    background-color: #fbfcfe;
}

/* Opacidade */
.opacity-75 {
    opacity: 0.75;
}

.opacity-80 {
    opacity: 0.8;
}

/* Margem para emoji */
.me-emoji {
    margin-right: 12px;
}

/* Flex utilities */
.flex-shrink-0 {
    flex-shrink: 0;
}

.flex-grow-1 {
    flex-grow: 1;
}

/* Height utilities */
.h-200 {
    height: 200px;
}

/* Object fit */
.object-cover {
    object-fit: cover;
}

/* Espaçamento customizado */
.p-15 {
    padding: 1.5rem;
}