/* Styles for Hotwire Native apps (iOS/Android) */

/* Safe area insets for edge-to-edge displays (notches, status bars) */
body {
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}

/* Hide elements that should only show on web */
.d-hotwire-native-none {
  display: none !important;
}

/* Show elements that should only show on native */
.d-hotwire-native-block {
  display: block !important;
}

/* Native apps have their own navigation */
.web-nav {
  display: none !important;
}