/* Utility classes for replacing inline styles and .style.* properties */

/* Display utilities */
.is-visible { display: block !important; }
.is-hidden { display: none !important; }
.is-flex { display: flex !important; }
.is-inline { display: inline !important; }
.is-inline-block { display: inline-block !important; }
.is-inline-flex { display: inline-flex !important; }
.is-grid { display: grid !important; }

/* Opacity utilities */
.opacity-0 { opacity: 0; }
.opacity-50 { opacity: 0.5; }
.opacity-100 { opacity: 1; }

/* Position utilities */
.position-fixed { position: fixed; }
.position-absolute { position: absolute; }
.position-relative { position: relative; }
.position-static { position: static; }
.position-sticky { position: sticky; }

/* Z-index utilities */
.z-1000 { z-index: 1000; }
.z-1001 { z-index: 1001; }
.z-999 { z-index: 999; }

/* Transition utilities */
.transition-opacity { transition: opacity 1s ease; }
.transition-all { transition: all 0.3s ease; }
.transition-color { transition: color 0.3s ease; }