/* Appilix Android App - Custom CSS */
/* This file will be loaded by Appilix for Android-specific styling */

/* Safe area padding for notches and system bars */
:root {
  --safe-area-top: env(safe-area-inset-top, 0px);
  --safe-area-bottom: env(safe-area-inset-bottom, 0px);
}

/* Adjust top navbar for Android status bar */
body {
  padding-top: var(--safe-area-top);
}

/* Optimize navbar for Android */
.MuiAppBar-root {
  top: var(--safe-area-top) !important;
}

/* Bottom navigation spacing for Android navigation bar */
.MuiTabs-root[role="tablist"] {
  padding-bottom: var(--safe-area-bottom);
}

/* Prevent text selection in app (better native feel) */
.MuiButton-root,
.MuiTab-root,
.MuiChip-root {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

/* Improve touch targets for Android (minimum 48x48dp) */
.MuiIconButton-root {
  min-width: 48px !important;
  min-height: 48px !important;
}

/* Remove iOS-specific styles on Android */
@supports not (-webkit-touch-callout: none) {
  /* This targets non-iOS devices (Android) */
  input,
  textarea,
  select {
    font-size: 16px !important; /* Prevent zoom on focus */
  }
}

/* Smooth scrolling for better Android experience */
* {
  -webkit-overflow-scrolling: touch;
}

/* Hide scrollbars in Android app for cleaner look */
::-webkit-scrollbar {
  display: none;
}

/* Optimize bottom sheet/drawer for Android */
.MuiDrawer-paper {
  max-height: calc(100vh - var(--safe-area-top) - var(--safe-area-bottom));
}

/* Material Design ripple effect enhancement */
.MuiTouchRipple-root {
  color: rgba(89, 23, 22, 0.3) !important;
}

/* Improve card shadows for Android Material Design */
.MuiCard-root {
  box-shadow: 0 2px 4px rgba(0,0,0,0.1), 0 4px 8px rgba(0,0,0,0.05) !important;
}

/* Optimize flight cards for mobile */
@media (max-width: 768px) {
  .MuiContainer-root {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

/* Android back button handling hint */
body[data-platform="android"] {
  /* App-specific overrides can go here */
}

/* Google Maps mobile fixes */
.gm-style {
  touch-action: pan-x pan-y !important;
  -webkit-user-select: none;
  user-select: none;
}

.gm-style div,
.gm-style button {
  -webkit-tap-highlight-color: transparent;
}

/* Fix map controls on mobile */
.gm-bundled-control {
  margin: 10px !important;
}

/* Ensure map loads properly on mobile */
.gm-style iframe + div {
  border: none !important;
}

/* iOS-specific map fixes */
@supports (-webkit-touch-callout: none) {
  .gm-style {
    -webkit-overflow-scrolling: touch;
  }
}