/* GWI — Clear ("×") button styles
 * Piggybacks on the existing .ghost button styles used by #geo-btn,
 * so hover, focus, and color all match the crosshair automatically.
 * Only sizing and visibility rules live here.
 */
.gwi-clear-btn {
  /* Slightly tighter than .ghost's default padding so the pill doesn't
     grow taller. Matches the crosshair's optical size. */
  padding: 8px !important;
  line-height: 0;
}
.gwi-clear-btn svg {
  width: 18px;
  height: 18px;
  display: block;
}
.gwi-clear-btn[hidden] { display: none !important; }

/* Larger tap target on touch devices (WCAG 2.1 AA target size) */
@media (hover: none) and (pointer: coarse) {
  .gwi-clear-btn {
    padding: 10px !important;
  }
  .gwi-clear-btn svg {
    width: 20px;
    height: 20px;
  }
}