/* EcoForWorld KVKS v2.5 — streak & badges */
.eco-badge-svg{display:block;width:100%;height:100%;overflow:visible}
.heritage-dashboard>#eco-streak{order:2}
.eco-streak{margin-top:16px;padding:18px 20px;border-radius:22px;background:linear-gradient(120deg,#fff4e0,#ffe3c4);border:1px solid #f6cf9c;color:#4a2a08}
body.heritage-dark .eco-streak{background:linear-gradient(120deg,#3b2a14,#4a2f12);border-color:#6b4a22;color:#ffe6c8}
.eco-streak-top{display:flex;align-items:center;gap:14px}
.eco-streak-fire{width:60px;height:60px;flex:none;animation:flick 2.4s ease-in-out infinite}
.eco-streak-fire.is-off{filter:grayscale(1);opacity:.45;animation:none}
.eco-streak-text strong{display:block;font-size:19px;letter-spacing:-.2px}
.eco-streak-text small{display:block;margin-top:3px;font-size:13px;opacity:.85;line-height:1.45}
.eco-streak-badges{width:100%;margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:8px 12px;border-radius:16px;border:0;background:rgba(255,255,255,.65);color:inherit;font:inherit;cursor:pointer;text-align:left}
body.heritage-dark .eco-streak-badges{background:rgba(0,0,0,.2)}
.eco-streak-row{display:flex;gap:6px;align-items:center;min-width:0}
.eco-mini-badge{width:40px;height:40px;display:block;flex:none}
.eco-streak-none{font-size:13px;opacity:.75}
.eco-streak-count{font-size:13px;white-space:nowrap}.eco-streak-count b{font-size:15px}
.eco-streak-next{margin:10px 2px 0;font-size:12.5px;line-height:1.5;opacity:.9}
@keyframes flick{0%,100%{transform:rotate(-3deg) scale(1)}50%{transform:rotate(3deg) scale(1.06)}}

.eco-badge-card{margin-top:20px!important}
.eco-badge-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.eco-badge-head h2{margin:0}.eco-badge-head span{font-weight:800;color:#1f6b4f;background:#eaf7dc;padding:4px 12px;border-radius:99px;font-size:13px}
.eco-badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.eco-badge{display:grid;justify-items:center;text-align:center;gap:4px;padding:14px 10px 12px;border-radius:18px;background:var(--eco-soft);border:1px solid var(--eco-line)}
.eco-badge-ic{width:72px;height:72px;display:block;filter:grayscale(.85) saturate(.6);opacity:.5;transition:transform .2s}
body.heritage-dark .eco-badge:not(.is-earned) .eco-badge-ic{filter:grayscale(.75) brightness(1.25);opacity:.45}
.eco-badge.is-earned .eco-badge-ic{animation:badgepop .5s cubic-bezier(.3,1.6,.5,1) both}
.eco-badge.is-earned:hover .eco-badge-ic{transform:rotate(-6deg) scale(1.06)}
@keyframes badgepop{from{transform:scale(.6);opacity:0}}
.eco-badge.is-earned{background:linear-gradient(160deg,#fffbea,#eaf7dc);border-color:#cfe8b5}
body.heritage-dark .eco-badge.is-earned{background:linear-gradient(160deg,#2e3a1c,#1f3d2c);border-color:#466b3a}
.eco-badge.is-earned .eco-badge-ic{filter:none;opacity:1}
.eco-badge strong{font-size:13.5px;line-height:1.25}
.eco-badge small{font-size:11.5px;color:var(--eco-muted);line-height:1.35}
.eco-badge em{font-style:normal;font-size:11px;font-weight:800;color:#1f6b4f;margin-top:2px}
.eco-badge em.is-prog{color:var(--eco-muted)}
.eco-badge-bar{width:80%;height:6px;border-radius:99px;background:var(--eco-line);overflow:hidden;margin-top:4px}
.eco-badge-bar i{display:block;height:100%;background:#6fbf4a;border-radius:inherit}
@media(max-width:400px){.eco-badge-grid{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){.eco-streak-fire{animation:none}}
body.heritage-dark .eco-badge em{color:#b9ef74}body.heritage-dark .eco-badge em.is-prog{color:var(--eco-muted)}body.heritage-dark .eco-badge-head span{background:#25452f;color:#dfffaf}