/* GLOBAL LEPIBASE MAP PIN (Teal Magic) */

.lepibase-map-pin {
  width: 26px;
  height: 26px;
  transform: translate(-13px, -26px); /* hrot pinu na bode */
}

.lepibase-map-pin svg {
  width: 26px;
  height: 26px;
  stroke: var(--color-primary); /* tmavší teal obrys */
  stroke-width: 1.8;
  fill: color-mix(in srgb, var(--color-primary) 18%, white); /* jemná teal výplň */
}

.lepibase-map-pin svg circle {
  fill: #fff; /* biely stred */
}

/* Jemnejší, svetlejší pin – Teal Magic soft */

.lepibase-map-pin svg {
  width: 26px;
  height: 26px;

  /* svetlejší obrys – nie plný primary, ale odľahčený */
  stroke: color-mix(in srgb, var(--color-primary) 55%, white);
  stroke-width: 1.6;

  /* veľmi svetlá výplň – prakticky pastel */
  fill: color-mix(in srgb, var(--color-primary) 18%, white);
}

/* vnútorný bod nech je biely, aby to pôsobilo ľahko */
.lepibase-map-pin svg circle {
  fill: #fff;
}

/* VŠETKY default piny – teal podľa brandu */
.leaflet-marker-icon.m-marker {
  color: color-mix(in srgb, var(--color-primary) 80%, white);
}

/* SVG nech použije currentColor */
.leaflet-marker-icon.m-marker svg {
  display: block;
}

/* (voliteľné) Dashboard mapa = oranžové piny */
.block--30days .leaflet-marker-icon.m-marker {
  color: color-mix(in srgb, var(--color-contrast-strong) 80%, white);
}
/* default – globálne teal piny */
.leaflet-marker-icon.m-marker {
  color: var(--color-primary-strong);
}

/* dashboard: Mapa – posledných 30 dní = oranžové iskry */
.block--30days .leaflet-marker-icon.m-marker {
  color: var(--color-contrast-strong);
}