/* A-Frame XR Button Fixes */
/* Ensure VR/AR buttons have proper dimensions and are visible */

.a-enter-vr,
.a-enter-ar {
  /* CRITICAL: Override btn-modern positioning */
  position: fixed !important;
  
  /* Reset any inherited styling that might be interfering */
  height: 50px !important;
  padding: 8px 12px !important;
  width: 60px !important;
  
  /* Ensure proper positioning */
  z-index: 100 !important;
  
  /* Ensure visibility */
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  
  /* CRITICAL: Ensure clicks work */
  pointer-events: auto !important;
  
  /* Basic styling to make them visible */
  
  color: white !important;

  font-size: 12px !important;
  font-family: Arial, sans-serif !important;
  cursor: pointer !important;
  
  /* Reset btn-modern transformations */
  transform: none !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  
  /* Prevent text overflow */
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Remove btn-modern pseudo-element effects for XR buttons */
.a-enter-vr::before,
.a-enter-ar::before {
  display: none !important;
}

/* Specific positioning for VR button */
.a-enter-vr {
  bottom: 20px !important;
  right: 140px !important;
}

/* Specific positioning for AR button */
.a-enter-ar {
  bottom: 20px !important;
  right: 20px !important;
}