/* Camera Control Panel Styles (centralized)
   All camera control buttons should take styles from here.
*/

/* Base button style overrides (keep consistent look) */
#cameraControlPanel .cam-btn {
  border: 1px solid rgba(255,255,255,0.35);
  background: rgba(255,255,255,0.22);
  color: #fff;
  transition: background 0.2s ease, color 0.2s ease, transform 0.08s ease;
}

#cameraControlPanel .cam-btn:hover {
  background: rgba(255,255,255,0.32);
}

/* Active state from CSS (no inline styles in JS) */
#cameraControlPanel .cam-btn.active,
#cameraControlPanel .cam-btn.is-active,
body[data-geo-active="true"] #cameraControlPanel #camGeolocateBtn {
  background: linear-gradient(135deg, rgb(40, 167, 69) 0%, rgb(32, 201, 151) 100%);
  color: #fff;
  border-color: rgba(32, 201, 151, 0.85);
  box-shadow: 0 2px 10px rgba(32,201,151,0.35);
}

/* Disabled state clarity */
#cameraControlPanel .cam-btn:disabled {
  opacity: 0.55;
  filter: grayscale(0.35);
  cursor: not-allowed;
}