/* Navbar Links (Imkerbazar-Style) */
.nav-lnk {
  color: rgba(255,255,255,0.7);
  font-family: 'Public Sans', sans-serif;
  font-weight: 500;
  font-size: 0.88rem;
  letter-spacing: 0.01em;
  padding: .5rem .75rem;
  transition: color 0.2s;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}
.nav-lnk:hover { color: #f5e6c8; }
.nav-lnk.active {
  color: #fff;
  position: relative;
}
.nav-lnk.active::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: .75rem;
  right: .75rem;
  height: 2px;
  background: #a17520;
  border-radius: 2px;
}

/* Ampel-Indikator (rechts oben in Aktuelle-GTS-Card) */
.ampel { display: inline-block; width: .9rem; height: .9rem; border-radius: 50%; box-shadow: 0 0 0 1px rgba(0,0,0,.12) inset; }
.ampel.rot   { background: #d23a2a; }
.ampel.gelb  { background: #e8b62a; }
.ampel.gruen { background: #2d8a3f; }

/* Pflanzeneinträge */
.pflanze-row { display: flex; align-items: center; gap: .75rem; }
.pflanze-thumb {
  width: 2.75rem; height: 2.75rem; border-radius: 1rem;
  object-fit: cover; flex-shrink: 0;
  background: #f5f3f3;
  box-shadow: 0 2px 6px rgba(102,61,0,.06);
}
.pflanze-thumb-placeholder {
  display: inline-flex; align-items: center; justify-content: center;
  color: #f89c00; font-size: 1.5rem;
}
.pflanze-text { min-width: 0; flex: 1; line-height: 1.3; }
.pflanze-name { color: #1b1c1c; font-weight: 600; }
.pflanze-name a { color: #0d631b; text-decoration: none; }
.pflanze-name a:hover { text-decoration: underline; }
.syn { color: #707a6c; font-size: .8em; font-style: italic; margin-left: .25rem; }
.gts-tag {
  display: inline-block; color: #623a00;
  background: rgba(248,156,0,0.12);
  padding: 2px 8px; border-radius: 9999px;
  font-size: .7rem; font-weight: 600;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
}
.leer { color: #bfcaba; font-style: italic; }

/* Imker-Schwellen mit Progress */
.schwelle-row { display: flex; flex-direction: column; gap: .4rem; }
.schwelle-row .head { display: flex; justify-content: space-between; align-items: baseline; font-size: .85rem; }
.schwelle-row .label { font-weight: 500; color: #1b1c1c; }
.schwelle-row .pct {
  font-weight: 700; color: #875200; font-size: .75rem;
  background: rgba(248,156,0,0.12);
  padding: 2px 8px; border-radius: 9999px;
}
.schwelle-row .bar { height: .4rem; width: 100%; background: #f5f3f3; border-radius: 9999px; overflow: hidden; }
.schwelle-row .fill { height: 100%; background: linear-gradient(90deg, #0d631b, #2e7d32); transition: width .4s ease; }
.schwelle-row .meta { font-size: .7rem; color: #707a6c; }
.schwelle-row.erreicht .fill { background: linear-gradient(90deg, #0d631b, #2e7d32); }
.schwelle-row.erreicht .pct { color: #0d631b; background: rgba(13,99,27,0.10); }

/* Vegetationsstatus farb-codiert */
.veg-rot   { color: #ba1a1a; }
.veg-gelb  { color: #875200; }
.veg-gruen { color: #0d631b; }

/* Leaflet zoom controls über Glass-Bar */
.leaflet-control-zoom { box-shadow: 0 8px 24px -4px rgba(102,61,0,0.08) !important; border: 0 !important; border-radius: 9999px !important; overflow: hidden; }
.leaflet-control-zoom a { background: #ffffff !important; color: #0d631b !important; border: 0 !important; }
.leaflet-control-zoom a:hover { background: #2e7d32 !important; color: #ffffff !important; }