/* utilities.css - Utility Classes and Helper Styles */

/* Hide elements */
#smartfence-embed-root .hidden { 
  display: none !important;
}

/* Loading state */
#smartfence-embed-root .loading { 
  position: relative;
  pointer-events: none;
  opacity: 0.6;
}

#smartfence-embed-root .loading::after { 
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  border: 2px solid transparent;
  border-top: 2px solid var(--primary-color);
  border-radius: 50%;
  animation: spin 1s linear infinite;
}