/* AJUSTES DE FONTES — Padronização e Legibilidade */

/* 1. Aumentar tamanho geral das fontes para melhor leitura */
.ri-app {
  font-size: 15px;
}

/* 2. Padronizar fontes do box de inscrição com Montserrat */
.ri-mi-prova,
.ri-mi-meta,
.ri-mi-status {
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-weight: 600;
}

.ri-mi-prova {
  font-size: 14px;
  font-weight: 700;
  color: #f7d417;
  margin-bottom: 4px;
}

.ri-mi-meta {
  font-size: 12px;
  color: #999;
  font-weight: 500;
  margin-bottom: 4px;
}

.ri-mi-status {
  font-size: 12px;
  font-weight: 600;
  color: #999;
}

.ri-mi-status.done {
  color: #00e676;
}

/* 3. Número da inscrição — usar Barlow Condensed */
.ri-mi-num {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 52px;
  font-weight: 900;
  color: #f7d417;
  line-height: 1;
  flex-shrink: 0;
  width: 70px;
  text-align: center;
}

/* 4. Botão de verificação — aumentar legibilidade */
.ri-verify-btn {
  font-size: 11px;
  color: #999;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  background: none;
  border: 1.5px solid #333;
  border-radius: 20px;
  padding: 6px 12px;
  cursor: pointer;
  transition: all 0.2s;
}

.ri-verify-btn:hover {
  border-color: #f7d417;
  color: #f7d417;
}

/* 5. Status verificado */
.ri-verified {
  font-size: 11px;
  color: #f7d417;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
}

/* 6. Ajustar nomes (ri-name) */
.ri-name {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 24px;
  font-weight: 900;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.1;
}

/* 7. Ajustar XP pill */
.ri-xp-pill {
  font-size: 13px;
  font-weight: 700;
  color: #f7d417;
  font-family: 'Montserrat', sans-serif;
  background: rgba(247, 212, 23, 0.12);
  border: 1px solid rgba(247, 212, 23, 0.25);
  border-radius: 20px;
  padding: 5px 12px;
  flex-shrink: 0;
  white-space: nowrap;
}

/* 8. Títulos seções (ri-sl) */
.ri-sl {
  font-size: 12px;
  color: #f7d417;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.8px;
  font-family: 'Montserrat', sans-serif;
  border-left: 2px solid #f7d417;
  padding-left: 7px;
  margin: 16px 0 10px;
}

/* 9. Remover qualquer faixa/overlay azul que possa estar sobre botões */
.ri-verify-btn,
.ri-verify-btn:focus,
.ri-verify-btn::before,
.ri-verify-btn::after {
  background: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* 10. Labels gerais */
.ri-wallet-label,
.ri-ext-label {
  font-size: 10px;
  color: #666;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}

/* 11. Descrições */
.ri-ext-desc,
.ri-how-t {
  font-size: 13px;
  color: #ccc;
  font-family: 'Montserrat', sans-serif;
  line-height: 1.5;
}

/* 12. Tabs — melhor legibilidade */
.ri-tab {
  font-size: 11px;
  font-weight: 700;
  color: #666;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-family: 'Montserrat', sans-serif;
}

.ri-tab.active {
  color: #f7d417;
  border-bottom-color: #f7d417;
}

/* 13. Remover sobreposições do Ultimate Member no botão */
.column_attr .ri-verify-btn {
  position: relative !important;
  z-index: 10 !important;
  background: none !important;
  box-shadow: none !important;
}

/* 14. Força aplicação de estilos nas páginas Rocky */
body.rocky-page .ri-mi-prova,
body.rocky-page .ri-mi-meta,
body.rocky-page .ri-mi-status,
body.rocky-page .ri-mi-num,
body.rocky-page .ri-verify-btn,
body.rocky-page .ri-verified {
  font-family: inherit !important;
}

body.rocky-page .ri-mi-num {
  font-family: 'Barlow Condensed', sans-serif !important;
}

body.rocky-page .ri-verify-btn {
  background: none !important;
  box-shadow: none !important;
  border: 1.5px solid #333 !important;
}

body.rocky-page .ri-verify-btn:hover {
  border-color: #f7d417 !important;
  color: #f7d417 !important;
}

/* FULL WIDTH removido - não ficou bom */
}

/* Aumentar tamanho base de fontes */
body.rocky-page {
  font-size: 15px !important;
  color: #fff !important;
}

/* Ajustar elementos específicos para tamanhos maiores */
.ri-event-lbl {
  font-size: 12px !important;
  color: #999 !important;
}

.ri-quick-lbl {
  font-size: 11px !important;
  color: #888 !important;
}

.ri-wallet-label,
.ri-ext-label {
  font-size: 11px !important;
  color: #777 !important;
}

.ri-ext-desc {
  font-size: 14px !important;
  color: #ccc !important;
}

.ri-ext-date {
  font-size: 12px !important;
}

.ri-sl {
  font-size: 13px !important;
}

.ri-tab {
  font-size: 12px !important;
}

.ri-rid {
  font-size: 12px !important;
}

.ri-wallet-label span {
  color: #fff !important;
}

/* Badge Meus Kits */
.ri-badge {
  position: absolute;
  top: -6px;
  right: -6px;
  background: #e30613;
  color: #fff;
  font-size: 8px;
  font-weight: 900;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #000;
}

/* Cores do Extrato */
.ri-ext-val {
  font-weight: 700;
}

.ri-ext-val.credit {
  color: #00e676 !important;  /* Verde — crédito */
}

.ri-ext-val.debit {
  color: #e30613 !important;  /* Vermelho — débito */
}

.ri-ext-val.produto {
  color: #e30613 !important;  /* Vermelho — compra de produto */
}

.ri-ext-val.inscricao {
  color: #f7d417 !important;  /* Amarelo — inscrição */
}