/* ============================================================
   home.gr — «Θερμό χαρτί» — CSS συστήματος χάρτη (προσθήκες)
   Φορτώνεται ΜΕΤΑ τα deep-green.css + search-dg-v2.css.
   Μόνο tokens — κανένα hex.
   ============================================================ */

/* ---------- popup μίνι κάρτα (MapLibre) ---------- */
.hg-pop .maplibregl-popup-content {
  padding: 0; border-radius: 12px; overflow: hidden;
  background: var(--surface); border: 1px solid var(--line-strong);
  box-shadow: var(--shadow-lg); font-family: var(--font-ui);
}
.maplibregl-popup-anchor-bottom .maplibregl-popup-tip,
.maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip,
.maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip { border-top-color: var(--surface); }
.maplibregl-popup-anchor-top .maplibregl-popup-tip,
.maplibregl-popup-anchor-top-left .maplibregl-popup-tip,
.maplibregl-popup-anchor-top-right .maplibregl-popup-tip { border-bottom-color: var(--surface); }
.maplibregl-popup-anchor-left .maplibregl-popup-tip { border-right-color: var(--surface); }
.maplibregl-popup-anchor-right .maplibregl-popup-tip { border-left-color: var(--surface); }

.hg-minicard { width: 224px; }
.hg-mc-cover { position: relative; height: 104px; background-size: cover; background-position: center; }
.hg-mc-demochip {
  position: absolute; top: 8px; left: 8px; padding: 5px 9px; border-radius: 999px;
  background: var(--ink); color: var(--paper);
  font: 700 10.5px/1 var(--font-ui); letter-spacing: .06em; text-transform: uppercase;
}
.hg-mc-x {
  position: absolute; top: 8px; right: 8px; width: 26px; height: 26px; border-radius: 50%;
  border: 0; cursor: pointer; background: rgba(255,255,255,.95); color: var(--ink);
  font: 700 13px/1 var(--font-ui);
}
.hg-mc-demoband {
  background: var(--ink); color: var(--paper); padding: 6px 12px;
  font: 700 10px/1.2 var(--font-ui); letter-spacing: .05em; text-transform: uppercase;
}
.hg-mc-body { padding: 10px 12px 12px; display: flex; flex-direction: column; gap: 4px; }
.hg-mc-loc { font: 700 10px/1 var(--font-ui); letter-spacing: .08em; text-transform: uppercase; color: var(--text-4); }
.hg-mc-title { font-family: var(--font-display); font-weight: 700; font-size: 13.5px; line-height: 1.3; color: var(--ink); }
.hg-mc-price { display: flex; align-items: center; gap: 6px; }
.hg-mc-price b { font-size: 17px; font-weight: 800; color: var(--ink); }
.hg-mc-price span { font-size: 11px; color: var(--text-3); }
.hg-mc-final {
  margin-left: auto; font: 700 10px/1 var(--font-ui); font-style: normal;
  padding: 3px 8px; border-radius: 999px; background: var(--terra-tint); color: var(--terra-tint-text);
}
.hg-mc-dec { font-size: 10.5px; color: var(--text-3); }
.hg-mc-approx {
  display: inline-block; padding: 3px 9px; border-radius: 999px;
  background: var(--pine-tint); color: var(--pine-tint-text); font: 600 10.5px/1.2 var(--font-ui);
}
.hg-mc-cta { font: 700 12px var(--font-ui); color: var(--terra); margin-top: 3px; text-decoration: none; }
.hg-mc-cta:hover { color: var(--mint-hover); }

/* ---------- bottom sheet (κινητό — δεν υπάρχει hover) ---------- */
.hg-sheet {
  position: absolute; left: 10px; right: 10px; bottom: 10px; z-index: 8;
  background: var(--surface); border: 1px solid var(--line-strong); border-radius: var(--radius);
  box-shadow: var(--shadow-lg); overflow: hidden;
  animation: hgSheetUp .3s var(--ease);
}
.hg-sheet[hidden] { display: none; }
.hg-sheet .hg-mc-demoband { font-size: 10.5px; }
.hg-sheet-grip { width: 36px; height: 4px; border-radius: 99px; background: var(--line-strong); margin: 8px auto 6px; }
.hg-sheet-row { display: flex; gap: 10px; padding: 0 12px; }
.hg-sheet-ph { flex: none; width: 64px; height: 64px; border-radius: 10px; background-size: cover; background-position: center; }
.hg-sheet-cta {
  display: grid; place-items: center; margin: 10px 12px 12px; min-height: 44px;   /* στόχος αφής ≥44px */
  background: var(--terra); color: var(--on-mint); border-radius: 999px;
  font: 700 14px/1 var(--font-ui); text-decoration: none;
}
.hg-sheet-cta:hover { background: var(--terra-press); color: var(--on-mint); }
@keyframes hgSheetUp { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .hg-sheet { animation: none; } }

/* ---------- υπόμνημα: δεύτερο στοιχείο «Δείγμα» ---------- */
.map-legend2 .hg-legend-demo i {
  display: inline-block; width: 10px; height: 10px; border-radius: 50%;
  background: var(--ink); outline: 1.5px dashed var(--ink); outline-offset: 2px;
}