/*
 * components/tooltips.css — Tipsy tooltips, Leaflet map controls, Google Maps fix
 */

/* ─── Tipsy Tooltips ─────────────────────────────────────────────────────── */

.tipsy {
  font-size: 10px;
  position: absolute;
  padding: 5px;
  z-index: 100000;
}
.tipsy-inner {
  background-color: #000;
  color: #fff;
  max-width: 200px;
  padding: 5px 8px 4px;
  text-align: center;
  border-radius: var(--radius-sm);
}
.tipsy-arrow {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  border: 5px dashed #000;
}

/* Arrow colours */
.tipsy-arrow-n { border-bottom-color: #000; }
.tipsy-arrow-s { border-top-color:    #000; }
.tipsy-arrow-e { border-left-color:   #000; }
.tipsy-arrow-w { border-right-color:  #000; }

/* Arrow placements */
.tipsy-n  .tipsy-arrow { top: 0;    left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-nw .tipsy-arrow { top: 0;    left: 10px;                   border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-ne .tipsy-arrow { top: 0;    right: 10px;                  border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-s  .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px;                   border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px;                  border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-e  .tipsy-arrow { right: 0;  top: 50%;  margin-top: -5px;  border-left-style: solid;  border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
.tipsy-w  .tipsy-arrow { left: 0;   top: 50%;  margin-top: -5px;  border-right-style: solid; border-left: none;  border-top-color: transparent; border-bottom-color: transparent; }

/* ─── Leaflet Map ────────────────────────────────────────────────────────── */

.leaflet-container { background: #9ac3cf !important; }

/* Shared leaflet control icon base */
.leaflet-control-draw .icon,
.leaflet-control-undo .icon,
.leaflet-control-clear .icon,
.leaflet-control-check .icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 18px;
  vertical-align: middle;
  background-size: 16px 16px;
  background-position: center center;
}
.leaflet-control-draw  .icon { background-image: url(../../../../images/leaflet-poly.png); }
.leaflet-control-undo  .icon { background-image: url(../../../../images/leaflet-undo.png); }
.leaflet-control-clear .icon { background-image: url(../../../../images/leaflet-clear.png); }
.leaflet-control-check .icon { background-image: url(../../../../images/leaflet-check.png); }

a.leaflet-disabled .icon { opacity: 0.4; }

/* ─── Google Maps Fix ────────────────────────────────────────────────────── */
/* Prevents form fieldset styles from leaking into Google Maps UI */

.gm-style label {
  display: inline;
  padding: 0;
  text-align: left;
  width: auto;
  float: none;
  font-size: inherit;
}