/**
 * Version mobile (m.lacavernechaude.fr) — base styles optionnels.
 * Safe-area, typo et espacements tactiles.
 */
:root {
  --mobile-safe-top: env(safe-area-inset-top, 0px);
  --mobile-safe-right: env(safe-area-inset-right, 0px);
  --mobile-safe-bottom: env(safe-area-inset-bottom, 0px);
  --mobile-safe-left: env(safe-area-inset-left, 0px);
  --mobile-bg: #050507;
  --mobile-text: #cbd5e1;
}

/* m. — toujours visible (md:hidden masquait tout le body sur tablette/desktop) */
body.mobile-app {
  display: block !important;
  visibility: visible !important;
  min-height: 100vh;
  margin: 0;
  background-color: var(--mobile-bg);
  color: var(--mobile-text);
  font-family: 'Plus Jakarta Sans', Inter, system-ui, sans-serif;
}

@media (min-width: 768px) {
  body.md\:hidden {
    display: block !important;
    visibility: visible !important;
  }
}

body.mobile-app > header,
body.mobile-app > main,
body.mobile-app > nav,
body.mobile-app .mobile-bottom-nav {
  display: block;
  visibility: visible;
}

/* Zone tactile minimale recommandée ~44px */
.mobile-tap-target {
  min-height: 44px;
  min-width: 44px;
}

/* Éviter le zoom sur focus des inputs (iOS) si font-size >= 16px */
@media screen and (max-width: 768px) {
  input[type="text"],
  input[type="password"],
  input[type="email"],
  select,
  textarea {
    font-size: 16px;
  }
}