/* Trumpų tiekimo grandinių žemėlapis – frontend stiliai (apgaubti .tg-grandines) */
.tg-grandines{
  --tg-paper:#f5f6ee; --tg-card:#fcfbf5; --tg-ink:#2b332c; --tg-soft:#5a655b;
  --tg-line:#e6e0d2; --tg-green:#6fa472; --tg-accent:#cfe2c9; --tg-accent-ink:#33543a; --tg-h:640px;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  color:var(--tg-ink); border:1px solid var(--tg-line); border-radius:14px;
  overflow:hidden; background:var(--tg-card); box-shadow:0 6px 22px rgba(31,42,36,.10);
  max-width:100%;
}
.tg-grandines *{box-sizing:border-box}
.tg-bar{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  padding:12px 16px;border-bottom:1px solid var(--tg-line);
  background:linear-gradient(180deg,#fbf9f2,#f3efe4);
}
.tg-toggle{display:inline-flex;align-items:center;gap:6px}
.tg-toggle-lbl{font-size:13px;color:var(--tg-soft);margin-right:2px}
.tg-mode{
  font:inherit;font-size:13px;font-weight:600;cursor:pointer;padding:6px 13px;
  border:1px solid var(--tg-line);background:var(--tg-card);color:var(--tg-soft);border-radius:999px;transition:.15s;
}
.tg-mode:hover{border-color:var(--tg-green)}
.tg-mode[aria-pressed="true"]{background:var(--tg-accent);color:var(--tg-accent-ink);border-color:transparent}
.tg-search{margin-left:auto;min-width:220px;flex:1;max-width:340px}
.tg-q{
  width:100%;padding:8px 12px;border:1px solid var(--tg-line);border-radius:10px;
  font:inherit;font-size:14px;background:#fff;color:var(--tg-ink);
}
.tg-q:focus{outline:2px solid var(--tg-green);border-color:transparent}

.tg-body{display:flex;height:var(--tg-h);min-height:360px}
.tg-side{
  width:320px;flex:none;border-right:1px solid var(--tg-line);
  display:flex;flex-direction:column;background:#eef0e4;min-height:0;
}
.tg-filters{padding:12px 14px 4px;border-bottom:1px solid var(--tg-line)}
.tg-fgroup{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.tg-flbl{width:100%;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--tg-soft);font-weight:700;margin-bottom:1px}
.tg-chip{
  font:inherit;font-size:12px;font-weight:600;cursor:pointer;padding:4px 10px;border-radius:999px;
  border:1px solid var(--tg-line);background:#fff;color:var(--tg-soft);display:inline-flex;align-items:center;gap:6px;transition:.15s;
}
.tg-chip:hover{border-color:var(--tg-green)}
.tg-chip[aria-pressed="true"]{color:var(--tg-ink);border-color:transparent;font-weight:700}
.tg-chip .tg-sw{width:10px;height:10px;border-radius:3px;flex:none}
.tg-count{font-size:12px;color:var(--tg-soft);padding:9px 14px 6px}
.tg-count b{color:var(--tg-ink)}
.tg-list{overflow-y:auto;flex:1;min-height:0;padding:4px 8px 10px}
.tg-item{
  background:#fff;border:1px solid var(--tg-line);border-left-width:4px;border-radius:10px;
  padding:10px 12px;margin:6px 4px;cursor:pointer;transition:.15s;
}
.tg-item:hover{box-shadow:0 4px 14px rgba(31,42,36,.12);transform:translateY(-1px)}
.tg-item h4{margin:0 0 3px;font-size:14px;font-weight:700;line-height:1.25}
.tg-item h4 .tg-li-ico{margin-right:5px;font-size:14px}
.tg-item .tg-meta{font-size:12px;color:var(--tg-soft);display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.tg-tag{font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:999px;color:#33403a;line-height:1.5}
.tg-empty{padding:22px 14px;color:var(--tg-soft);font-size:13px}

.tg-mapwrap{flex:1;position:relative;min-height:0}
.tg-map{position:absolute;inset:0;background:#e6ebe6}
.tg-grandines .leaflet-container{font:inherit;background:#e6ebe6}
.tg-grandines .leaflet-interactive:focus,
.tg-grandines .leaflet-interactive:focus-visible,
.tg-grandines path.leaflet-interactive{outline:none!important}
.tg-grandines svg.leaflet-zoom-animated{outline:none}
.tg-legend{
  position:absolute;right:12px;bottom:12px;z-index:500;background:rgba(251,249,242,.96);
  border:1px solid var(--tg-line);border-radius:12px;padding:9px 12px;font-size:12px;
  box-shadow:0 6px 18px rgba(31,42,36,.14);max-width:235px;
}
.tg-legend b{display:block;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--tg-soft);margin-bottom:5px}
.tg-legend b.tg-l2{margin-top:10px;border-top:1px solid var(--tg-line);padding-top:8px}
.tg-legend .tg-lrow{display:flex;align-items:flex-start;gap:8px;margin:4px 0}
.tg-legend .tg-lrow b{display:block;font-size:12px;letter-spacing:0;text-transform:none;color:var(--tg-ink);margin:0}
.tg-legend .tg-lsub{display:block;font-size:11px;color:var(--tg-soft);font-weight:400}
.tg-legend .tg-lnote{margin-top:6px;font-size:11px;color:var(--tg-soft)}
.tg-legend .tg-sw{width:13px;height:13px;border-radius:4px;flex:none;margin-top:2px}

/* žymeklis */
.tg-pin{position:relative;width:36px;height:46px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.28)) drop-shadow(0 0 0.8px rgba(60,70,55,.55))}
.tg-pin .tg-ico{
  position:absolute;left:50%;top:5px;transform:translateX(-50%);
  width:22px;height:22px;border-radius:50%;background:#fff;
  font-size:13px;line-height:22px;text-align:center;box-shadow:0 0 0 1px rgba(0,0,0,.06);
}
.tg-pin .tg-mod{
  position:absolute;right:0;top:1px;
  min-width:15px;height:15px;border-radius:50%;color:#fff;
  font-size:10px;font-weight:800;line-height:15px;text-align:center;
  box-shadow:0 0 0 1.5px #fff;padding:0 1px;
}

/* popup */
.tg-grandines .leaflet-popup-content-wrapper{border-radius:14px;background:var(--tg-card)}
.tg-grandines .leaflet-popup-content{margin:13px 15px;width:250px!important;line-height:1.45}
.tg-pop h4{margin:0 0 4px;font-size:15.5px;font-weight:700;color:#23512f;line-height:1.25}
.tg-pop .tg-badges{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}
.tg-pop .tg-b{font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:999px;color:#33403a}
.tg-pop .tg-pmeta{font-size:12px;color:var(--tg-soft);margin-bottom:8px}
.tg-pop .tg-fund{font-size:12px;font-weight:700;color:#7a5a13;background:#f7eccb;border-radius:8px;padding:4px 9px;margin-bottom:8px;display:inline-block}
.tg-pop p.tg-desc{margin:0 0 8px;font-size:12.5px}
.tg-pop .tg-l{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--tg-soft);font-weight:700;margin:7px 0 2px}
.tg-pop a.tg-web{color:var(--tg-green);font-weight:700;font-size:13px;text-decoration:none;word-break:break-all}
.tg-pop a.tg-web:hover{text-decoration:underline}
.tg-pop ul{margin:0;padding-left:16px;font-size:12.5px}

@media(max-width:780px){
  .tg-body{flex-direction:column;height:auto}
  .tg-side{width:100%;max-height:300px;border-right:none;border-bottom:1px solid var(--tg-line)}
  .tg-mapwrap{height:var(--tg-h);min-height:340px}
  .tg-search{margin-left:0;max-width:none}
}