/* ==========================================================
   Geocache
========================================================== */

.cacheMapButton {

  width: 24px;
  height: 24px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 6px;

  background: transparent;

  border: none;

  box-shadow:
    0 2px 6px rgba(0,0,0,0.15);

  font-size: 14px;

  cursor: pointer;
}


.cacheMapButton:hover {

  transform: scale(1.1);

  box-shadow:
    0 4px 10px rgba(0,0,0,0.25);
}

#geocacheFilterBar {

  display:flex;

  gap:4px;

  align-items:center;

  margin-left:8px;
}

.cacheTypeBtn {

  border:
    1px solid
    var(--trailq-border);

  border-radius:8px;

  background:white;

  transition:
    all 0.15s ease;
}

.cacheTypeBtn:hover {

  border-color:
    var(--trailq-green);
}

.cacheTypeBtn:not(.active) {

  opacity:0.35;
}

#geocacheControls {

    display:flex;
    flex-direction:row;

    align-items:center;

    gap:8px;
}


.cacheSeparator {

  width: 1px;
  height: 22px;

  background: #cbd5e1;

  margin: 0 8px;
}

.cacheCheck {

  display:flex;

  align-items:center;

  gap:2px;

  margin-left:6px;

  font-size:12px;
}


.cacheGroup {

  display: flex;

  align-items: center;

  gap: 4px;

  padding-left: 10px;

  border-left: 1px solid
    var(--trailq-border);
}

.cacheGroupLabel {

  font-size: 11px;

  font-weight: 600;

  color: #64748b;

  white-space: nowrap;

  margin-right: 4px;
}