/* EcoForWorld KVKS v3.2 (logo ke Utama) + v3.1 — Navigasi konsisten (navbar sahaja), kategori misi jelas boleh dileret */

/* 3) Halaman Eco Missions: buang butang Tutup / Close (navigasi melalui navbar & sidebar) */
#mission-browser-root .efw-browser-close{display:none!important}

/* 5) Halaman Status: buang butang ← Utama (navigasi melalui navbar sahaja) */
#submission-back-home{display:none!important}

/* 2) Mudah alih: navbar kekal kelihatan di atas halaman Eco Missions */
@media(max-width:900px){
  .heritage-bottom-nav{z-index:1700!important}
  #mission-browser-root{padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}
}

/* 4) Kategori misi: petunjuk jelas untuk leret ke kanan */
.eco-chipwrap{position:relative;margin:0 0 18px}
.eco-chipwrap .efw-browser-filters{margin-bottom:0!important;padding-right:0!important;-webkit-mask-image:none!important;mask-image:none!important;scroll-behavior:smooth;scroll-snap-type:x proximity}
.eco-chipwrap .efw-browser-filters button{scroll-snap-align:start}
.eco-chipwrap::before,.eco-chipwrap::after{content:"";position:absolute;top:0;bottom:0;width:56px;pointer-events:none;opacity:0;transition:opacity .2s;z-index:1}
.eco-chipwrap::before{left:0;background:linear-gradient(90deg,var(--eco-bg,#f6f3ea) 30%,transparent)}
.eco-chipwrap::after{right:0;background:linear-gradient(270deg,var(--eco-bg,#f6f3ea) 30%,transparent)}
.eco-chipwrap.can-left::before,.eco-chipwrap.can-right::after{opacity:1}
.eco-chip-arrow{position:absolute;top:50%;z-index:2;width:36px;height:36px;margin-top:-18px;border-radius:50%;border:0;display:grid;place-items:center;background:#164f37;color:#fff;box-shadow:0 4px 12px rgba(16,62,48,.28);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;padding:0}
.eco-chip-arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.eco-chip-arrow.next{right:2px}
.eco-chip-arrow.prev{left:2px}
.eco-chipwrap.can-right .eco-chip-arrow.next,.eco-chipwrap.can-left .eco-chip-arrow.prev{opacity:1;pointer-events:auto}
.eco-chipwrap.can-right:not(.touched) .eco-chip-arrow.next{animation:ecoChipPulse 1.4s ease-in-out 3}
@keyframes ecoChipPulse{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}
.eco-chip-hint{display:none;margin:-8px 0 14px;font-size:12px;font-weight:700;color:var(--eco-muted,#68756d)}
.eco-chipwrap.can-right:not(.touched) + .eco-chip-hint{display:block}

body.heritage-dark .eco-chipwrap::before{background:linear-gradient(90deg,#101713 30%,transparent)}
body.heritage-dark .eco-chipwrap::after{background:linear-gradient(270deg,#101713 30%,transparent)}
body.heritage-dark .eco-chip-arrow{background:#b9ef74;color:#103426}

@media(prefers-reduced-motion:reduce){
  .eco-chipwrap .efw-browser-filters{scroll-behavior:auto}
  .eco-chipwrap.can-right:not(.touched) .eco-chip-arrow.next{animation:none}
}

/* v3.2: logo boleh diklik ke Utama */
.eco-home-link{cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:10px;transition:opacity .15s}
.eco-home-link:hover{opacity:.85}
.eco-home-link:focus-visible{outline:3px solid #b9ef74;outline-offset:3px}
.eco-home-link.active{background:none!important}