/* /events/arvore/arvore.css -- Árvore da Aldeia da Folha (redesign 2026-09-25, mockup aprovado:
   docs/mockups/eventos/arvore-da-folha.html). O resto vem de /events/recursos-ui.css. */

/* Contador do Nível 7: verde quando alcançado */
.af-nvl7.ok{background:rgba(67,199,155,.12);border-color:rgba(67,199,155,.32);}
.af-nvl7.ok .v{color:var(--green,#43c79b);}

/* Pacotes: ninjas à escolha + a alternativa (Pacote de Força / Itens Velhos) e a regra */
.evx-itens li.af-pac{border-top:1px solid rgba(41,49,61,.6);}
.evx-itens li.af-pac:first-child{border-top:0;}
.evx-itens li.af-escolha{border-top:0;padding-top:0;display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding-left:31px;font-size:15px;color:var(--t-low);}
.af-escolha img{width:26px;height:26px;border-radius:6px;border:1px solid var(--border);}
.af-ou{margin:0 2px;}
.af-alt{display:inline-flex;align-items:center;gap:4px;border:1px solid rgba(227,179,65,.32);background:rgba(227,179,65,.10);color:var(--gold);border-radius:999px;padding:2px 8px 2px 4px;font-weight:600;}
.af-alt img{width:16px;height:16px;border:0;border-radius:3px;}
.af-regra{font:500 15px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--t-low);border:1px solid var(--border);border-radius:999px;padding:2px 7px;white-space:nowrap;}
.evx-itens li.af-ivli{border-top:0;padding-top:0;display:block;}
.af-iv{margin:0 0 6px 31px;}
.af-iv summary{list-style:none;cursor:pointer;font-size:15px;color:var(--cyan,#4fd1e0);}
.af-iv summary::-webkit-details-marker{display:none;}
.af-iv ul{list-style:none;margin:6px 0 0;padding:8px 10px;background:var(--s-900);border:1px solid var(--border);border-radius:9px;display:grid;grid-template-columns:1fr 1fr;gap:3px 14px;font-size:15px;color:var(--t-mid);}
.af-iv li{display:flex;justify-content:space-between;gap:8px;}
.af-iv li b{color:var(--t-hi);font-weight:600;font-variant-numeric:tabular-nums;}
.af-menores{margin-left:0;}
.af-pts{color:var(--t-low);font-size:15px;}

/* Prêmio de Pontuação: barra */
.af-barra-top{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:15px;font-weight:600;}
.af-barra-top span:last-child{color:var(--t-mid);font-weight:500;}
.af-barra{height:8px;border-radius:4px;background:var(--s-700);overflow:hidden;margin:6px 0 10px;}
.af-barra i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan,#4fd1e0),#6fe0ec);border-radius:4px;}

/* Loja da Árvore */
.af-loja-top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;font-size:15px;color:var(--t-mid);margin-bottom:8px;}
.af-loja-top b{color:var(--t-hi);font-variant-numeric:tabular-nums;}
.af-melhor{border:1px solid rgba(79,209,224,.34);background:rgba(79,209,224,.10);color:var(--cyan,#4fd1e0);border-radius:8px;padding:5px 10px;font:600 15px var(--body);cursor:pointer;}
.af-indica{margin:0 0 8px;}
.af-troca{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:4px 9px;align-items:center;padding:8px 0;border-top:1px solid rgba(41,49,61,.6);font-size:15px;}
.af-indica + .af-troca{border-top:0;}
.af-troca .evx-nome b{color:var(--t-hi);font-weight:500;}
.af-troca .evx-val{font-variant-numeric:tabular-nums;font-weight:600;}
.af-linha2{grid-column:2 / -1;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:15px;color:var(--t-low);}
.af-pm{color:var(--gold);font-weight:600;}
.af-dias{display:flex;gap:4px;flex-wrap:wrap;}
.af-dias button{min-width:22px;height:22px;border-radius:6px;border:1px solid var(--border);background:var(--s-800);color:var(--t-mid);font:600 15px var(--body);cursor:pointer;padding:0 4px;}
.af-dias button.on{background:var(--cyan,#4fd1e0);border-color:var(--cyan,#4fd1e0);color:#06222a;}
.af-dias button:disabled{opacity:.3;cursor:not-allowed;}
.af-pega{grid-column:2 / -1;font-size:15px;color:var(--t-mid);}
.af-pega b{color:var(--t-hi);font-variant-numeric:tabular-nums;}
.af-junta{color:var(--green,#43c79b);font-weight:600;}
.af-aviso{grid-column:2 / -1;font-size:15px;color:var(--gold);}

@media (max-width:560px){
  .evx-itens li.af-escolha,.af-iv{padding-left:0;margin-left:0;}
  .af-iv ul{grid-template-columns:1fr;}
}

/* Título "O que você recebe" com a legenda pequena à direita (mockup) */
.af-titulo{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;}
.af-titulo small{text-transform:none;letter-spacing:0;font:500 15px var(--body);color:var(--t-low);}