/* /public/css/base/utilities.css */

/*
  Visually hide an element, but leave it available for screen readers.
  Useful for accessibility.
*/
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  
  /* Text alignment utilities */
  .text-left { text-align: left; }
  .text-center { text-align: center; }
  .text-right { text-align: right; }
  
  /* Display utilities */
  .d-block { display: block; }
  .d-flex { display: flex; }
  .d-none { display: none; }