/* Main CSS file - imports all other stylesheets */

/* Import all component stylesheets */
@import url('./base.css');
@import url('./navigation.css');
@import url('./components.css');
@import url('./mobile.css');
@import url('./checkout.css');
@import url('./regional.css');
@import url('./responsive.css');

/* Any additional styles that don't fit into other categories can go here */

/* Global modal blur prevention - ensure modal content is never blurred */
#modal-container,
#modal-container *,
#mobile-modal-panel,
#mobile-modal-panel *,
#desktop-modal-popup,
#desktop-modal-popup * {
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
  /* Force hardware acceleration */
  transform: translateZ(0) !important;
  backface-visibility: hidden !important;
  perspective: 1000px !important;
}

/* Ensure modal content is always sharp and readable */
#mobile-modal-content,
#desktop-modal-content,
#mobile-modal-content *,
#desktop-modal-content * {
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
  /* Force hardware acceleration */
  transform: translateZ(0) !important;
  backface-visibility: hidden !important;
  perspective: 1000px !important;
}