/* unterwegs.pilzverliebt.de - mobiles App-Stylesheet.
   Bewusst eigenstaendig (nicht site.css importiert), da die Seite ein
   eigenes, schlankeres Layout hat (keine breite Desktop-Navigation). */

:root {
  --moos: #F7F2E7; --moos-dunkel: #EEE5D2; --tinte: #241A10; --tinte-soft: #5C4E3C;
  --rot: #C81E14; --rot-dunkel: #8E140D; --gruen: #4B6B3E; --gruen-dunkel: #34492B;
  --linie: #E2D4B8; --weiss: #FFFDF8;
}
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html { -webkit-text-size-adjust: 100%; }
body {
  background: var(--moos); color: var(--tinte); font-family: 'Public Sans', sans-serif;
  min-height: 100vh; min-height: 100dvh;
}
a { color: inherit; }
button, input, select, textarea { font-size: 16px; } /* verhindert Auto-Zoom beim Fokussieren auf iOS */

/* Safe-Area (Notch/Home-Indicator) beruecksichtigen - relevant, sobald
   die Seite als installierte Standalone-Webapp laeuft (kein Browser-Chrome). */
.uw-header {
  padding: calc(14px + env(safe-area-inset-top)) 18px 14px;
  background: var(--weiss); border-bottom: 1px solid var(--linie);
  display: flex; align-items: center; justify-content: space-between;
  position: sticky; top: 0; z-index: 10;
}
.uw-logo { font-family: 'Baloo 2', sans-serif; font-weight: 700; font-size: 17px; }
.uw-logout { font-size: 12.5px; font-weight: 700; color: var(--tinte-soft); text-decoration: none; }
.uw-logout:hover { color: var(--rot); }

.uw-wrap {
  margin: 0 auto;
  padding: 18px 16px calc(40px + env(safe-area-inset-bottom));
}