/* ============================================
   RESPONSIVE ENHANCEMENTS
   Additional responsive utilities
   ============================================ */

/* Mobile utilities */
@media (max-width: 767px) {
  .hide-on-mobile {
    display: none !important;
  }
  
  .show-on-mobile {
    display: block !important;
  }
}

/* Tablet utilities */
@media (min-width: 768px) and (max-width: 1023px) {
  .hide-on-tablet {
    display: none !important;
  }
  
  .show-on-tablet {
    display: block !important;
  }
}

/* Desktop utilities */
@media (min-width: 1024px) {
  .hide-on-desktop {
    display: none !important;
  }
  
  .show-on-desktop {
    display: block !important;
  }
}

/* Responsive text alignment */
@media (max-width: 767px) {
  .text-center-mobile {
    text-align: center !important;
  }
}

/* Responsive spacing */
@media (max-width: 767px) {
  .no-padding-mobile {
    padding: 0 !important;
  }
  
  .no-margin-mobile {
    margin: 0 !important;
  }
}