/* === POLISH LITE: Header & Footer === */

/* Header chips lebih premium */
.header .nav ul { gap: 10px }
.header .nav li a{
  display:inline-flex; align-items:center; height:36px;
  padding:0 14px; border-radius:999px;
  background:#fff; border:1px solid #e6e7e8;
  box-shadow:0 2px 6px rgba(0,0,0,.04);
  font-weight:600;
  transition:box-shadow .2s, transform .2s, background .2s, color .2s, border-color .2s;
}
.header .nav li a:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 18px rgba(0,0,0,.08);
}
.header .nav li a.active{
  background:#0F5132; color:#fff; border-color:#0F5132;
  box-shadow:0 10px 24px rgba(15,81,50,.25);
}

/* Badge kecil di kiri (Crop Protection) dibikin lebih halus) */
.header .brand .badge{
  padding:6px 10px; border-radius:999px;
  background:linear-gradient(90deg,#198754,#23b36d);
  color:#fff; font-size:12px; font-weight:600;
  box-shadow:0 6px 16px rgba(25,135,84,.25);
}

/* Bahasa chip (EN/ID) selaras dengan nav chips) */
.lang-toggle .btn{
  height:36px; padding:0 12px; border-radius:999px;
  border:1px solid #dfe3e6; background:#fff; font-weight:600;
}
.lang-toggle .btn.primary{ background:#198754; color:#fff; border-color:#198754 }
.lang-toggle .btn:hover{ transform:translateY(-1px); box-shadow:0 8px 18px rgba(0,0,0,.08) }

/* Header blur/shadow pas scroll (kalau class .scrolled sudah ada, ini mempercantik) */
.header{ background:rgba(255,255,255,.86); backdrop-filter:saturate(180%) blur(14px) }
.header.scrolled{ box-shadow:0 14px 30px rgba(15,81,50,.14) }

/* Footer garis aksen & link hover */
.footer{ position:relative }
.footer::before{
  content:""; position:absolute; left:0; right:0; top:0; height:3px;
  background:linear-gradient(90deg,#198754,#23b36d,#D4AF37);
  opacity:.6;
}
.footer .cols h4{
  margin:0 0 8px; font-size:13px; letter-spacing:.03em; text-transform:uppercase;
  color:#2B2F33; opacity:.85
}
.footer a{ color:#2B2F33 }
.footer a:hover{ color:#198754; text-decoration:none }
.footer .small{ opacity:.85 }

/* Social icon pill (kalau dipakai) */
.footer .social{ display:flex; gap:10px; margin-top:8px }
.footer .social a{
  width:36px;height:36px;border-radius:999px;border:1px solid #e0e6e2;
  display:inline-flex;align-items:center;justify-content:center;
  box-shadow:0 4px 12px rgba(0,0,0,.06); transition:transform .2s, box-shadow .2s
}
.footer .social a:hover{ transform:translateY(-2px); box-shadow:0 10px 22px rgba(0,0,0,.12) }