/**
 * SCAN BUTTON STATES
 * Loaded last to override all other styles
 * Same pattern as location button
 */

/* Estado normal - semi-transparente */
.sp-navbar__btn--scan,
#tour2 {
  background-color: rgba(255, 255, 255, 0.15) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
  color: white !important;
}

.sp-navbar__btn--scan i,
#tour2 i {
  color: white !important;
}

/* Estado hover */
.sp-navbar__btn--scan:hover,
.sp-navbar__btn--scan:focus,
#tour2:hover,
#tour2:focus {
  background-color: rgba(255, 255, 255, 0.25) !important;
  border-color: white !important;
  transform: scale(1.05);
}

.sp-navbar__btn--scan:active,
#tour2:active {
  transform: scale(0.95);
}

/* Estado ACTIVO - fondo blanco con ícono verde */
.sp-navbar__btn--scan.active,
.sp-navbar__btn--scan[aria-pressed="true"],
#tour2.active,
#tour2[aria-pressed="true"] {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
}

.sp-navbar__btn--scan.active i,
.sp-navbar__btn--scan[aria-pressed="true"] i,
#tour2.active i,
#tour2[aria-pressed="true"] i {
  color: var(--sp-color-primary) !important;
}