/* Artelink Global Styles */

/* RemixIcon Override - Ensures proper icon display */
:where([class^="ri-"])::before { 
  content: "\f3c2"; 
}

/* Mobile viewport emulation - centers content on larger screens */
html {
  background-color: #e5e7eb;
}

body {
  max-width: 430px;
  margin: 0 auto !important;
  position: relative;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
  min-height: 100vh;
}

/* Ensure fixed elements respect the mobile width */
nav.fixed {
  max-width: 430px;
  left: 50%;
  transform: translateX(-50%);
}

/* Custom utility classes can be added below */